/* ============================================================
   man2.es — Tema hijo de Hummingbird — custom.css v3.9 ENTERA
   (ARCHIVO COMPLETO: se sube TAL CUAL como custom.css.)

   Alcance: paleta + CABECERA NAVY + MENÚ DEFINITIVO del boceto +
   cabecera móvil compacta + pie rosa + botón WhatsApp + home
   (hero, slider, banda, categorías, cómo funciona, bastión,
   mayores, dudas WhatsApp) + rails laterales deslizantes.

   REGLA DE ORO: este css se escribe SIEMPRE entero con Write +
   verificar llaves. CRITERIO DE ORDEN (v3.9): TODO lo de una
   sección vive en su bloque, incluidas sus variantes responsive
   (@media dentro del bloque). Nada de parches sueltos al final.

   v3.5 (10 jun): banda de confianza sin filetes y compacta.
   v3.6 (10 jun): rails deslizantes (sticky), 6 banners, 220px.
   v3.7 (10 jun): columna de rails a alto de ventana, aire 14px
   uniforme, tarjetas iguales.
   v3.8 (10 jun): hero a todo el ancho del contenido.
   v3.9 (10 jun): REORDENACIÓN SIN CAMBIOS VISUALES — el bloque
   "Home encajada" se reparte: cada regla a su sección (slider,
   cómo funciona, bastión, mayores, dudas); .man2-rail__card
   queda definida una sola vez; prefijo -webkit-user-select.
   ============================================================ */

:root {
  --man2-navy: #001E4B;
  --man2-navy-dark: #00163A;
  --man2-blue: #005AF0;
  --man2-orange: #F97316;
  --man2-orange-dark: #EA6A0C;
  --man2-wa: #25D366;
  --man2-border: #E5E7EB;
  --man2-footer-bg: #FFF1F2;
  --man2-ink: #1F2937;
  --man2-muted: #6B7280;
}

/* ---- 1. Cabecera NAVY con tira de utilidad más oscura ---- */
#header {
  background: var(--man2-navy);
  border-bottom: none;
}

#header .header-top {
  background: var(--man2-navy-dark) !important;
}

#header .header-top a,
#header .header-top span,
#header .header-top i,
#header .header-top .header-block__action-btn,
#header .header-top .header-block__title {
  color: #FFFFFF !important;
}

/* Badge del carrito SIEMPRE naranja (escritorio y móvil) */
#header .header-block__badge {
  background: var(--man2-orange) !important;
  color: #FFFFFF !important;
}

/* Cabecera MÓVIL: disparadores (usuario, carrito) en blanco */
#header .header-bottom .header-block__action-btn,
#header .header-bottom .header-block__icon {
  color: #FFFFFF !important;
}

/* v2.8: FUERA el burger del tema y su panel #mobileMenu (la
   navegación móvil es nuestra barra de categorías) */
#header a[data-bs-target="#mobileMenu"],
#mobileMenu,
#header .main-menu__mobile {
  display: none !important;
}

/* SIN lupa en la cabecera móvil (el buscador vive solo en la home) */
#header .search__mobile,
#header .search__offcanvas {
  display: none !important;
}

/* Logo compacto y CENTRADO en móvil */
@media (max-width: 767.98px) {
  #header .navbar-brand img,
  #header img.logo {
    max-height: 44px !important;
    width: auto !important;
  }

  #header .header-bottom .row {
    position: relative;
  }

  #header .header-bottom__h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 1;
  }

  #header .navbar-brand {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

/* El menú de escritorio del tema se OCULTA (lo sustituye .man2-nav) */
#header .js-menu-desktop {
  display: none !important;
}

/* ---- 1b. MENÚ DEFINITIVO: barra blanca con iconos (boceto) ---- */
.man2-nav {
  background: #FFFFFF;
  border-bottom: 1px solid var(--man2-border);
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 2px;
  flex-wrap: wrap;
  position: relative;
  z-index: 20;
  padding: 0 12px;
}

/* v2.9: cantos redondeados + margen para que respire como botón */
.man2-nav .man2-burger {
  background: var(--man2-orange);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 10px;
  margin: 5px 6px 5px 0;
}

.man2-nav .man2-burger:hover {
  background: var(--man2-orange-dark);
}

.man2-nav a.man2-item {
  color: var(--man2-navy);
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  padding: 8px 10px 6px;
  border-bottom: 3px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  line-height: 1;
  white-space: nowrap;
}

.man2-nav a.man2-item svg {
  color: var(--man2-blue);
}

.man2-nav a.man2-item:hover {
  color: var(--man2-blue);
  text-decoration: none;
}

.man2-nav a.man2-item.man2-on {
  color: var(--man2-navy);
  border-bottom-color: var(--man2-orange);
}

.man2-nav .man2-bdg {
  position: absolute;
  top: 4px;
  right: 0;
  background: var(--man2-orange);
  color: #FFFFFF;
  font-size: 8px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 8px;
}

.man2-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 320px;
  max-width: 92vw;
  background: #FFFFFF;
  border: 1px solid var(--man2-border);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.20);
  z-index: 60;
  padding: 6px 0;
}

.man2-panel.man2-open {
  display: block;
}

.man2-panel a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  color: var(--man2-ink);
  font-size: 13.5px;
  font-weight: 600;
  padding: 9px 18px;
  line-height: 1.3;
  text-decoration: none;
}

.man2-panel a:hover {
  background: #F5F9FF;
  color: var(--man2-blue);
  text-decoration: none;
}

.man2-panel a svg {
  color: var(--man2-blue);
  flex: none;
}

.man2-panel a .man2-cnt {
  margin-left: auto;
  font-size: 11px;
  color: var(--man2-muted);
  font-weight: 500;
  white-space: nowrap;
}

.man2-panel a.man2-oft,
.man2-panel a.man2-oft svg {
  color: var(--man2-orange);
}

.man2-panel .man2-sep {
  border-top: 1px solid var(--man2-border);
  margin: 5px 0;
}

/* ---- 2. Pie: fondo rosa cálido + filete naranja ---- */
.footer {
  background: var(--man2-footer-bg);
  border-top: 3px solid var(--man2-orange);
}

.footer__main,
.footer .footer__main,
.page-footer .footer__main {
  background: var(--man2-footer-bg) !important;
}

.footer a, .footer p, .footer li, .footer span,
.page-footer a, .page-footer p, .page-footer li, .page-footer span,
.footer__block a, .footer__block p, .footer__block li, .footer__block span,
.footer__block__title,
a.footer__block__title,
.footer__block__content,
.footer__block__content a,
.contact__infos,
.footer__block .contact__infos,
.page-footer .cms-page-link,
.footer__main .cms-page-link {
  color: var(--man2-navy) !important;
}

.footer a:hover,
.page-footer a:hover,
.footer__block a:hover,
.footer__block__content a:hover,
.page-footer .cms-page-link:hover {
  color: var(--man2-blue) !important;
}

.footer .copyright,
.page-footer .copyright {
  background: var(--man2-navy);
  padding: 10px 14px;
  margin-top: 12px;
}

.footer .copyright,
.footer .copyright *,
.page-footer .copyright,
.page-footer .copyright * {
  color: #FFFFFF !important;
}

/* ---- 3. Botón flotante WhatsApp (el <a> lo inyecta custom.js) ---- */
.man2-wa-btn {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--man2-wa);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  z-index: 1050;
  transition: transform 0.15s ease;
}

.man2-wa-btn:hover,
.man2-wa-btn:focus {
  transform: scale(1.07);
}

.man2-wa-btn svg {
  width: 30px;
  height: 30px;
  display: block;
}

/* ---- 4. Home encajada en escritorio (≥1400px) ----
   Única regla transversal de la home: el contenedor #wrapper se
   limita a 1080px centrado. El resto de ajustes de escritorio
   viven en la sección de cada bloque. */
@media (min-width:1400px){
  body#index #wrapper{position:relative;max-width:1080px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;}
}

/* ===== HOME HERO buscador (tema claro) =====
   v4.0: el bloque ocupa todo el ancho del contenido (1080px):
   interior y stats a 1080, buscador a 820, subtítulo a 720.
   En escritorio encajado (≥1400px) sin padding lateral, para alinear
   con el resto de secciones. El móvil no cambia. */
.home-hero{background:#FFFFFF;color:#001E4B;text-align:center;padding:44px 20px 0;border-bottom:1px solid #E5E7EB;}
.home-hero__inner{max-width:1080px;margin:0 auto;padding-bottom:30px;}
.home-hero__title{font-size:34px;font-weight:800;line-height:1.2;color:#001E4B;margin:0;}
.home-hero__title span{color:#F97316;}
.home-hero__sub{font-size:16px;color:#4B5563;margin:14px auto 0;max-width:720px;line-height:1.6;}
.home-hero__sub strong{color:#001E4B;font-weight:800;}
.home-hero__search{display:flex;gap:8px;max-width:820px;margin:22px auto 0;}
.home-hero__search input{flex:1;height:54px;border:1px solid #CBD5E1;border-radius:12px;padding:0 18px;font-size:15px;color:#1F2937;background:#fff;}
.home-hero__search input:focus{outline:none;border-color:#005AF0;box-shadow:0 0 0 3px rgba(0,90,240,.15);}
.home-hero__search button{background:#F97316;color:#fff;border:none;border-radius:12px;padding:0 22px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;}
.home-hero__wa{font-size:13px;margin-top:12px;color:#6B7280;}
.home-hero__wa a{color:#16A34A;font-weight:600;}
.home-hero__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;}
.home-hero__chips a,.home-hero__chips span{font-size:12px;padding:5px 12px;border-radius:14px;background:#F3F4F6;border:1px solid #E5E7EB;color:#001E4B;text-decoration:none;}
.home-hero__chips a:hover{border-color:#005AF0;color:#005AF0;}
.home-hero__chips span{background:#FFF7ED;border-color:#FED7AA;color:#C2410C;font-weight:600;}
.home-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto;background:#F8FAFC;border-top:1px solid #E5E7EB;}
.home-hero__stats div{padding:16px 6px;text-align:center;}
.home-hero__stats strong{display:block;font-size:22px;color:#001E4B;font-weight:800;}
.home-hero__stats span{font-size:12px;color:#6B7280;}
@media(max-width:600px){.home-hero{padding:32px 12px 0;}.home-hero__title{font-size:clamp(15px,5.4vw,23px);}.home-hero__search{flex-direction:column;}.home-hero__search input{flex:none;width:100%;height:56px;font-size:16px;border-width:1.5px;}.home-hero__search button{flex:none;width:100%;height:52px;}}
@media(min-width:1400px){
  body#index .home-hero{padding-left:0;padding-right:0;}
}

/* ===== Botón WhatsApp cabecera ===== */
.header-bottom__row{position:relative;}
.man2-wa-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:50%;margin:0;z-index:3;}
.man2-wa-header{display:inline-flex;align-items:center;gap:14px;background:#25D366;color:#fff;border-radius:14px;padding:11px 24px;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.18);transition:background .15s,transform .15s;}
.man2-wa-header:hover{background:#1FB457;color:#fff;transform:translateY(-1px);}
.man2-wa-header__ico{width:38px;height:38px;fill:#fff;flex:0 0 auto;}
.man2-wa-header__txt{display:flex;flex-direction:column;line-height:1.3;text-align:left;}
.man2-wa-header__txt small{font-size:13px;opacity:.97;}
.man2-wa-header__txt strong{font-size:17px;font-weight:700;}
.man2-wa-header, .man2-wa-header strong, .man2-wa-header small{color:#fff !important;}
@media(max-width:991px){.man2-wa-wrap{display:none;}}

/* ===== Anti-flash: muestra la página ya montada por el JS ===== */
body:not(.man2-ready) #wrapper,
body:not(.man2-ready) .man2-nav,
body:not(.man2-ready) .man2-wa-wrap{opacity:0;}
#wrapper,.man2-nav,.man2-wa-wrap{transition:opacity .25s ease;}
/* salvavidas: revelar a los 3 s aunque el JS fallara */
@keyframes man2failsafe{to{opacity:1}}
body:not(.man2-ready) #wrapper{animation:man2failsafe .01s linear 3s forwards;}

/* ===== Banda de confianza (home) =====
   v3.5: sin filetes (ni verticales ni inferior) y más compacta
   en escritorio (12px); el móvil conserva separadores y altura. */
.man2-trust{background:#fff;display:grid;grid-template-columns:repeat(6,1fr);max-width:1080px;margin:0 auto;}
.man2-trust__item{text-align:center;padding:12px 10px;}
.man2-trust__ico{color:#005AF0;height:26px;}
.man2-trust__ico svg{width:26px;height:26px;}
.man2-trust__t{font-size:14px;font-weight:700;color:#001E4B;margin-top:8px;}
.man2-trust__s{font-size:12px;color:#6B7280;margin-top:2px;}
@media(max-width:760px){
  .man2-trust{grid-template-columns:repeat(2,1fr);}
  .man2-trust__item{padding:22px 10px;border-top:1px solid #E5E7EB;}
  .man2-trust__item:nth-child(even){border-left:1px solid #E5E7EB;}
}

/* ===== Sección de categorías (home) ===== */
.man2-cats{max-width:1080px;margin:0 auto;padding:38px 16px;text-align:center;}
.man2-cats__title{font-size:22px;font-weight:700;color:#001E4B;margin:0;}
.man2-cats__sub{font-size:14px;color:#6B7280;margin:6px 0 22px;}
.man2-cats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.man2-cat__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px 10px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;}
.man2-cat__card:hover{border-color:#005AF0;box-shadow:0 6px 18px rgba(0,30,75,.10);transform:translateY(-2px);}
.man2-cat__ico{color:#005AF0;line-height:0;}
.man2-cat__ico svg{width:34px;height:34px;}
.man2-cat__name{font-size:14px;font-weight:700;color:#001E4B;}
.man2-cat__badge{position:absolute;top:8px;right:8px;background:#F97316;color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:8px;}
.man2-cats__all{display:inline-block;margin-top:18px;border:1px solid #005AF0;color:#005AF0;font-size:14px;font-weight:600;padding:9px 20px;border-radius:8px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s;}
.man2-cats__all:hover{background:#005AF0;color:#fff;}
@media(max-width:760px){.man2-cats__grid{grid-template-columns:repeat(2,1fr);}}

/* ===== Slider (home, bajo el buscador) ===== */
.man2-slider{position:relative;width:100%;height:clamp(190px,30vw,460px);overflow:hidden;background:#001E4B;}
.man2-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;}
.man2-slide.is-active{opacity:1;}
.man2-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.man2-slide__cap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px;background:rgba(0,18,45,.38);}
.man2-slide__cap h2{color:#fff;font-size:clamp(20px,3.2vw,34px);font-weight:800;line-height:1.2;max-width:760px;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.45);}
.man2-slider__dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center;z-index:3;}
.man2-slider__dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.55);cursor:pointer;padding:0;}
.man2-slider__dots button.is-active{background:#F97316;}
.man2-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:22px;line-height:1;cursor:pointer;}
.man2-slider__arrow:hover{background:rgba(0,0,0,.55);}
.man2-slider__arrow--prev{left:14px;}
.man2-slider__arrow--next{right:14px;}
@media(max-width:600px){.man2-slider__arrow{display:none;}}
/* escritorio encajado: esquinas redondeadas */
@media(min-width:1400px){body#index .man2-slider{border-radius:12px;overflow:hidden;}}

/* ===== Cómo funciona (home) ===== */
.man2-how{background:#F8FAFC;padding:42px 16px;}
.man2-how__inner{max-width:820px;margin:0 auto;text-align:center;}
.man2-how__title{font-size:22px;font-weight:700;color:#001E4B;margin:0;}
.man2-how__sub{font-size:14px;color:#6B7280;margin:6px 0 26px;}
.man2-how__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.man2-how__step{text-align:center;}
.man2-how__num{width:48px;height:48px;border-radius:50%;background:#F97316;color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.man2-how__t{font-size:15px;font-weight:700;color:#001E4B;margin-top:12px;}
.man2-how__d{font-size:13px;color:#6B7280;margin-top:4px;line-height:1.5;}
@media(max-width:680px){.man2-how__grid{grid-template-columns:1fr;gap:24px;}}
/* escritorio encajado: esquinas redondeadas */
@media(min-width:1400px){body#index .man2-how{border-radius:14px;}}

/* ===== Banner bastión (home) ===== */
.man2-bastion{background:#F97316;padding:40px 18px;text-align:center;}
.man2-bastion__inner{max-width:680px;margin:0 auto;}
.man2-bastion__title{font-size:24px;font-weight:800;color:#fff;line-height:1.2;margin:0;}
.man2-bastion__text{font-size:15px;color:#fff;opacity:.96;margin:12px 0 0;line-height:1.5;}
.man2-bastion__btn{display:inline-block;background:#fff;color:#001E4B;font-size:15px;font-weight:700;padding:11px 26px;border-radius:10px;margin-top:20px;text-decoration:none;cursor:pointer;transition:transform .15s;}
.man2-bastion__btn:hover{color:#001E4B;transform:translateY(-1px);}
/* escritorio encajado: esquinas redondeadas */
@media(min-width:1400px){body#index .man2-bastion{border-radius:14px;}}

/* ===== Personas Mayores (home) =====
   v4.1: tarjeta con FOTO (pareja) a sangre izq. (42%) + texto/botón dcha.;
   móvil: foto arriba. Ancho 1080 alineado; escritorio encajado sin padding lateral. */
.man2-elderly{padding:36px 16px;}
.man2-elderly__card{max-width:1080px;margin:0 auto;background:#F0F6FF;border:1px solid #DBE7FF;border-radius:14px;display:flex;align-items:stretch;overflow:hidden;}
.man2-elderly__pic{flex:0 0 42%;min-height:260px;}
.man2-elderly__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.man2-elderly__body{flex:1;padding:28px 30px;display:flex;flex-direction:column;justify-content:center;}
.man2-elderly__t{font-size:21px;font-weight:800;color:#001E4B;}
.man2-elderly__d{font-size:14.5px;color:#4B5563;margin-top:8px;line-height:1.6;}
.man2-elderly__btn{display:inline-block;align-self:flex-start;background:#005AF0;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;margin-top:16px;text-decoration:none;transition:background .15s;}
.man2-elderly__btn:hover{background:#0048c0;color:#fff;}
@media(max-width:700px){
  .man2-elderly__card{flex-direction:column;}
  .man2-elderly__pic{flex:none;min-height:0;height:200px;}
  .man2-elderly__body{padding:20px;text-align:center;}
  .man2-elderly__btn{align-self:center;}
}
@media(min-width:1400px){
  body#index .man2-elderly{padding-left:0;padding-right:0;}
}

/* ===== Dudas WhatsApp (home) ===== */
.man2-help{background:#F0FDF4;border-top:1px solid #DCFCE7;border-bottom:1px solid #DCFCE7;padding:36px 18px;text-align:center;}
.man2-help__ico{width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.man2-help__ico svg{width:32px;height:32px;fill:#fff;}
.man2-help__t{font-size:21px;font-weight:700;color:#001E4B;margin-top:14px;}
.man2-help__d{font-size:15px;color:#4B5563;margin:8px auto 0;max-width:540px;line-height:1.5;}
.man2-help__btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-size:15px;font-weight:700;padding:12px 24px;border-radius:10px;margin-top:18px;text-decoration:none;transition:background .15s;}
.man2-help__btn:hover{background:#1FB457;color:#fff;}
.man2-help__btn svg{width:22px;height:22px;fill:#fff;}
/* escritorio encajado: esquinas redondeadas */
@media(min-width:1400px){body#index .man2-help{border-radius:14px;}}

/* ===== Rails laterales de productos (home, ≥1600px) =====
   6 banners (3 por lado) DESLIZANTES. Los <aside> los inyecta
   custom.js DENTRO de #wrapper; cada rail es una columna absoluta
   de 220px pegada al contenido (canal de 24px), y dentro lleva un
   bloque sticky que acompaña el scroll: mismo aire (14px) arriba,
   entre tarjetas y abajo (160 = 132 de cabecera fija + 14 + 14),
   tarjetas repartidas a partes iguales, y se DETIENE al acabar el
   contenido (no pisa el pie). Por debajo de 1600px no existen. */
.man2-rail{display:none;}
.man2-rail__inner{display:flex;flex-direction:column;gap:14px;}
.man2-rail__card{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1 1 0;min-height:0;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:10px;text-align:center;text-decoration:none;color:#001E4B;box-shadow:0 1px 4px rgba(0,30,75,.06);transition:transform .2s ease,box-shadow .2s ease;}
.man2-rail__card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,30,75,.14);text-decoration:none;color:#001E4B;}
.man2-rail__card--soft{background:#F0F6FF;border-color:#DBE7FF;}
/* brillo deslizante al hover (espec. 4b: destello diagonal, ~0,5s) */
.man2-rail__card::after{content:"";position:absolute;top:-20%;left:-80%;width:50%;height:140%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);pointer-events:none;}
.man2-rail__card:hover::after{animation:man2RailShine .5s ease forwards;}
@keyframes man2RailShine{to{left:130%;}}
.man2-rail__badge{position:absolute;top:9px;left:9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:999px;background:#005AF0;color:#fff;z-index:1;}
.man2-rail__badge--naranja{background:#F97316;}
.man2-rail__img{flex:1 1 auto;min-height:64px;display:flex;align-items:center;justify-content:center;margin:-10px -10px 8px;overflow:hidden;border-radius:13px 13px 0 0;}
.man2-rail__img svg{height:60px;}
.man2-rail__img img{width:100%;height:100%;object-fit:cover;}
.man2-rail__t{display:block;font-size:13.5px;font-weight:800;line-height:1.25;margin:0 0 3px;color:#001E4B;}
.man2-rail__d{display:block;font-size:11px;line-height:1.4;color:#475569;margin:0 0 6px;}
.man2-rail__price{display:block;font-size:16px;font-weight:800;color:#F97316;margin:0 0 6px;line-height:1.1;}
.man2-rail__price small{display:block;font-size:10.5px;font-weight:600;color:#475569;}
.man2-rail__btn{display:block;background:#F97316;color:#fff;font-size:12px;font-weight:700;padding:8px 6px;border-radius:8px;margin-top:auto;}
.man2-rail__btn--azul{background:#005AF0;}
@media (min-width:1600px){
  body#index .man2-rail{display:block;position:absolute;top:24px;bottom:0;width:220px;z-index:40;}
  body#index .man2-rail--left{left:-244px;}
  body#index .man2-rail--right{right:-244px;}
  body#index .man2-rail__inner{position:-webkit-sticky;position:sticky;top:146px;height:calc(100vh - 160px);}
}
/* ===== Banda 4 en 1 producto estrella (home, v4.2) =====
   Sello naranja flotante con píldora "mismo precio", fondo navy
   con degradado radial y "4" marca de agua, 7 chips de aparatos
   (4 marcados con check), subrayado a mano, brillo al hover. */
.man2-4in1{max-width:1080px;margin:0 auto;border-radius:16px;color:#fff;display:flex;align-items:center;gap:36px;padding:38px 42px;overflow:hidden;position:relative;background:radial-gradient(620px 340px at 12% 50%, #0A3578 0%, #001E4B 55%, #00163A 100%);box-shadow:0 14px 40px rgba(0,30,75,.28), inset 0 1px 0 rgba(255,255,255,.07);}
.man2-4in1::before{content:"4";position:absolute;right:-30px;bottom:-95px;font-size:340px;font-weight:800;color:rgba(255,255,255,.045);line-height:1;pointer-events:none;}
.man2-4in1::after{content:"";position:absolute;top:-20%;left:-30%;width:24%;height:140%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);pointer-events:none;}
.man2-4in1:hover::after{animation:m4shine .7s ease forwards;}
@keyframes m4shine{to{left:130%;}}
.man2-4in1__sello{flex:0 0 auto;width:154px;height:154px;border-radius:26px;transform:rotate(-4deg);background:linear-gradient(145deg,#FB923C 0%,#F97316 45%,#EA580C 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 14px 34px rgba(249,115,22,.4), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -3px 0 rgba(0,0,0,.15);animation:m4float 5s ease-in-out infinite;}
@keyframes m4float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-7px)}}
.man2-4in1__sello::before{content:"";position:absolute;inset:-9px;border-radius:32px;border:2px dashed rgba(249,115,22,.5);}
.man2-4in1__sello b{font-size:76px;font-weight:800;line-height:.85;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.3);}
.man2-4in1__sello span{font-size:20px;font-weight:800;letter-spacing:4px;color:#fff;text-transform:uppercase;margin-top:5px;}
.man2-4in1__sello small{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#fff;color:#001E4B;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.25);}
.man2-4in1__body{flex:1;min-width:0;position:relative;z-index:1;}
.man2-4in1__t{font-size:28px;font-weight:800;line-height:1.2;color:#fff;}
.man2-4in1__t span{color:#F97316;position:relative;white-space:nowrap;}
.man2-4in1__t span::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 8" preserveAspectRatio="none"><path d="M2 6 Q 30 1 60 4 T 118 3" fill="none" stroke="%23F97316" stroke-width="3" stroke-linecap="round"/></svg>') no-repeat;background-size:100% 100%;}
.man2-4in1__d{font-size:14.5px;line-height:1.55;margin-top:14px;color:#fff;opacity:.95;max-width:640px;}
.man2-4in1__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.man2-4in1__chips span{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:76px;padding:10px 4px 8px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#BFDBFE;transition:transform .15s,border-color .15s,background .15s;}
.man2-4in1__chips span:hover{transform:translateY(-3px);border-color:#F97316;background:rgba(249,115,22,.12);color:#fff;}
.man2-4in1__chips svg{width:22px;height:22px;stroke:#fff;}
.man2-4in1__chips span.m4-sel{border-color:rgba(249,115,22,.65);background:rgba(249,115,22,.13);color:#fff;}
.man2-4in1__chips span.m4-sel::after{content:"✓";position:absolute;top:-7px;right:-6px;width:18px;height:18px;border-radius:50%;background:#F97316;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.35);}
.man2-4in1__cta{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap;}
.man2-4in1__btn{display:inline-flex;align-items:center;gap:8px;background:#F97316;color:#fff;font-size:15px;font-weight:700;padding:13px 26px;border-radius:11px;text-decoration:none;box-shadow:0 8px 22px rgba(249,115,22,.35);transition:background .15s,transform .15s;}
.man2-4in1__btn i{font-style:normal;transition:transform .2s;}
.man2-4in1__btn:hover{background:#EA6A0C;color:#fff;transform:translateY(-1px);}
.man2-4in1__btn:hover i{transform:translateX(4px);}
.man2-4in1__micro{font-size:11.5px;color:#93C5FD;line-height:1.4;}
.man2-4in1__badge{position:absolute;top:16px;right:18px;background:rgba(249,115,22,.16);border:1px solid #F97316;color:#F97316;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 12px;border-radius:999px;z-index:1;}
@media(max-width:760px){
  .man2-4in1{flex-direction:column;text-align:center;padding:28px 18px 26px;gap:30px;margin:0 16px;}
  .man2-4in1::before{font-size:240px;right:-40px;bottom:-70px;}
  .man2-4in1__sello{width:122px;height:122px;}
  .man2-4in1__sello b{font-size:58px;}
  .man2-4in1__chips{justify-content:center;}
  .man2-4in1__cta{justify-content:center;}
  .man2-4in1__d{margin-left:auto;margin-right:auto;}
  .man2-4in1__badge{position:static;display:inline-block;margin-bottom:4px;}
}
/* ===== Bloque 4 EN 1 — personalización producto (pre-programados) ===== */
.product-customization .card.bg-light{
  background:#FFFBF6 !important;
  border:2px dashed #F97316 !important;
  border-radius:12px !important;
}
.product-customization .card.bg-light > .card-body{ padding:14px !important; }
.product-customization .card-title{
  color:#001E4B !important;
  font-weight:800 !important;
  font-size:15px !important;
  line-height:1.25 !important;
  margin-bottom:12px !important;
}
.product-customization .card-title::after{
  content:" · por el mismo precio";
  color:#C2410C; font-weight:700;
}
.product-customization__item.card{
  border:1px solid #E5E7EB !important;
  border-radius:9px !important;
  margin-bottom:8px !important;
  overflow:hidden;
}
.product-customization__item .card-header{
  background:#FFF4E8 !important;
  color:#001E4B !important;
  font-size:13px !important;
  font-weight:600 !important;
  padding:7px 12px !important;
  border-bottom:1px solid #F3E2D0 !important;
}
.product-customization__item .card-body{ padding:8px 12px !important; }
.product-customization__item .product-message{
  min-height:40px !important;
  height:40px !important;
  resize:none !important;
  overflow:hidden !important;
  font-size:13px !important;
  padding:8px 10px !important;
}
.product-customization__item .card-footer{ display:none !important; }
.product-customization button[name="submitCustomizedData"]{
  background:#fff !important;
  color:#005AF0 !important;
  border:1px solid #005AF0 !important;
  font-weight:600 !important;
  font-size:13px !important;
  padding:8px 14px !important;
  border-radius:8px !important;
}
/* ===== fin bloque 4 EN 1 ===== */
/* ===== Franja de reseñas (home) ===== */
.man2-reviews{background:#fff;padding:36px 16px;}
.man2-reviews__in{max-width:1080px;margin:0 auto;}
.man2-reviews__title{font-size:24px;color:#001E4B;font-weight:800;text-align:center;margin:0;}
.man2-reviews__rate{text-align:center;font-size:14px;color:#6B7280;margin-top:8px;}
.man2-reviews__rate span{color:#F97316;letter-spacing:2px;font-size:17px;}
.man2-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;}
.man2-review{border:1px solid #E5E7EB;border-radius:12px;padding:18px;background:#fff;}
.man2-review__stars{color:#F97316;font-size:15px;letter-spacing:1px;}
.man2-review__text{font-size:14px;color:#1F2937;line-height:1.6;margin:10px 0 14px;}
.man2-review__who{display:flex;align-items:center;gap:10px;}
.man2-review__av{width:34px;height:34px;border-radius:50%;background:#E6F0FF;color:#005AF0;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.man2-review__who b{display:block;font-size:13px;color:#001E4B;}
.man2-review__who small{display:block;font-size:12px;color:#9CA3AF;}
@media(max-width:820px){ .man2-reviews__grid{grid-template-columns:1fr;} }
@media(min-width:1400px){ body#index .man2-reviews{padding-left:0;padding-right:0;} }
/* ===== fin franja reseñas ===== */
/* ===== Productos destacados (home) ===== */
.featured-products{max-width:1080px;margin:0 auto;padding:36px 16px;}
.featured-products .section-title{font-size:24px;color:#001E4B;font-weight:800;text-align:center;display:block;margin:0 0 22px;text-transform:none;}
@media(min-width:1400px){ body#index .featured-products{padding-left:0;padding-right:0;} }
/* ===== fin productos destacados ===== */
/* ===== Disponibilidad en texto plano (sin recuadro verde) ===== */
.product-availability .alert{
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 0 6px !important;
  color:#374151 !important;
}
/* ===== fin disponibilidad ===== */
/* ===== Campo de personalización obligatorio resaltado ===== */
.product-customization__item:has(.product-message[required]) .product-message{
  border:2px solid #F97316 !important;
}
.product-customization__item:has(.product-message[required]) .card-header{
  color:#C2410C !important;
}
.product-customization__item:has(.product-message[required]) .card-header::after{
  content:"OBLIGATORIO";
  background:#DC2626;color:#fff;font-size:10px;font-weight:700;
  padding:2px 7px;border-radius:6px;margin-left:8px;letter-spacing:.02em;
  display:inline-block;vertical-align:middle;
}
/* ===== fin obligatorio ===== */

/* ===== Selector de versión como tarjetas ===== */
.product-variants .radio-variants{display:flex;gap:8px;list-style:none;padding:0;margin:8px 0 0;}
.product-variants .radio-variant{flex:1;margin:0;}
.product-variants .radio-variant label{display:block;cursor:pointer;margin:0;}
.product-variants .radio-variant .form-check-input{position:absolute;opacity:0;pointer-events:none;}
.product-variants .radio-variant .radio-label{
  display:block;text-align:center;border:1px solid #E5E7EB;border-radius:9px;
  padding:10px 8px;font-size:13px;font-weight:600;color:#001E4B;background:#fff;
  transition:border-color .15s;
}
.product-variants .radio-variant:has(input:checked) .radio-label{
  border:2px solid #005AF0;padding:9px 7px;
}
.product-variants .radio-variant .radio-label::after{
  display:block;font-size:11px;font-weight:400;color:#6B7280;margin-top:2px;
}
.product-variants .radio-variant:has(input[title="Simply"]) .radio-label::after{content:"flechas de canal";}
.product-variants .radio-variant:has(input[title="Simply Numeric"]) .radio-label::after{content:"teclado numérico";}
/* ===== fin selector versión ===== */