.hanlob-mobile-header{display:none;box-sizing:border-box;width:100%;padding:10px 14px 9px;box-shadow:0 2px 12px rgba(0,0,0,.08);z-index:9998}
.hanlob-mobile-header *,.hanlob-mobile-drawer *{box-sizing:border-box}
.hanlob-mobile-header--sticky{position:sticky;top:0}
.hanlob-mobile-header__top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px}
.hanlob-mobile-header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;text-decoration:none;cursor:pointer}
.hanlob-mobile-header__icon svg{display:block;width:25px;height:25px}
.hanlob-mobile-header__logo{display:flex;align-items:center;justify-content:center;min-width:0;text-decoration:none}
.hanlob-mobile-header__logo img{display:block;max-width:100%;height:auto;max-height:42px;object-fit:contain}
.hanlob-mobile-header__cart-count{position:absolute;top:2px;right:1px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;line-height:1}
.hanlob-mobile-header__search{display:grid;grid-template-columns:1fr 44px;align-items:center;width:100%;height:46px;margin-top:7px;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}
.hanlob-mobile-header__search input[type=search]{width:100%;height:100%;padding:0 14px;border:0!important;outline:0;background:transparent;box-shadow:none!important;font-size:15px}
.hanlob-mobile-header__search button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.hanlob-mobile-header__search button svg{width:22px;height:22px}
.hanlob-mobile-header__benefits{display:flex;align-items:center;justify-content:center;gap:0;min-height:28px;margin-top:5px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:11px;font-weight:600}
.hanlob-mobile-header__benefits::-webkit-scrollbar{display:none}
.hanlob-mobile-header__benefits span{display:inline-flex;align-items:center}
.hanlob-mobile-header__benefits span:not(:last-child)::after{content:'•';margin:0 8px;opacity:.55}

.hanlob-mobile-drawer{position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none}
.hanlob-mobile-drawer__overlay{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;transition:opacity .25s ease;cursor:pointer}
.hanlob-mobile-drawer__panel{position:absolute;top:0;left:0;width:min(86vw,360px);height:100%;padding:18px;overflow-y:auto;box-shadow:8px 0 30px rgba(0,0,0,.2);transform:translateX(-105%);transition:transform .28s ease}
.hanlob-mobile-drawer.is-open{visibility:visible;pointer-events:auto}
.hanlob-mobile-drawer.is-open .hanlob-mobile-drawer__overlay{opacity:1}
.hanlob-mobile-drawer.is-open .hanlob-mobile-drawer__panel{transform:translateX(0)}
.hanlob-mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.hanlob-mobile-drawer__logo{display:flex;align-items:center;text-decoration:none}
.hanlob-mobile-drawer__logo img{display:block;max-width:150px;height:auto;max-height:48px;object-fit:contain}
.hanlob-mobile-drawer__close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#f2f4f6;color:#1e293b;font-size:30px;line-height:1;cursor:pointer}
.hanlob-mobile-drawer__title{margin:20px 0 10px;font-size:16px;line-height:1.3}
.hanlob-mobile-drawer__menu-list{list-style:none;margin:0;padding:0}
.hanlob-mobile-drawer__menu-list li{margin:0;border-bottom:1px solid rgba(0,0,0,.07)}
.hanlob-mobile-drawer__menu-list a{display:block;padding:14px 2px;text-decoration:none;font-size:16px;font-weight:600}
.hanlob-mobile-drawer__menu-list .sub-menu{list-style:none;margin:0;padding:0 0 8px 14px}
.hanlob-mobile-drawer__menu-list .sub-menu a{padding:10px 2px;font-size:14px;font-weight:500}
.hanlob-mobile-drawer__empty{padding:14px;border-radius:10px;background:#f5f7f9;font-size:14px}
.hanlob-mobile-drawer__actions{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}
.hanlob-mobile-drawer__account,.hanlob-mobile-drawer__whatsapp{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border-radius:10px;text-align:center;text-decoration:none;font-weight:700}
.hanlob-mobile-drawer__account{border:1px solid currentColor;background:transparent}
.hanlob-mobile-drawer__whatsapp{background:#25d366;color:#fff}
body.hanlob-mobile-menu-open{overflow:hidden}

@media (max-width:767px){.hanlob-mobile-header{display:block}}
@media (min-width:768px){.elementor-editor-active .hanlob-mobile-header{display:block;max-width:390px;margin:0 auto}.elementor-editor-active .hanlob-mobile-drawer{display:none}}
@media (prefers-reduced-motion:reduce){.hanlob-mobile-drawer__overlay,.hanlob-mobile-drawer__panel{transition:none}}


/* v1.1.1: evita colores globales de Elementor/navegador al tocar controles */
.hanlob-mobile-header button,
.hanlob-mobile-header a,
.hanlob-mobile-drawer button,
.hanlob-mobile-drawer a{
    -webkit-tap-highlight-color:transparent;
}

.hanlob-mobile-header__icon,
.hanlob-mobile-header__icon:hover,
.hanlob-mobile-header__icon:focus,
.hanlob-mobile-header__icon:focus-visible,
.hanlob-mobile-header__icon:active,
.hanlob-mobile-header__search button,
.hanlob-mobile-header__search button:hover,
.hanlob-mobile-header__search button:focus,
.hanlob-mobile-header__search button:focus-visible,
.hanlob-mobile-header__search button:active{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    outline:none!important;
}

.hanlob-mobile-drawer__overlay,
.hanlob-mobile-drawer__overlay:hover,
.hanlob-mobile-drawer__overlay:focus,
.hanlob-mobile-drawer__overlay:focus-visible,
.hanlob-mobile-drawer__overlay:active{
    background:rgba(15,23,42,.48)!important;
    border:0!important;
    box-shadow:none!important;
    outline:none!important;
}

.hanlob-mobile-drawer__close,
.hanlob-mobile-drawer__close:hover,
.hanlob-mobile-drawer__close:focus,
.hanlob-mobile-drawer__close:focus-visible,
.hanlob-mobile-drawer__close:active{
    background:#eef7fc!important;
    color:#2D93C8!important;
    border:0!important;
    box-shadow:none!important;
    outline:none!important;
}

.hanlob-mobile-drawer__menu-list a,
.hanlob-mobile-drawer__menu-list a:hover,
.hanlob-mobile-drawer__menu-list a:focus,
.hanlob-mobile-drawer__menu-list a:focus-visible,
.hanlob-mobile-drawer__menu-list a:active{
    background:transparent!important;
    box-shadow:none!important;
    outline:none!important;
}

.hanlob-mobile-drawer__account,
.hanlob-mobile-drawer__account:hover,
.hanlob-mobile-drawer__account:focus,
.hanlob-mobile-drawer__account:focus-visible,
.hanlob-mobile-drawer__account:active{
    background:#fff!important;
    box-shadow:none!important;
    outline:none!important;
}

.hanlob-mobile-drawer__whatsapp,
.hanlob-mobile-drawer__whatsapp:hover,
.hanlob-mobile-drawer__whatsapp:focus,
.hanlob-mobile-drawer__whatsapp:focus-visible,
.hanlob-mobile-drawer__whatsapp:active{
    background:#25d366!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:none!important;
}

/* v1.2.2: portal fijo independiente para teléfonos reales */
.hanlob-mobile-header-placeholder{display:none;width:100%;pointer-events:none}
.hanlob-mobile-header-fixed-portal{display:none}

@media (max-width:1024px){
    .hanlob-mobile-header-placeholder{display:block}
    .hanlob-mobile-header-fixed-portal{
        display:block!important;
        position:fixed!important;
        top:0;
        left:0!important;
        right:0!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        filter:none!important;
        perspective:none!important;
        opacity:1!important;
        visibility:visible!important;
        overflow:visible!important;
        z-index:2147483000!important;
        isolation:isolate;
    }
    .hanlob-mobile-header-fixed-portal > .elementor-element,
    .hanlob-mobile-header-fixed-portal .elementor-widget-container,
    .hanlob-mobile-header-fixed-portal .hanlob-mobile-header-widget{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        opacity:1!important;
        visibility:visible!important;
        overflow:visible!important;
    }
    .hanlob-mobile-header-fixed-portal .hanlob-mobile-header{
        display:block!important;
        position:relative!important;
        top:auto!important;
        left:auto!important;
        right:auto!important;
        width:100%!important;
        margin:0!important;
        transform:none!important;
        visibility:visible!important;
        opacity:1!important;
    }
}

/* v1.4.0: menú lateral dinámico y submenús desplegables */
.hanlob-mobile-drawer__panel{
    display:flex;
    flex-direction:column;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}
.hanlob-mobile-drawer__menu{flex:1 0 auto}
.hanlob-mobile-drawer__menu-list>li{position:relative}
.hanlob-mobile-drawer__menu-list li.menu-item-has-children>a{padding-right:50px}
.hanlob-mobile-drawer__submenu-toggle{
    position:absolute;
    top:5px;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    border:0!important;
    border-radius:50%;
    background:transparent!important;
    color:#2D93C8;
    box-shadow:none!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
.hanlob-mobile-drawer__submenu-toggle svg{width:20px;height:20px;transition:transform .2s ease}
.hanlob-mobile-drawer__menu-list li.is-submenu-open>.hanlob-mobile-drawer__submenu-toggle svg{transform:rotate(180deg)}
.hanlob-mobile-drawer__menu-list li.menu-item-has-children>.sub-menu{
    display:none;
    padding:0 0 9px 14px;
}
.hanlob-mobile-drawer__menu-list li.menu-item-has-children.is-submenu-open>.sub-menu{display:block}
.hanlob-mobile-drawer__menu-list .sub-menu li:last-child{border-bottom:0}
.hanlob-mobile-drawer__actions{flex:0 0 auto;padding-bottom:max(4px,env(safe-area-inset-bottom))}
.hanlob-mobile-drawer__account,.hanlob-mobile-drawer__whatsapp{gap:8px}
.hanlob-mobile-drawer__panel{padding-top:max(18px,env(safe-area-inset-top))}
.hanlob-mobile-drawer__close{flex:0 0 42px}
.hanlob-mobile-drawer__overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}

@media (prefers-reduced-motion:reduce){
    .hanlob-mobile-drawer__submenu-toggle svg{transition:none}
}

/* v1.4.2: acabado profesional del menú lateral */
.hanlob-mobile-drawer__panel{
    width:min(88vw,390px);
    padding:18px 20px max(18px,env(safe-area-inset-bottom));
    background:#fff;
}
.hanlob-mobile-drawer__header{
    min-height:58px;
    padding:0 0 14px;
}
.hanlob-mobile-drawer__logo{min-width:0;max-width:calc(100% - 58px)}
.hanlob-mobile-drawer__logo img{max-width:160px;max-height:46px}
.hanlob-mobile-drawer__close{
    width:40px;
    height:40px;
    border-radius:12px;
}
.hanlob-mobile-drawer__close svg{display:block;width:21px;height:21px}
.hanlob-mobile-drawer__title{
    margin:18px 0 8px;
    color:#1f2937;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
    line-height:1.2;
    text-transform:uppercase;
}
.hanlob-mobile-drawer__menu{flex:0 0 auto}
.hanlob-mobile-drawer__menu-list>li{
    border-bottom:1px solid #e8edf1;
}
.hanlob-mobile-drawer__menu-list>li:first-child{border-top:1px solid #e8edf1}
.hanlob-mobile-drawer__menu-list a{
    min-height:54px;
    padding:15px 4px;
    color:#287fae;
    font-size:16px;
    font-weight:700;
    line-height:1.35;
    transition:color .18s ease,transform .18s ease;
}
.hanlob-mobile-drawer__menu-list a:active{transform:translateX(2px)}
.hanlob-mobile-drawer__menu-list .current-menu-item>a,
.hanlob-mobile-drawer__menu-list .current-menu-ancestor>a{color:#155b80}
.hanlob-mobile-drawer__submenu-toggle{
    top:6px;
    right:-2px;
    width:42px;
    height:42px;
    color:#287fae;
}
.hanlob-mobile-drawer__menu-list li.menu-item-has-children>.sub-menu{
    margin:-3px 0 8px;
    padding:4px 0 5px 14px;
    border-left:2px solid #d8edf8;
}
.hanlob-mobile-drawer__menu-list .sub-menu li{border-bottom:0}
.hanlob-mobile-drawer__menu-list .sub-menu a{
    min-height:42px;
    padding:10px 4px;
    color:#52606d;
    font-size:14px;
    font-weight:600;
}
.hanlob-mobile-drawer__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #e8edf1;
}
.hanlob-mobile-drawer__account,.hanlob-mobile-drawer__whatsapp{
    justify-content:flex-start;
    min-height:50px;
    padding:12px 16px;
    border-radius:13px;
    font-size:15px;
    font-weight:800;
}
.hanlob-mobile-drawer__account svg,.hanlob-mobile-drawer__whatsapp svg{
    flex:0 0 22px;
    width:22px;
    height:22px;
}
.hanlob-mobile-drawer__account span,.hanlob-mobile-drawer__whatsapp span{line-height:1.2}
.hanlob-mobile-drawer__account{
    border:1.5px solid currentColor;
}
.hanlob-mobile-drawer__whatsapp{
    box-shadow:0 7px 18px rgba(37,211,102,.2)!important;
}
@media (min-width:380px){
    .hanlob-mobile-drawer__actions:has(.hanlob-mobile-drawer__account + .hanlob-mobile-drawer__whatsapp){grid-template-columns:1fr 1fr}
    .hanlob-mobile-drawer__actions:has(.hanlob-mobile-drawer__account + .hanlob-mobile-drawer__whatsapp) a{justify-content:center;padding-left:10px;padding-right:10px}
}
@media (prefers-reduced-motion:reduce){
    .hanlob-mobile-drawer__menu-list a{transition:none}
}


/* v1.4.3: cabecera visible y controles compactos en teléfonos reales */
.hanlob-mobile-drawer{
    top:var(--hanlob-drawer-top,0px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    height:calc(100dvh - var(--hanlob-drawer-top,0px))!important;
}
.hanlob-mobile-drawer__panel{
    top:0!important;
    bottom:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow-x:hidden!important;
}
.hanlob-mobile-drawer__header{
    position:sticky;
    top:0;
    z-index:3;
    flex:0 0 auto;
    background:#fff;
}
.hanlob-mobile-drawer__logo,
.hanlob-mobile-drawer__logo:hover,
.hanlob-mobile-drawer__logo:focus{
    min-height:42px;
    color:#243746!important;
}
.hanlob-mobile-drawer__logo img{
    width:auto!important;
    height:auto!important;
    max-width:155px!important;
    max-height:42px!important;
}
.hanlob-mobile-drawer__close,
.hanlob-mobile-drawer__close:hover,
.hanlob-mobile-drawer__close:focus,
.hanlob-mobile-drawer__close:active{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
}
.hanlob-mobile-drawer__close svg{
    display:block!important;
    flex:0 0 20px!important;
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
}
.hanlob-mobile-drawer__actions{
    margin-top:14px!important;
    padding-top:14px!important;
}
.hanlob-mobile-drawer__account,
.hanlob-mobile-drawer__whatsapp{
    width:100%!important;
    min-height:48px!important;
    max-height:56px!important;
    padding:11px 14px!important;
    overflow:hidden!important;
}
.hanlob-mobile-drawer__account svg,
.hanlob-mobile-drawer__whatsapp svg{
    display:block!important;
    flex:0 0 22px!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
}
.hanlob-mobile-drawer__account span,
.hanlob-mobile-drawer__whatsapp span{
    display:block!important;
    min-width:0;
    white-space:nowrap;
    line-height:1.2!important;
}
@supports not (height:100dvh){
    .hanlob-mobile-drawer{height:calc(100vh - var(--hanlob-drawer-top,0px))!important}
}
\n\n/* v1.5.0: información comercial, acciones detalladas y redes sociales */\n.hanlob-mobile-drawer__panel{width:min(90vw,410px)}\n.hanlob-mobile-drawer__trust{\n    display:grid;\n    gap:0;\n    margin-top:16px;\n    padding:8px 14px;\n    border:1px solid #cfe8f5;\n    border-radius:16px;\n    background:linear-gradient(135deg,#f5fbff,#eef8fd);\n}\n.hanlob-mobile-drawer__trust-item{\n    display:grid;\n    grid-template-columns:38px minmax(0,1fr);\n    gap:11px;\n    align-items:center;\n    min-height:62px;\n    padding:9px 0;\n}\n.hanlob-mobile-drawer__trust-item:not(:last-child){border-bottom:1px solid #dcecf4}\n.hanlob-mobile-drawer__trust-icon{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:38px;\n    height:38px;\n    border-radius:50%;\n    background:#2D93C8;\n    color:#fff;\n    font-size:19px;\n    line-height:1;\n}\n.hanlob-mobile-drawer__trust-item strong,\n.hanlob-mobile-drawer__trust-item small{display:block}\n.hanlob-mobile-drawer__trust-item strong{color:#153b63;font-size:13px;font-weight:800;line-height:1.2;text-transform:uppercase}\n.hanlob-mobile-drawer__trust-item small{margin-top:3px;color:#44576a;font-size:11.5px;line-height:1.3}\n.hanlob-mobile-drawer__actions{grid-template-columns:1fr!important}\n.hanlob-mobile-drawer__account,\n.hanlob-mobile-drawer__whatsapp{justify-content:flex-start!important;max-height:none!important;min-height:58px!important}\n.hanlob-mobile-drawer__actions a>span{display:block!important;min-width:0;white-space:normal!important}\n.hanlob-mobile-drawer__actions a strong,\n.hanlob-mobile-drawer__actions a small{display:block;text-align:left}\n.hanlob-mobile-drawer__actions a strong{font-size:15px;line-height:1.15}\n.hanlob-mobile-drawer__actions a small{margin-top:3px;font-size:11.5px;font-weight:500;line-height:1.2;opacity:.78}\n.hanlob-mobile-drawer__whatsapp,\n.hanlob-mobile-drawer__whatsapp:hover,\n.hanlob-mobile-drawer__whatsapp:focus,\n.hanlob-mobile-drawer__whatsapp:active{background:#fff!important;color:#159447!important;border:1.5px solid #24a653!important}\n.hanlob-mobile-drawer__social{margin-top:18px;padding-bottom:max(4px,env(safe-area-inset-bottom));text-align:center}\n.hanlob-mobile-drawer__social-title{display:flex;align-items:center;gap:10px;color:#52606d;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}\n.hanlob-mobile-drawer__social-title:before,\n.hanlob-mobile-drawer__social-title:after{content:'';flex:1;height:1px;background:#dce5eb}\n.hanlob-mobile-drawer__social-links{display:flex;justify-content:center;gap:12px;margin-top:12px}\n.hanlob-mobile-drawer__social-links a,\n.hanlob-mobile-drawer__social-links a:hover,\n.hanlob-mobile-drawer__social-links a:focus{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:38px;\n    height:38px;\n    border-radius:50%;\n    background:#eef7fc!important;\n    color:#1679b5!important;\n    text-decoration:none;\n    font-size:18px;\n    font-weight:900;\n    box-shadow:none!important;\n}\n@media (max-width:360px){\n    .hanlob-mobile-drawer__panel{padding-left:15px;padding-right:15px}\n    .hanlob-mobile-drawer__trust{padding-left:11px;padding-right:11px}\n}\n
/* v1.5.1: bloque comercial simple y compacto */
.hanlob-mobile-drawer__trust{
    gap:10px!important;
    margin-top:14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.hanlob-mobile-drawer__trust-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:13px 14px;
    border:1px solid #d7eaf5;
    border-radius:14px;
    background:#f7fbfe;
}
.hanlob-mobile-drawer__trust-card--shipping{
    grid-template-rows:auto auto;
}
.hanlob-mobile-drawer__trust-icon{
    width:42px!important;
    height:42px!important;
    font-size:20px!important;
}
.hanlob-mobile-drawer__trust-copy{
    display:block;
    min-width:0;
}
.hanlob-mobile-drawer__trust-copy strong,
.hanlob-mobile-drawer__trust-copy small{
    display:block;
}
.hanlob-mobile-drawer__trust-copy strong{
    color:#153b63;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
}
.hanlob-mobile-drawer__trust-copy small{
    margin-top:3px;
    color:#44576a;
    font-size:11.5px;
    line-height:1.35;
}
.hanlob-mobile-drawer__regions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:2px;
    padding-top:10px;
    border-top:1px solid #e1edf4;
}
.hanlob-mobile-drawer__regions>span{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    text-align:center;
}
.hanlob-mobile-drawer__regions b{
    font-size:22px;
    line-height:1;
    font-weight:400;
}
.hanlob-mobile-drawer__regions em{
    margin-top:4px;
    color:#34516d;
    font-size:10px;
    font-style:normal;
    font-weight:700;
    line-height:1.15;
}
.hanlob-mobile-drawer__actions{
    margin-top:12px!important;
    padding-top:0!important;
    border-top:0!important;
    gap:10px!important;
}
.hanlob-mobile-drawer__account,
.hanlob-mobile-drawer__whatsapp{
    min-height:54px!important;
    padding:10px 13px!important;
}
.hanlob-mobile-drawer__social{
    margin-top:14px!important;
}
@media (max-height:760px){
    .hanlob-mobile-drawer__trust-card{padding:10px 12px}
    .hanlob-mobile-drawer__regions{padding-top:8px}
    .hanlob-mobile-drawer__social{margin-top:10px!important}
}


/* v1.5.2: acciones alineadas e iconografía uniforme */
.hanlob-mobile-drawer__trust-icon svg{
    display:block;
    width:23px;
    height:23px;
}
.hanlob-mobile-drawer__regions{
    gap:14px!important;
    padding-left:8px;
    padding-right:8px;
}
.hanlob-mobile-drawer__regions b{
    font-size:19px!important;
}
.hanlob-mobile-drawer__regions em{
    margin-top:5px!important;
    font-size:9.5px!important;
}
.hanlob-mobile-drawer__account,
.hanlob-mobile-drawer__whatsapp{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    column-gap:12px!important;
    align-items:center!important;
    justify-content:stretch!important;
    min-height:64px!important;
    max-height:none!important;
    padding:11px 15px!important;
    text-align:left!important;
}
.hanlob-mobile-drawer__account svg,
.hanlob-mobile-drawer__whatsapp svg{
    grid-column:1;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
}
.hanlob-mobile-drawer__actions a>span{
    grid-column:2;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
}
.hanlob-mobile-drawer__actions a strong,
.hanlob-mobile-drawer__actions a small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    white-space:normal!important;
}
.hanlob-mobile-drawer__actions a strong{
    font-size:15px!important;
    line-height:1.2!important;
}
.hanlob-mobile-drawer__actions a small{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
}
@media (max-width:360px){
    .hanlob-mobile-drawer__regions{gap:8px!important;padding-left:2px;padding-right:2px}
    .hanlob-mobile-drawer__account,
    .hanlob-mobile-drawer__whatsapp{padding-left:12px!important;padding-right:12px!important}
}


/* v1.6.0: barra inferior fija de acciones rápidas */
.hanlob-mobile-bottom-nav{display:none}
@media (max-width:1024px){
    body.hanlob-has-mobile-bottom-nav{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
    .hanlob-mobile-bottom-nav{
        position:fixed!important;
        z-index:999998!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr));
        min-height:68px;
        padding:5px 4px max(5px,env(safe-area-inset-bottom));
        background:#fff;
        border-top:1px solid #dce7ed;
        box-shadow:0 -6px 20px rgba(24,54,78,.12);
    }
    .hanlob-mobile-bottom-nav__item,
    .hanlob-mobile-bottom-nav__item:hover,
    .hanlob-mobile-bottom-nav__item:focus,
    .hanlob-mobile-bottom-nav__item:active{
        appearance:none;
        -webkit-appearance:none;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        min-width:0;
        min-height:56px;
        margin:0;
        padding:3px 1px;
        border:0;
        border-radius:10px;
        background:transparent;
        color:#526574;
        box-shadow:none;
        text-decoration:none;
        font-family:inherit;
        cursor:pointer;
    }
    .hanlob-mobile-bottom-nav__item svg{
        display:block;
        width:23px;
        height:23px;
        flex:0 0 23px;
    }
    .hanlob-mobile-bottom-nav__item>span:last-child{
        overflow:hidden;
        width:100%;
        color:inherit;
        font-size:10px;
        font-weight:700;
        line-height:1.05;
        text-align:center;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .hanlob-mobile-bottom-nav__item:first-child{color:#2D93C8}
    .hanlob-mobile-bottom-nav__whatsapp,
    .hanlob-mobile-bottom-nav__whatsapp:hover,
    .hanlob-mobile-bottom-nav__whatsapp:focus{color:#159447!important}
    .hanlob-mobile-bottom-nav__icon-wrap{position:relative;display:block;width:23px;height:23px}
    .hanlob-mobile-bottom-nav__icon-wrap svg{width:23px;height:23px}
    .hanlob-mobile-bottom-nav__cart .hanlob-mobile-header__cart-count{
        position:absolute!important;
        top:-8px!important;
        right:-10px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:17px!important;
        height:17px!important;
        padding:0 4px!important;
        border:2px solid #fff!important;
        border-radius:999px!important;
        background:#2D93C8!important;
        color:#fff!important;
        font-size:9px!important;
        font-weight:800!important;
        line-height:1!important;
    }
    body.hanlob-mobile-menu-open .hanlob-mobile-bottom-nav{visibility:hidden;pointer-events:none}
}
@media (max-width:360px){
    .hanlob-mobile-bottom-nav__item>span:last-child{font-size:9px}
    .hanlob-mobile-bottom-nav__item svg,.hanlob-mobile-bottom-nav__icon-wrap,.hanlob-mobile-bottom-nav__icon-wrap svg{width:21px;height:21px}
}


/* v1.6.1: barra inferior compacta, cinco botones y estados activos */
@media (max-width:1024px){
    body.hanlob-has-mobile-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
    .hanlob-mobile-bottom-nav{
        min-height:64px;
        padding:3px 4px max(3px,env(safe-area-inset-bottom));
        border-top-color:#e5edf2;
        box-shadow:0 -4px 14px rgba(24,54,78,.10);
    }
    .hanlob-mobile-bottom-nav__item,
    .hanlob-mobile-bottom-nav__item:hover,
    .hanlob-mobile-bottom-nav__item:focus{
        min-height:52px;
        gap:2px;
        transition:transform .16s ease,color .16s ease,background-color .16s ease;
    }
    .hanlob-mobile-bottom-nav__item:active{
        transform:scale(.94);
        background:#f2f8fb;
    }
    .hanlob-mobile-bottom-nav__item--active{color:#2D93C8!important}
    .hanlob-mobile-bottom-nav__categories[aria-expanded="true"]{color:#2D93C8!important;background:#f2f8fb}
    .hanlob-mobile-bottom-nav__whatsapp{display:flex!important;color:#159447!important}
    .hanlob-mobile-bottom-nav__item svg,
    .hanlob-mobile-bottom-nav__icon-wrap,
    .hanlob-mobile-bottom-nav__icon-wrap svg{width:22px;height:22px;flex-basis:22px}
    .hanlob-mobile-bottom-nav__item>span:last-child{font-size:9.5px}
}


/* v1.6.2: pulido final de la barra inferior */
@media (max-width:1024px){
    body.hanlob-has-mobile-bottom-nav{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
    .hanlob-mobile-bottom-nav{
        min-height:62px;
        padding:2px 5px max(2px,env(safe-area-inset-bottom));
        border-top:1px solid rgba(45,147,200,.18);
        box-shadow:0 -3px 12px rgba(24,54,78,.09);
    }
    .hanlob-mobile-bottom-nav:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:2px;
        background:linear-gradient(90deg,transparent,rgba(45,147,200,.28),transparent);
        pointer-events:none;
    }
    .hanlob-mobile-bottom-nav__item,
    .hanlob-mobile-bottom-nav__item:hover,
    .hanlob-mobile-bottom-nav__item:focus{
        position:relative;
        min-height:50px;
        border-radius:9px;
    }
    .hanlob-mobile-bottom-nav__item--active{
        background:#f1f8fc!important;
        color:#2D93C8!important;
    }
    .hanlob-mobile-bottom-nav__item--active:after,
    .hanlob-mobile-bottom-nav__categories[aria-expanded="true"]:after{
        content:'';
        position:absolute;
        left:50%;
        bottom:1px;
        width:18px;
        height:2px;
        border-radius:999px;
        background:#2D93C8;
        transform:translateX(-50%);
    }
    .hanlob-mobile-bottom-nav__icon-wrap{
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .hanlob-mobile-bottom-nav__cart .hanlob-mobile-header__cart-count{
        top:-7px!important;
        right:-8px!important;
        min-width:18px!important;
        height:18px!important;
        padding:0 4px!important;
        font-size:9px!important;
        box-shadow:0 1px 4px rgba(24,54,78,.22)!important;
    }
    .hanlob-mobile-bottom-nav__whatsapp:active{background:#effaf3!important}
}

/* =========================================================
   v1.7.0: ancho completo real del encabezado móvil
   - Rompe de forma segura los límites del contenedor Elementor.
   - No altera la barra inferior fija.
   - Mantiene padding interno uniforme.
   ========================================================= */
@media (max-width:1024px){
    /* El widget y sus wrappers no pueden conservar anchos personalizados. */
    .hanlob-mobile-header-widget,
    .elementor-widget-hanlob_mobile_header,
    .elementor-widget-hanlob-mobile-header,
    .hanlob-mobile-header-fixed-portal,
    .hanlob-mobile-header-fixed-portal > .elementor-element,
    .hanlob-mobile-header-fixed-portal .elementor-widget-container{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        box-sizing:border-box!important;
    }

    /* Full bleed aun cuando Elementor lo deja dentro de un contenedor centrado. */
    .hanlob-mobile-header-widget > .hanlob-mobile-header,
    .elementor-widget-hanlob_mobile_header .hanlob-mobile-header,
    .elementor-widget-hanlob-mobile-header .hanlob-mobile-header,
    .hanlob-mobile-header-fixed-portal .hanlob-mobile-header{
        width:100vw!important;
        max-width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
        padding-left:max(14px,env(safe-area-inset-left))!important;
        padding-right:max(14px,env(safe-area-inset-right))!important;
        box-sizing:border-box!important;
        overflow-x:clip!important;
    }

    /* En el portal fijo usamos coordenadas de viewport directas. */
    .hanlob-mobile-header-fixed-portal{
        left:0!important;
        right:auto!important;
        width:100vw!important;
        max-width:100vw!important;
        margin:0!important;
        transform:none!important;
        overflow:visible!important;
    }
    .hanlob-mobile-header-fixed-portal .hanlob-mobile-header{
        margin-left:0!important;
        margin-right:0!important;
    }

    /* Las tres franjas comparten exactamente el mismo ancho interno. */
    .hanlob-mobile-header__top,
    .hanlob-mobile-header__search,
    .hanlob-mobile-header__benefits{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    /* Evita desbordamientos por textos largos en beneficios. */
    .hanlob-mobile-header__benefits{
        justify-content:flex-start;
        padding-left:0;
        padding-right:0;
    }
}

@media (max-width:430px){
    .hanlob-mobile-header-widget > .hanlob-mobile-header,
    .elementor-widget-hanlob_mobile_header .hanlob-mobile-header,
    .elementor-widget-hanlob-mobile-header .hanlob-mobile-header,
    .hanlob-mobile-header-fixed-portal .hanlob-mobile-header{
        padding-left:max(12px,env(safe-area-inset-left))!important;
        padding-right:max(12px,env(safe-area-inset-right))!important;
    }
}


/* =========================================================
   v1.7.1: corrección del espacio derecho en teléfonos reales
   - El portal usa left:0 + right:0 en vez de 100vw.
   - El header hereda el ancho exacto del viewport.
   - Elimina anchos/flex-basis heredados de Elementor.
   ========================================================= */
@media (max-width:1024px){
    html .hanlob-mobile-header-fixed-portal{
        position:fixed!important;
        top:0;
        left:0!important;
        right:0!important;
        inset-inline:0!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
        transform:none!important;
        translate:none!important;
    }

    html .hanlob-mobile-header-fixed-portal > *,
    html .hanlob-mobile-header-fixed-portal .elementor-element,
    html .hanlob-mobile-header-fixed-portal .elementor-widget,
    html .hanlob-mobile-header-fixed-portal .elementor-widget-container,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header-widget{
        display:block!important;
        position:relative!important;
        left:auto!important;
        right:auto!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
        align-self:stretch!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
        transform:none!important;
        translate:none!important;
    }

    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header{
        display:block!important;
        position:relative!important;
        left:auto!important;
        right:auto!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        margin:0!important;
        box-sizing:border-box!important;
        transform:none!important;
        translate:none!important;
    }

    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__top,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__search,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__benefits{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }
}


/* =========================================================
   HANLOB MOBILE HEADER 2.0.0
   Sistema de viewport real para móviles
   ========================================================= */

@media (max-width:1024px){
    :root{
        --hanlob-real-vw: 100vw;
        --hanlob-real-left: 0px;
        --hanlob-real-right: 0px;
    }

    html,
    body{
        max-width:100%;
        overflow-x:hidden;
    }

    html .hanlob-mobile-header-fixed-portal{
        position:fixed!important;
        top:0!important;
        left:var(--hanlob-real-left)!important;
        right:var(--hanlob-real-right)!important;
        width:var(--hanlob-real-vw)!important;
        min-width:0!important;
        max-width:var(--hanlob-real-vw)!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
        transform:none!important;
        translate:none!important;
        overflow:visible!important;
        z-index:999999!important;
        contain:layout style paint;
    }

    html .hanlob-mobile-header-fixed-portal,
    html .hanlob-mobile-header-fixed-portal *,
    html .hanlob-mobile-header-fixed-portal *::before,
    html .hanlob-mobile-header-fixed-portal *::after{
        box-sizing:border-box!important;
    }

    html .hanlob-mobile-header-fixed-portal > *,
    html .hanlob-mobile-header-fixed-portal .elementor,
    html .hanlob-mobile-header-fixed-portal .elementor-element,
    html .hanlob-mobile-header-fixed-portal .elementor-widget,
    html .hanlob-mobile-header-fixed-portal .elementor-widget-container,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header-widget,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        transform:none!important;
        translate:none!important;
    }

    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__top,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__search,
    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__benefits{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    html .hanlob-mobile-header-fixed-portal .hanlob-mobile-header__inner{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }
}