.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#000000;--e-global-color-11e9960:#FFEEF4;--e-global-color-d831e63:#FFB845;--e-global-color-11469ef:#FFF2DE;--e-global-color-95dbf4b:#FFFFF3;--e-global-color-bc26907:#F2F2F2;--e-global-color-5ae774e:#C2C1B2;--e-global-typography-primary-font-family:"Cooper";--e-global-typography-secondary-font-family:"Trirong";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Be Vietnam";--e-global-typography-accent-font-family:"Be Vietnam";--e-global-typography-accent-font-weight:bold;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-d831e63 );font-family:"Be Vietnam", Sans-serif;font-size:18px;text-transform:uppercase;color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
	overflow-x: clip;
}

.sc-button a,
.sc-form button {
  transition:800ms ease all;
}
.sc-button a::before,
.sc-button a::after,
.sc-form button::before,
.sc-form button::after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width: 100%;
  background: #FFB845;
  transition: all 0.4s ease;
  transform: scaleX(0);
  transform-origin: left;
}
.sc-button a::after,
.sc-form button::after {
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
  transform-origin: right;
}
.sc-button a span.elementor-button-content-wrapper::before,
.sc-form button span.elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 75%;
    width: 40px;
    height: 40px;
    background-image: url("/wp-content/uploads/2025/09/SuriaC_Logo_200x200.webp");
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-70%, -50%);
    opacity: 0;
    transition: all 0.8s ease;
}
.sc-button a span.elementor-button-text,
.sc-form button span.elementor-button-text
{
    transition: transform 1.2s ease;
} 

.sc-button:hover a,
.sc-form button:hover {
    background-color: transparent !important;
}
.sc-button:hover a::before,
.sc-button:hover a::after,
.sc-form button:hover::before,
.sc-form button:hover::after {
  transform: scaleX(1);
  transition: all 0.8s ease;
}
.sc-button:hover a span.elementor-button-text,
.sc-form button:hover span.elementor-button-text {
    transform: translateX(-30%);
}
.sc-button:hover a .elementor-button-content-wrapper::before,
.sc-form button:hover span.elementor-button-content-wrapper::before {
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all 2s ease;
}

.sc-button-circle a {
  transition: all 1s ease;
}
.sc-button-circle:not(.no-border) a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #FFB845;;
    border-radius: 50%;
}
.sc-button-circle a span.elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-image: url("/wp-content/uploads/2025/09/SuriaC_Logo_200x200.webp");
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.8s ease;
}
.sc-button-circle a .elementor-button-text {
  transition: all 1s ease; 
}

.sc-button-circle:hover a {
    background-color: transparent;
    color: #FFB845;
}
.sc-button-circle:hover a .elementor-button-text {
    transform: translateY(-100%);
}
.sc-button-circle:hover a span.elementor-button-content-wrapper::before {
    opacity: 1;
    transform: translate(-50%, 0);
}

.sc-products-section .products .product .woocommerce-loop-product__title {
    display: inline-block;
    width: 60%;
}
.sc-products-section .products .product .price {
    display: inline-block !important;
    width: 35%;
    text-align: right;
}

.sc-products-section .products .product .add_to_cart_button {
    width: 100%;
    text-align: center;
    transition: all 0.8s ease;
}
.sc-products-section .products .product .add_to_cart_button::before,
.sc-addtocart-button .button:not(.disabled)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 70%;
    width: 30px;
    height: 30px;
    background-image: url("/wp-content/uploads/2025/09/SuriaC_Logo_200x200.webp");
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-80%, -50%);
    opacity: 0;
    transition: all 0.8s ease;
    z-index: 2;
}
.sc-products-section .products .product .add_to_cart_button:hover::before,
.sc-addtocart-button .button:not(.disabled):hover::before {
    opacity: 1;
    transform: translate(0%, -50%);
}
.sc-products-section .added_to_cart {
    display: none !important;
}
@media (max-width:767px) {
    .sc-products-section .products .product .woocommerce-loop-product__title {
        display: block;
        margin-bottom: -10px !important;
    }
    .sc-products-section .products .product .price {
        text-align: left;
    }
    .sc-products-section .products .product .add_to_cart_button::before,
    .sc-addtocart-button .button:not(.disabled)::before {
        left: 80%;
        width: 20px;
        height: 20px;
    }
}

.sc-container-colecciones::-webkit-scrollbar {
    display: none;
}
.sc-container-colecciones {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sc-container-colecciones .coleccion:hover .line {
    transform: translateX(-100%);
}
.sc-container-colecciones .coleccion:hover .text {
    transform: translateY(-50%);
}

.elementor-products-grid .woocommerce-loop-product__link {
    overflow: hidden;
}

.elementor-products-grid .woocommerce-loop-product__link img {
    transition: 0.7s transform ease;
}

.elementor-products-grid .woocommerce-loop-product__link:hover img {
    transform: scale(1.05);
}

.elementor-products-grid li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cooper';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://suriacollections.a2marketingstudio.com/wp-content/uploads/2025/09/Cooper.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Trirong';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://suriacollections.a2marketingstudio.com/wp-content/uploads/2025/09/Trirong-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Trirong';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://suriacollections.a2marketingstudio.com/wp-content/uploads/2025/09/Trirong-LightItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Be Vietnam';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://suriacollections.a2marketingstudio.com/wp-content/uploads/2025/09/BeVietnamPro-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Be Vietnam';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://suriacollections.a2marketingstudio.com/wp-content/uploads/2025/09/BeVietnamPro-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */