.elementor-2061234 .elementor-element.elementor-element-16ea10ab{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2061234 .elementor-element.elementor-element-16ea10ab:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-16ea10ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-2061234 .elementor-element.elementor-element-304c6674{--display:flex;}.elementor-2061234 .elementor-element.elementor-element-2c4998b7{--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;--justify-content:center;--background-transition:0.3s;--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-2061234 .elementor-element.elementor-element-56896b56{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-2061234 .elementor-element.elementor-element-56896b56:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-56896b56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dermasoft.com.ec/wp-content/plugins/elementor/assets/images/placeholder.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2061234 .elementor-element.elementor-element-56896b56.e-con{--align-self:center;}.elementor-2061234 .elementor-element.elementor-element-18da9d02 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-18da9d02.elementor-element{--align-self:flex-start;}.elementor-2061234 .elementor-element.elementor-element-68070269{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-2061234 .elementor-element.elementor-element-33b06709 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-33b06709{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#AF806C;--toggle-icon-size:30px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--cart-padding:0px 0px 0px 0px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:#008586;--checkout-button-background-color:#008586;}.elementor-2061234 .elementor-element.elementor-element-33b06709 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-2061234 .elementor-element.elementor-element-33b06709 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-33b06709 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-33b06709 .woocommerce-mini-cart__empty-message{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-2061234 .elementor-element.elementor-element-89619a5{--display:flex;}.elementor-2061234 .elementor-element.elementor-element-89619a5:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-89619a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7FFFF;}.elementor-2061234 .elementor-element.elementor-element-13abd1db{--display:flex;}.elementor-2061234 .elementor-element.elementor-element-13abd1db:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-13abd1db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2061234 .elementor-element.elementor-element-2a52429a{--display:flex;--min-height:100px;--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;--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-2061234 .elementor-element.elementor-element-23532301{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2061234 .elementor-element.elementor-element-1aed4494{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--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-2061234 .elementor-element.elementor-element-1aed4494:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-1aed4494 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dermasoft.com.ec/wp-content/uploads/sites/2/2024/12/Logo-Dermasoft-sin-slogan.svg");background-position:center center;background-repeat:no-repeat;background-size:75% auto;}.elementor-2061234 .elementor-element.elementor-element-6d562d0f{--display:flex;--justify-content: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;}.elementor-2061234 .elementor-element.elementor-element-48c95391{--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;--justify-content:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--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-2061234 .elementor-element.elementor-element-48c95391.e-con{--align-self:center;}.elementor-2061234 .elementor-element.elementor-element-8434660.elementor-element{--align-self:center;}.elementor-2061234 .elementor-element.elementor-element-63af25e.elementor-element{--align-self:center;}.elementor-2061234 .elementor-element.elementor-element-b01c243.elementor-element{--align-self:center;}.elementor-2061234 .elementor-element.elementor-element-30048281 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-30048281{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#AF806C;--toggle-icon-size:30px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--cart-padding:0px 0px 0px 0px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:#008586;--checkout-button-background-color:#008586;}.elementor-2061234 .elementor-element.elementor-element-30048281 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-2061234 .elementor-element.elementor-element-30048281 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-30048281 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-30048281 .woocommerce-mini-cart__empty-message{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-2061234 .elementor-element.elementor-element-34aacce1{--display:flex;--min-height:30px;--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2061234 .elementor-element.elementor-element-56896b56:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-56896b56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dermasoft.com.ec/wp-content/uploads/sites/2/2024/12/Logo-Dermasoft-sin-slogan.svg");background-position:center center;background-repeat:no-repeat;background-size:220px auto;}.elementor-2061234 .elementor-element.elementor-element-68070269{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}}@media(max-width:767px){.elementor-2061234 .elementor-element.elementor-element-16ea10ab{--min-height:130px;--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;--justify-content: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;}.elementor-2061234 .elementor-element.elementor-element-304c6674{--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;--justify-content: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;}.elementor-2061234 .elementor-element.elementor-element-2c4998b7{--width:25%;--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;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-2061234 .elementor-element.elementor-element-56896b56:not(.elementor-motion-effects-element-type-background), .elementor-2061234 .elementor-element.elementor-element-56896b56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dermasoft.com.ec/wp-content/uploads/sites/2/2024/12/Logo-Dermasoft-sin-slogan.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2061234 .elementor-element.elementor-element-56896b56{--width:50%;--min-height:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2061234 .elementor-element.elementor-element-56896b56.e-con{--align-self:flex-start;}.elementor-2061234 .elementor-element.elementor-element-18da9d02.elementor-element{--align-self:center;}.elementor-2061234 .elementor-element.elementor-element-18da9d02{z-index:0;}.elementor-2061234 .elementor-element.elementor-element-68070269{--width:25%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;--z-index:0;}.elementor-2061234 .elementor-element.elementor-element-68070269.e-con{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-2061234 .elementor-element.elementor-element-33b06709{z-index:0;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--toggle-icon-size:25px;}.elementor-2061234 .elementor-element.elementor-element-89619a5{--min-height:25px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--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;}.elementor-2061234 .elementor-element.elementor-element-13abd1db{--min-height:35px;--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;--justify-content: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;}.elementor-2061234 .elementor-element.elementor-element-1a46a865 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2061234 .elementor-element.elementor-element-30048281{z-index:0;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--toggle-icon-size:25px;}}@media(min-width:768px){.elementor-2061234 .elementor-element.elementor-element-2c4998b7{--width:60%;}.elementor-2061234 .elementor-element.elementor-element-56896b56{--width:50%;}.elementor-2061234 .elementor-element.elementor-element-68070269{--width:20%;}.elementor-2061234 .elementor-element.elementor-element-23532301{--content-width:1400px;}.elementor-2061234 .elementor-element.elementor-element-1aed4494{--width:25%;}.elementor-2061234 .elementor-element.elementor-element-6d562d0f{--width:40%;}.elementor-2061234 .elementor-element.elementor-element-48c95391{--width:35%;}.elementor-2061234 .elementor-element.elementor-element-34aacce1{--content-width:1400px;}}/* Start custom CSS for container, class: .elementor-element-2c4998b7 */.mega-menu-toggle {
    background-color: #fff0 !important;
}

.elementor-2061234 .elementor-element.elementor-element-2c4998b7{
    top: 5px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-18da9d02 */.elementor-2061234 .elementor-element.elementor-element-18da9d02 a {
    width: 45vw;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56896b56 */.elementor-2061234 .elementor-element.elementor-element-56896b56 {
    top: -5px;
}

#main-header .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Asegura que no haya desbordamiento */
}

#main-header .logo img {
     transform: translateY(40px);
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-33b06709 */.elementor-menu-cart__toggle_button {
    display: flex !important;
    flex-direction: column-reverse !important; /* Voltea el orden: icono arriba, texto abajo */
    align-items: center !important;          /* Centra ambos elementos horizontalmente */
    justify-content: center;
    gap: 2px;                                /* Espacio pequeño entre el icono y el precio */
    line-height: 1;                          /* Ajusta el espacio de línea para que no se separen mucho */
}

/* Ajustes para el contenedor del icono (el que queda arriba) */
.elementor-menu-cart__toggle_button .elementor-button-icon {
    margin: 0 !important; /* Elementor suele ponerle un margin-right o left, lo quitamos */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Ajustes para el texto del precio (el que queda abajo) */
.elementor-menu-cart__toggle_button .elementor-button-text {
    font-size: 11px; /* Opcional: un tamaño un poco más pequeño para el precio queda bien en móvil */
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68070269 */.st0 {
    fill: #008586 !important;
}

.elementor-2061234 .elementor-element.elementor-element-68070269 {
    top: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89619a5 */.elementor-2061234 .elementor-element.elementor-element-89619a5 {
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for aws, class: .elementor-element-1a46a865 */.aws-container .aws-search-form {
    display: -webkit-box !important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: stretch;
    position: relative;
    float: none !important;
    width: 100%;
    height: 35px;
    background: #f9f9f9;
    border: 1px solid #000;
    border-radius: 20px;
    margin: 5px 0px;
}

.aws-container .aws-search-field {
    border: none;
}

.aws-container .aws-search-form .aws-form-btn {
    background: none;
    border: none;
}

#elementor-menu-cart__toggle_button {
    border: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13abd1db */.elementor-2061234 .elementor-element.elementor-element-13abd1db {
    border-top: 1px solid #00b5b5;
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16ea10ab */#main-header {
  background-color: transparent; /* Color inicial */
  height: auto; /* Altura automática basada en contenido */
  transition: height 0.3s ease, background-color 0.3s ease, top 0.3s ease; /* Agrega transición para top */
  padding: 0 2%;
}

/* Cambios al hacer scroll */
#main-header.scrolled {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Mayor sombra */
  height: 70px; /* Altura ajustada dinámicamente al contenido */
  top: 0px; /* Sin !important */
}

/* Estilo inicial del logo */
#main-header .logo img {
  max-height: 45px; /* Altura máxima inicial */
  width: auto; /* Ajusta automáticamente el ancho para mantener proporción */
  transition: all 0.3s ease-in-out; /* Transición suave */
}

/* Reducción del logo al hacer scroll */
#main-header.scrolled .logo img {
  /*max-height: 25px; /* Altura máxima reducida */
  width: auto; /* Mantiene proporción */
}

/* Estilo inicial del header */
#main-header {
  position: fixed;
  width: 100vw !important;
  transition: all 0.3s ease-in-out; /* Transición suave */
  height: 65px; /* Altura inicial */
  z-index: 1000;
}

.aws-wrapper {
    display: block;
}

/* ==========================================================================
   VISTA TABLET EXCLUSIVA (768px a 1023px)
   Mantiene el comportamiento apilado similar a móvil pero estructurado para pantallas medianas
   ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Forzamos que el contenedor principal apile los subcontenedores verticalmente */
    #main-header {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 5px 0 !important;
        align-items: stretch !important;
    }

    /* Subcontenedor 1 (Logo, menú hamburguesa y carrito) a lo ancho completo */
    .sub-header-logo-menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 8px 15px !important;
    }

    /* Anchos proporcionales para los elementos de la primera fila en Tablet */
    .toggle_menu_movil, .element-menu-hamburger { width: 25% !important; justify-content: flex-start !important; }
    .element-logo { width: 50% !important; justify-content: center !important; }
    .element-cart-mobile { width: 25% !important; justify-content: flex-end !important; }

    /* Subcontenedor 2 (Selector de sucursal) a lo ancho completo */
    .sub-header-store-.elementor-2061234 .elementor-element.elementor-element-16ea10ab {
        width: 100% !important;
        min-height: 25px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0px !important;
    }

    /* Ocultamos los botones de escritorio (Favoritos, Cuenta, Carrito Desk) en Tablet */
    .sub-header-store-.elementor-2061234 .elementor-element.elementor-element-16ea10ab > *:not(.store-header-.elementor-2061234 .elementor-element.elementor-element-16ea10ab-container) {
        display: none !important;
    }

    /* Subcontenedor 3 (Buscador AWS) a lo ancho completo */
    .sub-header-search {
        width: 100% !important;
        min-height: 35px !important;
        padding: 5px 15px !important;
        display: flex !important;
        justify-content: center !important;
    }
}

/* ==========================================================================
   VISTA ESCRITORIO EXCLUSIVA (Desde 1024px)
   Estructura horizontal reordenada y limpia basada en tu HTML original
   ========================================================================== */
@media screen and (min-width: 1024px) {
    /* 1. Forzamos al contenedor principal de Elementor a alinearse en una fila */
    #main-header {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Impide que los elementos se vayan abajo */
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 20px !important;
        gap: 20px 15px !important;
        width: 100% !important; 
        max-width: none !important;
        margin: 0 !important;
    }

    /* SUB-CONTENEDOR 1 (Logo) - Posición 1 (Izquierda) */
    .sub-header-logo-menu {
        width: 22% !important; 
        max-width: 22% !important;
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background: transparent !important;
    }

    /* Ocultamos elementos móviles en escritorio */
    .element-menu-hamburger,
    .element-cart-mobile,
    .toggle_menu_movil,
    .sub-header-store-.elementor-2061234 .elementor-element.elementor-element-16ea10ab {
        display: none !important;
    }

    .element-logo {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
    }

    /* SUB-CONTENEDOR 3 (Buscador AWS) - Posición 2 (Centro) */
    .sub-header-search {
        width: 48% !important; 
        max-width: 48% !important;
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
    }


    /* Estilo del botón .elementor-2061234 .elementor-element.elementor-element-16ea10ab adaptado a Escritorio mediante Rejilla (Grid) */
    .selected-store {
        display: grid !important;
        grid-template-columns: auto 1fr !important; /* Columna 1: Camión | Columna 2: Textos */
        column-gap: 8px !important;
        row-gap: 2px !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
    }

    /* Desestructuramos el wrapper izquierdo para que sus hijos se ubiquen directamente en el Grid */
    .selected-store-left {
        display: contents !important;
    }

    /* El camión se posiciona en la columna izquierda abarcando las 2 líneas de altura */
    .truck-icon {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 22px !important;
        height: 22px !important;
        align-self: center !important;
    }

    /* Línea 1: "¿Envío o retiro?" estático en tono gris */
    .static-label {
        grid-column: 2 !important;
        grid-row: 1 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        color: #707070 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        display: block !important;
    }

    /* Línea 2: Contenedor de la selección activa */
    .selected-store-right {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: block !important;
        margin: 0 !important;
        width: auto !important;
        overflow: hidden !important;
    }

    /* Sucursal activa con truncado automático para no empujar los botones hermanos */
    .selected-store-text {
        display: block !important;
        font-size: 11.5px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        line-height: 1.2 !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        max-width: 170px !important; /* Limita el ancho horizontal en PC */
        margin: 0 !important;
    }

    /* Asegura la correcta alineación vertical de todos los widgets hermanos en la derecha */
    .sub-header-store-.elementor-2061234 .elementor-element.elementor-element-16ea10ab > * {
        display: flex !important;
        align-items: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-30048281 */.elementor-menu-cart__toggle_button {
    display: flex !important;
    flex-direction: column-reverse !important; /* Voltea el orden: icono arriba, texto abajo */
    align-items: center !important;          /* Centra ambos elementos horizontalmente */
    justify-content: center;
    gap: 2px;                                /* Espacio pequeño entre el icono y el precio */
    line-height: 1;                          /* Ajusta el espacio de línea para que no se separen mucho */
}

/* Ajustes para el contenedor del icono (el que queda arriba) */
.elementor-menu-cart__toggle_button .elementor-button-icon {
    margin: 0 !important; /* Elementor suele ponerle un margin-right o left, lo quitamos */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Ajustes para el texto del precio (el que queda abajo) */
.elementor-menu-cart__toggle_button .elementor-button-text {
    font-size: 11px; /* Opcional: un tamaño un poco más pequeño para el precio queda bien en móvil */
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23532301 */.elementor-2061234 .elementor-element.elementor-element-23532301 {
    height: 80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a52429a */@media (min-width: 1023px) {
    #main-header {
        display: none !important;
    }
    
    
    .desktop-sticky-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: #ffffff !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    }
    
    body {
        padding-top: 85px !important; 
    }
}/* 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 */