.elementor-2067499 .elementor-element.elementor-element-214ca682{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2067499 .elementor-element.elementor-element-eaf8a4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2067499 .elementor-element.elementor-element-3fac3eba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2067499 .elementor-element.elementor-element-3fac3eba{right:0px;}body.rtl .elementor-2067499 .elementor-element.elementor-element-3fac3eba{left:0px;}.elementor-2067499 .elementor-element.elementor-element-3fac3eba{top:0px;}.elementor-2067499 .elementor-element.elementor-element-1e333a32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2067499 .elementor-element.elementor-element-1e333a32:not(.elementor-motion-effects-element-type-background), .elementor-2067499 .elementor-element.elementor-element-1e333a32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2067499 .elementor-element.elementor-element-4f312abb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:400;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-225cac88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-2067499 .elementor-element.elementor-element-225cac88 .woocommerce-product-details__short-description{color:#4D4D4D;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;}.elementor-2067499 .elementor-element.elementor-element-449cc7c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.woocommerce .elementor-2067499 .elementor-element.elementor-element-449cc7c5 .price{color:#4D4D4D;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.woocommerce .elementor-2067499 .elementor-element.elementor-element-449cc7c5 .price ins{color:#4D4D4D;font-family:"Poppins", Sans-serif;font-size:26px;font-weight:700;}.elementor-2067499 .elementor-element.elementor-element-25857c6 .cart button, .elementor-2067499 .elementor-element.elementor-element-25857c6 .cart .button{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;border-radius:4px 4px 4px 4px;padding:14px 30px 14px 30px;color:#FFFFFF;background-color:#00B5B5;transition:all 0.2s;}.elementor-2067499 .elementor-element.elementor-element-25857c6 .cart button:hover, .elementor-2067499 .elementor-element.elementor-element-25857c6 .cart .button:hover{background-color:var( --e-global-color-accent );}.elementor-2067499 .elementor-element.elementor-element-25857c6 .quantity .qty{border-style:solid;border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-color:#FFFFFF;transition:all 0.2s;}.elementor-2067499 .elementor-element.elementor-element-3508001a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2067499 .elementor-element.elementor-element-1d566be2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-8a0cdc0{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-740e3c7a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:normal;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-fbc346c{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-3e10404a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:normal;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-4b9c1047{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-fc45cba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:normal;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-10b44b89{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-15225107 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:normal;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-204a9d91{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-2cae4d81 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:normal;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-78deb86{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-675bb8fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-text );}.elementor-2067499 .elementor-element.elementor-element-675bb8fa{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#4D4D4D;}.elementor-2067499 .elementor-element.elementor-element-675bb8fa a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#000000;}.elementor-2067499 .elementor-element.elementor-element-3bc2dbec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2067499 .elementor-element.elementor-element-4584fafb{--display:flex;--min-height:31px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2067499 .elementor-element.elementor-element-4c830f69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2067499 .elementor-element.elementor-element-4c830f69.elementor-element{--align-self:center;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-2067499 .elementor-element.elementor-element-7016ac1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .price del{color:#999999;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .price del .amount{color:#999999;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .price del {font-family:"Gothic", Sans-serif;font-size:0.85em;font-weight:400;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#91CDCF;font-family:"Gothic", Sans-serif;font-size:14px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2067499 .elementor-element.elementor-element-675bb8fa a{font-size:var( --e-global-typography-primary-font-size );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2067499 .elementor-element.elementor-element-214ca682{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2067499 .elementor-element.elementor-element-eaf8a4e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2067499 .elementor-element.elementor-element-675bb8fa a{font-size:var( --e-global-typography-primary-font-size );}.elementor-2067499 .elementor-element.elementor-element-7016ac1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-2067499 .elementor-element.elementor-element-eaf8a4e{--width:55%;}.elementor-2067499 .elementor-element.elementor-element-1e333a32{--width:45%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-18f7a96e *//* ==========================================================================
   Galería de Producto Único con Miniaturas a la Izquierda (OceanWP / Elementor)
   ========================================================================== */

/* 1. Contenedor general: Flexbox en reversa para mandar las miniaturas a la izquierda */
.woocommerce div.product .woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

/* 2. Visor de la Imagen Principal (Ocupa el 80% del ancho) */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport {
    width: 80% !important;
    flex: 0 0 80% !important;
    margin: 0 !important;
}

/* 3. Contenedor de Miniaturas (Ocupa el 18% del ancho en columna) */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: column !important;
    width: 18% !important;
    flex: 0 0 18% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important; /* Espaciado vertical uniforme entre miniaturas */
}

/* 4. ANULACIÓN CRÍTICA: Forzamos a cada miniatura a ocupar el 100% de la columna del 18% */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 100% !important; /* Anula el "width: 25%" inline de WooCommerce */
    float: none !important;  /* Quita el flotado nativo */
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Cuadrado Perfecto: Asegura que las imágenes de la galería no se deformen */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important; /* Fuerza a que sean perfectamente cuadradas */
    object-fit: cover !important;   /* Recorta la imagen sin estirarla */
    border-radius: 16px;
    border: 1px solid #808080;
    transition: border-color 0.2s ease;
}

/* Estilo para la miniatura activa seleccionada */
/*.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {*/
    border-color: #2bc4c3 !important; /* Tu color turquesa de marca */
/*}*//* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-4f312abb */@media (max-width:768px) {
    .elementor-1963075 .elementor-element.elementor-element-301aff72 .elementor-heading-title {
        font-size: 26px;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-449cc7c5 *//*Se ubica para adaptar como se muestra INCLUYE IVA EN SINGLEPRODUCTPAGE*/
.elementor-2067499 .elementor-element.elementor-element-449cc7c5 .woocommerce-price-suffix {
  font-size: 20px !important;
  margin-left: 1em;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-25857c6 */@media (max-width: 768px){
    .elementor-1963075 .elementor-element.elementor-element-363d5b2e .cart button, .elementor-1963075 .elementor-element.elementor-element-363d5b2e .cart .button {
            font-size: 12px !important;
            padding: 14px 15px 14px 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8a0cdc0 */.elementor-2067499 .elementor-element.elementor-element-8a0cdc0 p {
    text-align: left !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e333a32 *//* ==========================================================================
   Badge de Disponibilidad de Inventario en Ficha de Producto
   ========================================================================== */
.wsw-single-product-stock-badge {
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 11px !important;            /* Tamaño fino de badge */
    font-weight: 700 !important;            /* Negrita para legibilidad */
    text-transform: capitalize !important;   /* Texto en mayúsculas */
    letter-spacing: 0.8px !important;
    padding: 3px 10px !important;           /* Espaciado interno de píldora */
    border-radius: 30px !important;          /* Bordes ligeramente redondeados */
    margin-left: 12px !important;           /* Separación del texto del título */
    line-height: 1 !important;              /* Evita alterar la altura de línea del H2 */
    
    /* Configuración visual del color solicitado */
    border: 1px solid #2bc4c3 !important;
    color: #2bc4c3 !important;
    background-color: transparent !important;
}

/* 
 * NOTA DE NEGOCIO: He separado los estados por clases. 
 * Si en el futuro deseas que "Agotado" resalte en otro color (ej. Gris o Rojo), 
 * solo debes alterar los colores de las siguientes dos líneas sin tocar el PHP:
 */
.wsw-single-product-stock-badge.wsw-stock-badge-outofstock {
    border-color: #2bc4c3 !important; 
    color: #2bc4c3 !important;        
}

/* fondo blanco */
.elementor-1963075 .elementor-element.elementor-element-636a790a:not(.elementor-motion-effects-element-type-background), .elementor-1963075 .elementor-element.elementor-element-636a790a > .elementor-motion-effects-container > .elementor-motion-effects-layer{
    background-color: #fff !important;
}

/* Elimina lupa sobre imagen*/
.woocommerce-product-gallery__trigger {
  display: none !important;
}

/* Primera linea bajo el titulo */
.single .entry-title {
    border-bottom: none;
}

/* Quitando espacio innecesario */
.woocommerce div.product div.woocommerce-product-details__short-description {
  margin-top: 0px !important;
}

/*Bordes en agregar al carrito*/
.woocommerce div.product form.cart {
    border: none !important;
}

/* Selector cantidad con bordes */
.woocommerce div.product form.cart div.quantity{
  border: 2px solid #00b5b5 !important;
  border-radius: 25px !important;
  height: 40px !important;
  margin-top: 2px !important;
}

/* Estilos para el boton agregar al carrito */
.single_add_to_cart_button.button.alt{
    border-radius: 25px !important;
}

/* product meta estilos */
.product_meta{
    border: none !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c830f69 *//* Evita que propiedades globales del tema alteren este elemento */
    .header-banner-text-section,
    .header-banner-text-section * {
        box-sizing: border-box;
    }

    /* Contenedor de la sección de texto */
    .header-banner-text-section {
        text-align: center;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        padding: 20px 15px;
        font-family: 'Poppins', 'Montserrat', sans-serif; /* Hereda las tipografías limpias de tu marca */
    }

    /* Título principal (Turquesa y grueso) */
    .banner-title {
        color: #2bc4c3; /* Color turquesa de tu marca */
        font-size: 34px;
        font-weight: 800; /* Extra bold */
        margin: 0 0 6px 0 !important;
        line-height: 1.15;
        letter-spacing: 0.5px;
    }

    /* Subtítulo (Gris, fino y espaciado) */
    .banner-subtitle {
        color: #888888; /* Gris suave elegante de tu marca */
        font-size: 13px;
        font-weight: 400;
        margin: 0 !important;
        line-height: 1.4;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

    /* ==========================================================================
       ADAPTACIÓN RESPONSIVA (MÓVILES)
       ========================================================================== */
    @media (max-width: 767px) {
        .header-banner-text-section {
            padding: 15px 10px;
        }

        /* Reducción proporcional del título para móviles */
        .banner-title {
            font-size: 22px; 
            margin-bottom: 6px !important;
        }

        /* Reducción proporcional del subtítulo para móviles */
        .banner-subtitle {
            font-size: 11px; 
            line-height: 1.45;
            letter-spacing: 0.4px;
        }
    }/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-7016ac1 */.elementor-2067499 .elementor-element.elementor-element-7016ac1 ul.products li.product .button {
    width: 80%;
    padding: 5px 0px !important;
    /*transform: translate(-50%, -80%) !important;*/
}

@media (max-width:767px){
    .elementor-2067499 .elementor-element.elementor-element-7016ac1 ul.products li.product .button {
                width: 80% !important;
        height: 45px;
        transform: translate(-50%, -320%) !important;
        font-size: 11px !important;
    }
}

.button.product_type_simple {
  position: absolute;
  top: 300px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

/*Ajuste de items en seccion "infaltables"*/
@media (max-width: 1024px) {
    .elementor-grid-tablet-3 .elementor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/12/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/12/Poppins-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/12/Poppins-Light-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://dermasoft.com.ec/wp-content/themes/oceanwp-child-theme-master/fonts/poppins/Poppins-Black.woff2') format('woff2'),
		url('https://dermasoft.com.ec/wp-content/themes/oceanwp-child-theme-master/fonts/poppins/Poppins-Black.woff') format('woff'),
		url('https://dermasoft.com.ec/wp-content/themes/oceanwp-child-theme-master/fonts/poppins/Poppins-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gothic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/09/CenturyGothic.eot');
	src: url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/09/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/09/CenturyGothic.woff2') format('woff2'),
		url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/09/CenturyGothic.woff') format('woff'),
		url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/09/CenturyGothic.ttf') format('truetype'),
		url('https://dermasoft.com.ec/wp-content/uploads/sites/2/2022/09/CenturyGothic.svg#Gothic') format('svg');
}
/* End Custom Fonts CSS */