/* ==========================================================================
   FACHADA «MAR CARIBE» · 26-sep-2026
   Diseño aprobado: ~/Portal Amiga - Diseño aprobado Mar Caribe 26-sep-2026/
   (esqueleto de la Propuesta 1 + colores Mar Caribe + botones de Sandía + Ami cereza).

   🔑 Hoja PROPIA: no carga vitrina.css ni paleta-amiga.css. Las dos fachadas
      conviven sin pisarse hasta el día del cambio; quitar esta = volver a la otra.
   🔑 Todas las clases llevan el prefijo `cb-` salvo las piezas copiadas tal
      cual de las tiendas (.gum, .gchat, .vida-*), que conservan su nombre.
   ========================================================================== */

:root{
    --cb-fondo:#F5FBFE;
    --cb-mar:#003B5C;        /* títulos, bloques oscuros */
    --cb-accion:#0077B6;     /* botón principal */
    --cb-agua:#00A896;       /* acento verde agua */
    --cb-coral:#E8594A;      /* notas a mano */
    --cb-tienda:#C9412F;     /* botón de AmigaTienda */
    --cb-tienda-t:#A83327;
    --cb-equipos:#0E8A6E;
    --cb-equipos-t:#0B6B56;
    --cb-web:#7A55CC;
    --cb-web-t:#6440B0;
    --cb-suave:#D8F1FB;
    --cb-arena:#FFE8A3;
    --cb-durazno:#FFE3D9;
    --cb-tinta:#062638;
    --cb-texto:#395A69;
    --cb-gris:#52707F;
    --cb-linea:#D3E9F2;
    --cb-celeste:#B5DDF0;
    --cb-font:'Lexend',system-ui,-apple-system,'Segoe UI',sans-serif;
    --cb-voz:'Lora',Georgia,serif;
    --cb-mano:'Shadows Into Light Two',cursive;
    --cb-lado:clamp(16px,6vw,120px);   /* el margen de 120 px del diseño, que encoge solo */
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.cb{margin:0;background:var(--cb-fondo);font-family:var(--cb-font);color:var(--cb-tinta);overflow-x:hidden}
.cb a{color:var(--cb-mar);text-decoration:none}
.cb a:hover{color:var(--cb-coral)}
.cb img,.cb video{max-width:100%;display:block}
.cb h1,.cb h2,.cb h3{font-family:var(--cb-font)}
.cb :focus-visible{outline:3px solid var(--cb-accion);outline-offset:3px;border-radius:6px}
.cb-voz{font-family:var(--cb-voz);font-style:italic;font-weight:500}
.cb-mano{font-family:var(--cb-mano);font-weight:400}
.cb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.cb-sec{padding:96px var(--cb-lado)}
.cb-in{max-width:1200px;margin:0 auto}
.cb-rotulo{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-agua)}
.cb-h2{margin:0;font-weight:700;letter-spacing:-.025em;font-size:clamp(32px,4.2vw,52px);line-height:1.1;color:var(--cb-mar)}
.cb-h2 .cb-voz{color:var(--cb-accion)}
.cb-lead{margin:0;font-size:18px;line-height:1.55;color:var(--cb-texto)}
.cb-centro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}

/* ---------- BOTONES (estilo «Sandía»: píldora con anillo interior y brillo) ---------- */
.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;border:0;font-family:inherit;text-align:center}
.cb .cb-btn--lleno{color:#fff;background:var(--cb-mar);padding:13px 18px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.28),0 12px 24px -12px rgba(0,59,92,.6);transition:all .25s ease}
.cb .cb-btn--lleno:hover{color:#fff;box-shadow:inset 0 0 0 3px rgba(255,255,255,.5),0 18px 30px -12px rgba(0,59,92,.7);transform:translateY(-2px)}
.cb .cb-btn--cta{background:var(--cb-accion);box-shadow:inset 0 0 0 3px rgba(255,255,255,.3),0 14px 28px -12px rgba(0,119,182,.75)}
.cb .cb-btn--grande{padding:12px 14px 12px 30px;font-size:17px;font-weight:700}
.cb-btn__flecha{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex:none}
.cb .cb-btn--borde{padding:12px 20px;border:1.5px solid var(--cb-mar);color:var(--cb-mar);transition:all .25s ease}
.cb .cb-btn--borde:hover{background:var(--cb-mar);color:#fff;border-color:var(--cb-mar)}
.cb .cb-btn--tienda{background:var(--cb-tienda)}
.cb .cb-btn--equipos{background:var(--cb-equipos)}
.cb .cb-btn--web{background:var(--cb-web)}
.cb-video{display:inline-flex;align-items:center;gap:14px;font-weight:600;font-size:17px}
.cb .cb-video{color:var(--cb-tinta)}
.cb .cb-video:hover{color:var(--cb-mar)}
.cb-video__play{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--cb-accion);display:flex;align-items:center;justify-content:center;animation:cbPulso 2.2s infinite;flex:none}
@keyframes cbPulso{0%{box-shadow:0 0 0 0 rgba(0,119,182,.5)}70%{box-shadow:0 0 0 16px rgba(0,119,182,0)}100%{box-shadow:0 0 0 0 rgba(0,119,182,0)}}

/* ---------- CINTA DE ATENCIÓN (la misma de las tiendas) ---------- */
.vida-cinta{--va:#003B5C;--vb:#0077B6;position:relative;z-index:41;height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(14px,env(safe-area-inset-left));background:linear-gradient(90deg,var(--va),var(--vb) 50%,var(--va));color:#fff;font:500 14px/1 var(--cb-font);overflow:hidden;max-width:100vw}
.vida-cinta.off{background:linear-gradient(90deg,#374151,#4b5563 50%,#374151)}
.vida-cinta::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-100%);animation:vidabrillo 6s infinite}
@keyframes vidabrillo{60%,100%{transform:translateX(100%)}}
.vida-izq{display:flex;align-items:center;gap:10px;min-width:0;flex:1;justify-content:center}
.vida-punto{width:10px;height:10px;border-radius:50%;background:#22c55e;flex:none;animation:vidaring 1.6s infinite}
.vida-cinta.off .vida-punto{background:#9ca3af;animation:none}
@keyframes vidaring{0%{box-shadow:0 0 0 0 rgba(34,197,94,.75)}80%,100%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}
.vida-msg{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.45;animation:vidaentra .55s ease both}
.vida-msg b{font-weight:700}
.vida-msg.vb{animation-name:vidaentra2}
/* p92 · los letreros son enlaces */
.cb a.vida-msg,a.vida-msg{color:#fff;text-decoration:none;cursor:pointer}
.cb a.vida-msg:hover,a.vida-msg:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vida-ir{display:inline-block;margin-left:2px;font-weight:700;transition:transform .2s ease}
a.vida-msg:hover .vida-ir{transform:translateX(3px)}
a.vida-msg:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
@keyframes vidaentra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes vidaentra2{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.vida-reloj{display:inline-flex;align-items:center;gap:7px;flex:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:4px 12px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- ENCABEZADO ---------- */
.cb-cab{position:sticky;top:0;z-index:40;background:rgba(245,251,254,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cb-linea)}
.cb-cab__in{height:88px;padding:0 var(--cb-lado);display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto}
.cb-logo{display:flex;align-items:center;gap:12px;flex:none}
.cb-logo__txt{display:flex;flex-direction:column}
.cb-logo__nombre{font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--cb-mar);line-height:1}
.cb-logo__lema{font-size:12px;color:var(--cb-gris);letter-spacing:.04em}
.cb-logo__img{height:44px;width:auto;display:block}
.cb-nav{display:flex;gap:30px;font-size:16px;font-weight:500}
.cb-cab__acc{display:flex;gap:12px;align-items:center}
.cb-menu-btn{display:none;width:46px;height:46px;border-radius:14px;border:1.5px solid var(--cb-linea);background:#fff;align-items:center;justify-content:center;cursor:pointer;color:var(--cb-mar)}

/* píldora de Ami en el encabezado (sustituye a «Escríbenos») */
.vida-pill{--vb:#0B6B6B;--vr:14,154,154;--vo1:rgba(255,255,255,.55);--vo2:rgba(94,201,196,.85);--vo3:rgba(16,140,138,.95);display:inline-flex;align-items:center;gap:9px;padding:3px 14px 3px 4px;margin-left:8px;border-radius:999px;background:rgba(var(--vr),.08);border:1.5px solid rgba(var(--vr),.45);color:var(--vb);font:700 13px/1.15 var(--cb-font);text-decoration:none;cursor:pointer;flex:none;animation:vidacae .8s .3s cubic-bezier(.3,1.6,.5,1) both}
.cb a.vida-pill{color:var(--vb)}
.vida-pill:hover{background:rgba(14,154,154,.14)}
.vida-pill small{display:block;font-weight:500;font-size:11px;color:#6b7280}
.vida-pill.off{background:#f3f4f6;border-color:#d1d5db}
.cb a.vida-pill.off{color:#4b5563}
@keyframes vidacae{from{opacity:0;transform:translateY(-22px) scale(.8)}to{opacity:1;transform:none}}
.vida-orb{position:relative;width:32px;height:32px;border-radius:47% 53% 51% 49%/57% 55% 45% 43%;flex:none;background:linear-gradient(150deg,var(--vo1) 0%,var(--vo2) 38%,var(--vo3) 100%);border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 10px -4px rgba(16,140,138,.5),inset 0 -4px 6px rgba(16,140,138,.25),inset 0 3px 5px rgba(255,255,255,.4);animation:vidaresp 3.4s ease-in-out infinite}
.vida-orb::before{content:"";position:absolute;left:6px;top:4px;width:11px;height:5px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));transform:rotate(-16deg)}
.vida-orb i{position:absolute;top:12px;width:4px;height:5px;border-radius:50%;background:#2a2540;animation:vidaparp 4.2s infinite}
.vida-orb i:first-of-type{left:9px}
.vida-orb i:last-of-type{right:9px}
@keyframes vidaresp{50%{transform:scale(1.07) translateY(-1px)}}
@keyframes vidaparp{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.vida-pill.off .vida-orb{background:linear-gradient(150deg,#f3f4f6,#9ca3af 50%,#4b5563);animation-duration:6s}
.vida-pill.off .vida-orb i{animation:none;transform:scaleY(.12)}
.vida-orb .vida-st{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff;animation:vidaring 1.6s infinite}
.vida-pill.off .vida-st{background:#9ca3af;animation:none}

/* ---------- HÉROE ---------- */
.cb-heroe{position:relative;padding:72px var(--cb-lado) 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.cb-sello{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--cb-suave);color:var(--cb-mar);font-size:14px;font-weight:600}
.cb-sello i{width:8px;height:8px;border-radius:50%;background:var(--cb-agua);flex:none}
.cb-heroe h1{margin:0;display:flex;flex-direction:column;gap:4px}
.cb-heroe__voz{font-family:var(--cb-voz);font-style:italic;font-weight:500;font-size:clamp(38px,4.8vw,68px);letter-spacing:-.01em;line-height:1.05;color:var(--cb-mar)}
.cb-heroe__fuerte{font-weight:700;font-size:clamp(38px,4.9vw,70px);line-height:1.05;letter-spacing:-.035em;color:var(--cb-tinta)}
.cb-heroe__txt{margin:0;max-width:700px;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--cb-texto)}
.cb-heroe__btns{display:flex;gap:14px 22px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:6px}
.cb-heroe__ok{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--cb-gris)}
.cb-heroe__nota{position:absolute;right:max(24px,calc(var(--cb-lado) + 30px));top:120px;transform:rotate(-6deg);font-family:var(--cb-mano);font-size:30px;line-height:1.05;color:var(--cb-coral);text-align:left;display:flex;flex-direction:column;align-items:flex-start}

/* ---------- ABANICO DE CARAS ---------- */
.cb-abanico{height:470px;margin-top:40px;display:flex;align-items:center;justify-content:center;gap:18px;perspective:1400px;padding:0 16px}
.cb-cara{flex:none;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 18px 40px rgba(0,59,92,.12);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.cb-cara svg{display:block}
.cb-cara__tag{margin:14px;align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.85);font-size:12px;font-weight:600}
.cb-cara--1{width:190px;height:360px;border-radius:22px}
.cb-cara--2{width:170px;height:300px;border-radius:20px}
.cb-cara--3{width:150px;height:250px;border-radius:18px}
.cb-cara--4{width:150px;height:235px;border-radius:18px}
.cb-cara--3 .cb-cara__tag,.cb-cara--4 .cb-cara__tag{margin:12px}
.cb-cara img{width:100%;height:100%;object-fit:cover}

/* ---------- 3 PROMESAS ---------- */
.cb-promesas{padding:36px var(--cb-lado) 64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px;margin:0 auto}
.cb-promesa{padding:8px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.cb-promesa + .cb-promesa{border-left:1px solid #C5E1EE}
.cb-promesa h3{margin:0;font-size:22px;font-weight:700}
.cb-promesa p{margin:0;font-size:16px;line-height:1.55;color:var(--cb-gris)}

/* ---------- HERRAMIENTAS ---------- */
.cb-herr{background:#fff;border-top:1px solid var(--cb-linea);border-bottom:1px solid var(--cb-linea)}
.cb-herr__cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:48px;flex-wrap:wrap}
.cb-herr__cab > div{display:flex;flex-direction:column;gap:12px}
.cb-herr__cab p{margin:0;max-width:420px;font-size:18px;line-height:1.55;color:var(--cb-gris)}
.cb-rejilla4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.cb-tarjeta{background:var(--cb-fondo);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--cb-linea)}
.cb-tarjeta__cab{display:flex;gap:12px;align-items:center}
.cb-tarjeta__ico{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.cb-tarjeta__nom{display:flex;flex-direction:column}
.cb-tarjeta__nom b{font-weight:700;font-size:21px}
.cb-tarjeta__nom span{font-size:13px;color:var(--cb-gris)}
.cb-tarjeta__frase{margin:0;font-family:var(--cb-voz);font-style:italic;font-weight:500;font-size:23px;line-height:1.25;color:var(--cb-tinta)}
.cb-tarjeta__mini{background:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px;border:1px solid var(--cb-linea)}
.cb-tarjeta__fila{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:8px}
.cb-etq{padding:3px 9px;border-radius:999px;font-weight:600;font-size:13px}
.cb-tarjeta__txt{margin:0;font-size:15px;line-height:1.5;color:var(--cb-texto)}
.cb-tarjeta__pie{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.cb-tarjeta__precio{font-size:15px;color:var(--cb-tinta)}

/* ---------- EL EQUIPO ---------- */
.cb-equipo__cab{margin-bottom:44px}
.cb-equipo__cab .cb-lead{max-width:620px}
.cb-persona{background:#fff;border:1px solid var(--cb-linea);border-radius:28px;padding:30px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transition:transform .3s ease,box-shadow .3s ease}
.cb-persona:hover{transform:translateY(-6px);box-shadow:0 22px 40px -18px rgba(0,59,92,.35)}
.cb-persona__foto{position:relative;width:112px;height:112px;border-radius:26px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.cb-persona__foto > span{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:999px;background:#fff;font-size:10px;font-weight:700;color:var(--cb-gris)}
.cb-estado{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;border:3px solid #fff;background:#22C55E;animation:vidaring 1.6s infinite}
.cb-off .cb-estado{background:#9CA3AF;animation:none}
.cb-persona strong{font-size:21px;color:var(--cb-mar)}
.cb-persona__rol{font-size:15px;font-weight:600}
.cb-persona__frase{font-family:var(--cb-voz);font-style:italic;font-weight:500;font-size:16px;line-height:1.5;color:var(--cb-gris);min-height:72px}
.cb-persona__hoy{align-self:stretch;margin-top:6px;padding-top:14px;border-top:1px solid var(--cb-linea);display:flex;justify-content:center;gap:8px;font-size:14px}
.cb-persona__hoy span{color:var(--cb-gris)}
.cb-persona__hoy strong{font-size:14px;color:var(--cb-equipos)}
.cb-off .cb-persona__hoy strong{color:var(--cb-gris)}
[data-abierto] .cb-si-off,[data-cerrado] .cb-si-on{display:none}

/* ---------- NUNCA SOLO (chat de ejemplo) ---------- */
.cb-solo{background:var(--cb-mar)}
.cb-solo .cb-in{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.cb-solo__txt{display:flex;flex-direction:column;gap:22px}
.cb-solo .cb-rotulo{color:var(--cb-arena)}
.cb-solo .cb-h2{color:#fff;font-size:clamp(32px,4vw,50px);line-height:1.08}
.cb-solo .cb-h2 .cb-voz{color:#7FD6F5}
.cb-solo .cb-lead{color:var(--cb-celeste);line-height:1.6}
.cb-punto{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.cb-punto__ico{width:48px;height:48px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center}
.cb-punto > span:last-child{display:flex;flex-direction:column;gap:3px}
.cb-punto strong{font-size:17px;color:#fff}
.cb-punto small{font-size:14px;color:var(--cb-celeste)}
.cb-chat{border-radius:30px;background:#fff;padding:26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);min-height:470px}
.cb-chat__cab{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--cb-linea);flex-wrap:wrap}
.cb-chat__quien{display:flex;gap:12px;align-items:center}
.cb-chat__foto{position:relative;width:48px;height:48px;border-radius:14px;background:#C6F0E6;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--cb-gris);flex:none}
.cb-chat__foto .cb-estado{width:13px;height:13px;border-width:2px;right:-3px;bottom:-3px}
.cb-chat__quien > span:last-child{display:flex;flex-direction:column}
.cb-chat__quien strong{font-size:17px;color:var(--cb-mar)}
.cb-chat__quien small{font-size:13px;color:var(--cb-equipos);font-weight:600}
.cb-chat__ej{padding:6px 12px;border-radius:999px;background:var(--cb-fondo);border:1px solid var(--cb-linea);font-size:12px;font-weight:700;color:var(--cb-gris)}
.cb-chat__msgs{flex-grow:1;display:flex;flex-direction:column;gap:12px}
.cb-msg{max-width:78%;padding:12px 16px;font-size:15px;line-height:1.45;transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.cb-msg--el{align-self:flex-start;border-radius:18px 18px 18px 4px;background:var(--cb-fondo);border:1px solid var(--cb-linea);color:var(--cb-tinta)}
.cb-msg--yo{align-self:flex-end;border-radius:18px 18px 4px 18px;background:var(--cb-accion);color:#fff}
/* 🔑 Los mensajes se ESCONDEN desde el JS (clase en el contenedor), no desde el HTML:
   si caribe.js no carga, la conversación se ve completa en vez de vacía. */
.cb-chat--vivo .cb-msg{opacity:0;transform:translateY(10px);height:0;padding-top:0;padding-bottom:0;margin:-6px 0;overflow:hidden}
.cb-chat--vivo .cb-msg.ve{opacity:1;transform:none;height:auto;padding-top:12px;padding-bottom:12px;margin:0;overflow:visible}
.cb-escribe{align-self:flex-start;display:none;gap:5px;padding:14px 16px;border-radius:18px 18px 18px 4px;background:var(--cb-fondo);border:1px solid var(--cb-linea)}
.cb-escribe.ve{display:flex}
.cb-escribe i{width:8px;height:8px;border-radius:50%;background:var(--cb-gris);animation:cbPuntito 1.1s infinite}
.cb-escribe i:nth-child(2){animation-delay:.15s}
.cb-escribe i:nth-child(3){animation-delay:.3s}
@keyframes cbPuntito{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.cb-chat__caja{display:flex;gap:10px}
.cb-chat__caja span:first-child{flex-grow:1;padding:15px 18px;border-radius:16px;background:var(--cb-fondo);border:1px solid var(--cb-linea);font-size:15px;color:var(--cb-gris)}
.cb-chat__caja span:last-child{width:52px;height:52px;border-radius:16px;background:var(--cb-accion);display:flex;align-items:center;justify-content:center;flex:none}

/* ---------- MARKETING ---------- */
.cb-mkt .cb-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.cb-mkt__txt{display:flex;flex-direction:column;gap:22px}
.cb-mkt .cb-rotulo{color:var(--cb-coral)}
.cb-mkt .cb-h2{font-size:clamp(32px,4vw,50px)}
.cb-mkt .cb-lead{line-height:1.6}
.cb-planes{display:flex;flex-direction:column;gap:12px}
.cb-plan{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid var(--cb-linea);color:var(--cb-tinta)}
.cb a.cb-plan{color:var(--cb-tinta);transition:transform .25s ease,box-shadow .25s ease}
.cb a.cb-plan:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px rgba(0,59,92,.45)}
.cb-plan > span:first-child{display:flex;flex-direction:column}
.cb-plan b{font-weight:700;font-size:19px}
.cb-plan small{font-size:14px;color:var(--cb-gris)}
.cb-plan > span:last-child{font-size:17px;white-space:nowrap}
.cb a.cb-plan--fuerte,.cb-plan--fuerte{background:var(--cb-mar);color:#fff;border-color:var(--cb-mar)}
.cb-plan--fuerte small{color:var(--cb-celeste)}
.cb-planes__nota{font-size:14px;color:var(--cb-gris)}
.cb-mkt__media{display:flex;flex-direction:column;gap:14px}
.cb-pantalla{aspect-ratio:16/10;border-radius:28px;background:var(--cb-mar);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cb-pantalla video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cb-pantalla__fondo{position:absolute;left:32px;top:32px;right:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;opacity:.35}
.cb-pantalla__fondo i{height:70px;border-radius:12px}
.cb-pantalla__play{width:96px;height:96px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2;box-shadow:0 18px 40px -12px rgba(0,0,0,.5)}
.cb-pantalla__rot{position:absolute;left:32px;bottom:28px;right:32px;color:#fff;font-size:17px;font-weight:600;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.cb-pantalla.juega .cb-pantalla__play,.cb-pantalla.juega .cb-pantalla__rot{display:none}
.cb-mkt__nota{font-family:var(--cb-mano);font-size:27px;color:var(--cb-coral);align-self:flex-end;transform:rotate(-3deg)}

/* ---------- RED AMIGA (próximamente) ---------- */
.cb-red{padding:96px var(--cb-lado) 0}
.cb-red__caja{max-width:1200px;margin:0 auto;border-radius:34px;background:var(--cb-mar);padding:50px 56px;display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.cb-red__txt{display:flex;flex-direction:column;gap:16px}
.cb-red__etq{align-self:flex-start;padding:6px 14px;border-radius:999px;background:var(--cb-arena);color:#3F3A1F;font-size:12px;font-weight:800;letter-spacing:.08em}
.cb-red h2{margin:0;font-weight:700;font-size:clamp(30px,3.2vw,40px);line-height:1.1;letter-spacing:-.025em;color:#fff}
.cb-red h2 .cb-voz{color:#7FD6F5}
.cb-red p{margin:0;font-size:17px;line-height:1.6;color:var(--cb-celeste)}
.cb-red__ej{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.3);font-size:15px;line-height:1.55;color:#E4F3FA}
.cb-red__ej strong{color:var(--cb-arena)}
.cb .cb-red .cb-btn--blanco{align-self:flex-start;padding:14px 24px;background:#fff;color:var(--cb-mar);font-weight:700;font-size:16px}
.cb .cb-red .cb-btn--blanco:hover{color:var(--cb-mar)}
.cb-red__pasos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cb-red__paso{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.cb-red__paso i{width:32px;height:32px;border-radius:50%;background:var(--cb-arena);color:var(--cb-mar);font-weight:800;font-size:14px;font-style:normal;display:flex;align-items:center;justify-content:center}
.cb-red__paso strong{font-size:16px;color:#fff}
.cb-red__paso span{font-size:14px;line-height:1.5;color:var(--cb-celeste)}

/* ---------- TESTIMONIOS (reservados) ---------- */
.cb-testi{padding:96px var(--cb-lado) 0}
.cb-testi .cb-centro{margin-bottom:40px}
.cb-rejilla3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cb-reservado{background:#fff;border:1.5px dashed var(--cb-celeste);border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:18px;min-height:280px}
.cb-reservado > span:first-child{align-self:flex-start;padding:5px 11px;border-radius:999px;background:var(--cb-fondo);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--cb-gris)}
.cb-reservado__cita{font-family:var(--cb-voz);font-style:italic;font-weight:500;font-size:19px;line-height:1.5;color:var(--cb-texto);flex-grow:1}
.cb-reservado__quien{display:flex;gap:14px;align-items:center;padding-top:16px;border-top:1px solid var(--cb-linea)}
.cb-reservado__quien > span:first-child{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--cb-gris);flex:none}
.cb-reservado__quien > span:last-child{display:flex;flex-direction:column}
.cb-reservado__quien strong{font-size:16px;color:var(--cb-mar)}
.cb-reservado__quien small{font-size:13px;color:var(--cb-gris)}

/* ---------- CIERRE (con Ami sentada) ---------- */
.cb-cierre{padding:196px var(--cb-lado) 96px}
.cb-cierre__caja{max-width:1200px;margin:0 auto;border-radius:36px;background:var(--cb-mar);padding:72px 80px;display:flex;justify-content:space-between;align-items:center;gap:48px;position:relative}
.cb-cierre__txt{display:flex;flex-direction:column;gap:16px;max-width:700px}
.cb-cierre h2{margin:0;font-weight:700;letter-spacing:-.025em;font-size:clamp(32px,4vw,48px);line-height:1.1;color:#fff}
.cb-cierre p{margin:0;font-size:19px;line-height:1.55;color:var(--cb-celeste)}
.cb-cierre__btns{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:330px}
.cb .cb-cierre .cb-btn--cta{padding:18px 26px;font-weight:700;font-size:17px}
.cb .cb-cierre .cb-btn--borde{padding:16px 26px;border-color:var(--cb-celeste);color:#fff;font-size:16px}
.cb .cb-cierre .cb-btn--borde:hover{background:#fff;color:var(--cb-mar);border-color:#fff}
.cb-cierre__nota{font-size:14px;color:var(--cb-celeste);text-align:center}
.globo-ami{position:absolute;right:330px;top:-112px;padding:10px 16px;border-radius:15px 15px 4px 15px;font-weight:600;font-size:15px;color:var(--cb-mar);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 26px -12px rgba(0,59,92,.35)}

/* ---------- CÓMO TRABAJAMOS ---------- */
.cb-como{background:var(--cb-suave)}
.cb-como .cb-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.cb-como__foto{height:520px;border-radius:32px;background:#FFE6A8;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.cb-como__foto > span{margin:20px;align-self:flex-start;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.9);font-size:14px;font-weight:600;color:var(--cb-mar)}
.cb-como__foto img{width:100%;height:100%;object-fit:cover}
.cb-como__txt{display:flex;flex-direction:column;gap:26px}
.cb-como .cb-rotulo{color:var(--cb-mar)}
.cb-como .cb-h2{font-size:clamp(32px,4vw,48px)}
.cb-pasos{display:flex;flex-direction:column;gap:18px}
.cb-paso{display:flex;gap:18px;align-items:flex-start}
.cb-paso > i{flex:none;width:44px;height:44px;border-radius:50%;background:var(--cb-mar);color:#fff;font-weight:700;font-size:18px;font-style:normal;display:flex;align-items:center;justify-content:center}
.cb-paso:last-child > i{background:var(--cb-accion)}
.cb-paso > span{display:flex;flex-direction:column;gap:4px}
.cb-paso strong{font-size:19px}
.cb-paso small{font-size:16px;line-height:1.5;color:var(--cb-texto)}

/* ---------- PIE ---------- */
.cb-pie{padding:44px var(--cb-lado);border-top:1px solid var(--cb-linea)}
.cb-pie__in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap}
.cb-pie__marca{display:flex;align-items:center;gap:12px}
.cb-pie__marca > span{display:flex;flex-direction:column;font-size:13px;color:var(--cb-gris);line-height:1.5}
.cb-pie__marca strong{font-size:15px;color:var(--cb-mar)}
.cb-pie nav{display:flex;gap:10px 28px;font-size:15px;flex-wrap:wrap}

/* ==========================================================================
   AMI · el MISMO componente .gum del portal y de Moda Mujer, color CEREZA.
   Copiado del diseño aprobado (que a su vez lo copió de modamujer.online).
   ========================================================================== */
.gum{
  --ink:#2A2540;--esmeralda:#3FAE8C;--esmeralda-deep:#2B8A6D;
  --ease-smooth:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);
  --font-display:var(--cb-font);--font-mono:var(--cb-font);
  position:fixed;z-index:300;width:78px;height:74px;right:34px;bottom:30px;
  cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
  --g1:rgba(255,255,255,.42);--g2:rgba(210,4,45,.62);--g3:rgba(128,0,32,.85);
  --gdeep:rgba(128,0,32,.20);--gring:rgba(210,4,45,.42);--gsh:rgba(128,0,32,.35);
  translate:var(--rx,0px) var(--ry,0px);
  transition:translate .35s var(--ease-spring);
}
.gum.poke .gum__wob{animation:gumpoke .65s var(--ease-smooth)}
@keyframes gumpoke{0%{transform:scale(1)}28%{transform:scale(.95,.9) rotate(-2deg)}52%{transform:scale(1.05,.97) rotate(1.5deg)}74%{transform:scale(.98,1.03)}100%{transform:scale(1)}}
.gum.poked .gum__wob{animation:gumpoked .8s var(--ease-smooth)}
@keyframes gumpoked{0%{transform:scale(1)}18%{transform:scale(.8,.7) rotate(-3deg)}42%{transform:scale(1.12,1.07) rotate(2deg)}62%{transform:scale(.94,.98) rotate(-1deg)}80%{transform:scale(1.04,1.02)}100%{transform:scale(1)}}
.gum.squint .gum__eye{animation:squintk .55s var(--ease-smooth)}
@keyframes squintk{0%{transform:scaleY(1)}25%{transform:scaleY(.12)}60%{transform:scaleY(1.25)}100%{transform:scaleY(1)}}
.gum.giggle .gum__wob{animation:giggle 1s ease-in-out}
@keyframes giggle{0%,100%{transform:rotate(0)}10%{transform:rotate(-4deg) scale(.98,1.02)}22%{transform:rotate(4deg) scale(1.02,.98)}34%{transform:rotate(-3.5deg)}46%{transform:rotate(3deg) scale(.99,1.01)}58%{transform:rotate(-2.5deg)}70%{transform:rotate(2deg)}82%{transform:rotate(-1deg)}92%{transform:rotate(.5deg)}}
.gum.happy .gum__eye{height:6px;width:11px;background:transparent;border:2.4px solid var(--ink);border-bottom:none;border-radius:50% 50% 0 0;animation:none;top:33px}
.gum.happy .gum__eye::after{display:none}
.gum__jiji{position:absolute;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;color:var(--esmeralda-deep);pointer-events:none;opacity:0;animation:jijirise 1.3s var(--ease-smooth) forwards}
@keyframes jijirise{0%{opacity:0;transform:translateY(4px) rotate(var(--jr,0deg)) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-30px) rotate(var(--jr,0deg)) scale(1.05)}}
.gum__splash{position:absolute;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--gring);pointer-events:none;transform:translate(-50%,-50%) scale(.3);opacity:.8;animation:gsplash .7s var(--ease-smooth) forwards}
@keyframes gsplash{100%{transform:translate(-50%,-50%) scale(2.4);opacity:0}}
.gum__wob{position:absolute;inset:0;transform-origin:50% 85%}
.gum__body{position:absolute;inset:0;background:linear-gradient(150deg,var(--g1) 0%,var(--g2) 38%,var(--g3) 100%);backdrop-filter:blur(5px) saturate(1.25);-webkit-backdrop-filter:blur(5px) saturate(1.25);border:1px solid rgba(255,255,255,.55);border-radius:47% 53% 51% 49% / 57% 55% 45% 43%;box-shadow:0 14px 30px -12px var(--gsh),inset 0 -10px 16px var(--gdeep),inset 0 8px 12px rgba(255,255,255,.35);animation:jelly 9s ease-in-out infinite;transition:background .5s,box-shadow .5s}
@keyframes jelly{0%,100%{border-radius:47% 53% 51% 49% / 57% 55% 45% 43%}33%{border-radius:53% 47% 49% 51% / 47% 53% 55% 45%;transform:scaleY(1.02)}66%{border-radius:50% 50% 54% 46% / 54% 46% 46% 54%;transform:scaleX(1.02)}}
.gum__shine{position:absolute;left:15px;top:9px;width:26px;height:13px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));filter:blur(1.5px);transform:rotate(-16deg);opacity:.9}
.gum__shine--dot{left:auto;right:17px;top:16px;width:7px;height:7px;filter:blur(.5px);transform:none;background:rgba(255,255,255,.8)}
.gum__gold{position:absolute;left:18%;right:18%;bottom:3px;height:5px;border-radius:50%;background:radial-gradient(50% 100% at 50% 100%, rgba(198,154,60,.4), transparent 75%);filter:blur(1px)}
.gum__eye{position:absolute;top:31px;width:9px;height:11px;border-radius:50%;background:var(--ink);animation:blink 5s infinite}
.gum__eye--l{left:24px}
.gum__eye--r{right:24px;animation-delay:.07s}
@keyframes blink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}
.gum__eye::after{content:"";position:absolute;right:1.5px;top:1.5px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.95)}
.gum__eyes{position:absolute;inset:0;transition:transform .18s var(--ease-smooth)}
.gum__shadow{position:absolute;left:50%;bottom:-8px;width:52px;height:8px;margin-left:-26px;border-radius:50%;background:rgba(6,86,64,.14);filter:blur(3px);animation:shsync 9s ease-in-out infinite}
@keyframes shsync{33%{transform:scaleX(1.05)}66%{transform:scaleX(.95)}}
.gum__ring{position:absolute;inset:-4px;border-radius:50%;pointer-events:none;border:1.5px solid var(--gring);animation:gring 1.7s var(--ease-smooth) forwards}
@keyframes gring{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.gum.wiggle .gum__body{animation:jelly 9s ease-in-out infinite, wig .8s var(--ease-spring)}
@keyframes wig{25%{transform:rotate(-5deg) scaleY(1.05)}55%{transform:rotate(4deg) scaleX(1.05)}80%{transform:rotate(-1.5deg)}}
.gum__bubble{position:absolute;bottom:calc(100% + 12px);right:-4px;white-space:nowrap;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink);padding:9px 15px;border-radius:15px 15px 4px 15px;box-shadow:0 12px 26px -12px rgba(42,37,64,.25);opacity:0;transform:translateY(8px) scale(.85);transform-origin:bottom right;transition:opacity .35s,transform .45s var(--ease-spring);pointer-events:none}
.gum__bubble.show{opacity:1;transform:none}
.gum:hover .gum__eye{animation:squintk .55s var(--ease-smooth)}
.vida-gumst{position:absolute;right:6px;bottom:8px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:3px solid #fff;z-index:3;pointer-events:none;animation:vidaring 1.6s infinite}
.vida-gumst.off{background:#9ca3af;animation:none}
/* Ami grande, sentada sobre el borde del cierre (ojos felices) */
.gum.gum--sentada{position:absolute;top:-68px;right:190px;bottom:auto;transform:scale(1.9);transform-origin:50% 100%;z-index:2}
.gum--sentada .gum__shadow{background:rgba(0,0,0,.28)}

.gchat{
  --ink:#2A2540;--esmeralda-deep:#9B0A2E;
  --ease-smooth:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);
  position:fixed;z-index:290;right:26px;bottom:124px;
  width:min(320px,calc(100vw - 52px));
  background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.7);border-radius:22px 22px 6px 22px;
  box-shadow:0 30px 60px -20px rgba(42,37,64,.3);
  overflow:hidden;transform-origin:bottom right;
  transform:scale(.6) translateY(16px);opacity:0;pointer-events:none;visibility:hidden;
  transition:transform .5s var(--ease-spring),opacity .35s,visibility 0s .35s;
}
.gchat.open{transform:none;opacity:1;pointer-events:auto;visibility:visible;transition:transform .5s var(--ease-spring),opacity .35s,visibility 0s}
.gchat__head{display:flex;align-items:center;gap:12px;padding:15px 17px;background:linear-gradient(140deg,rgba(210,4,45,.9),rgba(128,0,32,.94));color:#fff}
.gchat__head b{font-size:.95rem;display:block;line-height:1.15}
.gchat__head small{font-size:.66rem;letter-spacing:.1em;opacity:.85}
.gchat__close{margin-left:auto;width:29px;height:29px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.16);color:#fff;font-size:1rem;line-height:1;transition:transform .4s var(--ease-spring)}
.gchat__close:hover{transform:rotate(90deg)}
.gchat__body{padding:15px;display:grid;gap:8px}
.cb a.gchat__chip,.gchat__chip{font-size:.72rem;letter-spacing:.05em;text-align:left;padding:11px 15px;border-radius:13px;cursor:pointer;border:1px solid rgba(210,4,45,.3);background:rgba(255,255,255,.8);color:var(--esmeralda-deep);transition:all .3s var(--ease-spring);text-decoration:none;display:flex;justify-content:space-between;align-items:center;font-weight:600}
.gchat__chip:hover{transform:translateX(4px);background:rgba(210,4,45,.06)}
.gchat__chip:active{transform:scale(.96)}

/* ==========================================================================
   PANTALLAS MEDIANAS Y CELULAR
   (el diseño aprobado es de escritorio; esto lo ordena en columna sin cambiar
   textos ni colores — pendiente su visto bueno con capturas reales)
   ========================================================================== */
@media (max-width:1180px){
  .cb-nav{gap:20px;font-size:15px}
  .cb-rejilla4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cb-heroe__nota{display:none}
  .cb-cierre__caja{flex-direction:column;align-items:flex-start;padding:64px 48px 48px}
  .cb-cierre__btns{min-width:0;width:100%;max-width:420px}
  .gum.gum--sentada{right:120px}
  .globo-ami{right:250px}
}
@media (max-width:980px){
  .cb-nav{display:none}
  .cb-menu-btn{display:flex}
  .cb-cab.abierto .cb-nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--cb-linea);padding:8px var(--cb-lado) 16px;box-shadow:0 20px 40px -20px rgba(0,59,92,.35)}
  .cb-cab.abierto .cb-nav a{padding:14px 0;border-bottom:1px solid var(--cb-linea)}
  .cb-cab.abierto .cb-nav a:last-child{border-bottom:0}
  .cb-solo .cb-in,.cb-mkt .cb-in,.cb-como .cb-in,.cb-red__caja{grid-template-columns:1fr;gap:44px}
  .cb-rejilla3{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .cb-promesas{grid-template-columns:1fr;gap:28px}
  .cb-promesa + .cb-promesa{border-left:0;border-top:1px solid #C5E1EE;padding-top:28px}
  .cb-abanico{height:380px;gap:12px}
  .cb-cara--1{display:none}
  .cb-como__foto{height:380px}
}
@media (max-width:720px){
  .cb-sec{padding:64px var(--cb-lado)}
  .cb-cab__in{height:70px;gap:10px}
  .cb-logo svg{width:34px;height:34px}
  .cb-logo__img{height:36px}
  .cb-logo__nombre{font-size:22px}
  .cb-logo__lema{display:none}
  .cb-cab__acc .cb-btn--borde{display:none}
  .vida-pill{margin-left:0}
  .vida-reloj{display:none}
  .vida-cinta{font-size:12.5px}
  .cb-heroe{padding-top:44px}
  .cb-heroe__btns{flex-direction:column}
  .cb .cb-btn--grande{padding-left:22px;font-size:16px}
  .cb-abanico{height:300px;gap:8px;perspective:900px}
  .cb-cara--2{display:none}
  .cb-cara--3{width:104px;height:180px}
  .cb-cara--4{width:112px;height:176px}
  .cb-cara svg{width:100%;height:auto}
  .cb-cara__tag{margin:10px!important;font-size:10px;padding:3px 8px}
  .cb-promesas{padding-bottom:40px}
  .cb-promesa{padding:8px 0}
  .cb-rejilla4{grid-template-columns:1fr}
  .cb-herr__cab{margin-bottom:32px}
  .cb-chat{padding:18px;min-height:0}
  .cb-msg{max-width:88%}
  .cb-plan{padding:16px 18px}
  .cb-red{padding-top:64px}
  .cb-red__caja{padding:36px 22px;border-radius:26px}
  .cb-red__pasos{grid-template-columns:1fr}
  .cb-testi{padding-top:64px}
  .cb-cierre{padding:150px var(--cb-lado) 64px}
  .cb-cierre__caja{padding:56px 24px 32px;border-radius:28px}
  .cb-cierre p{font-size:17px}
  .gum.gum--sentada{right:40px;top:-60px;transform:scale(1.5)}
  .globo-ami{right:auto;left:20px;top:-78px;font-size:14px}
  .cb-como__foto{height:300px}
  .gum{right:16px;bottom:18px}
  .gchat{right:12px;bottom:108px}
  .cb-pie__in{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .vida-cinta::after,.vida-punto,.vida-msg,.vida-pill,.vida-orb,.vida-orb i,.vida-st,.vida-gumst,.cb-estado,.cb-video__play,.cb-escribe i{animation:none!important}
  html{scroll-behavior:auto}
}

/* ==========================================================================
   PÁGINAS DE PRODUCTO (diseño aprobado 26-sep-2026: 2_Herramientas/Prod*.dc.html)
   ========================================================================== */
.cb .cb-btn--alto{padding:17px 26px;font-size:17px}
.cb-pheroe{padding:70px var(--cb-lado) 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.cb-pheroe__chip{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;background:#fff;border:1px solid var(--cb-linea);font-size:14px;font-weight:600;color:var(--cb-mar);flex-wrap:wrap;justify-content:center}
.cb-pheroe__chip > span{padding:3px 10px;border-radius:999px;font-weight:700}
.cb-pheroe h1{margin:0;display:flex;flex-direction:column;gap:2px;max-width:1060px}
.cb-pheroe__voz{font-family:var(--cb-voz);font-style:italic;font-weight:500;font-size:clamp(36px,4.2vw,60px);line-height:1.08;color:var(--cb-accion)}
.cb-pheroe__fuerte{font-weight:700;font-size:clamp(36px,4.6vw,66px);line-height:1.04;letter-spacing:-.035em;color:var(--cb-mar)}
.cb-pheroe__txt{margin:0;max-width:760px;font-size:clamp(17px,1.45vw,20px);line-height:1.55;color:var(--cb-texto)}
.cb-pheroe__precio{font-size:15px;font-weight:600;color:var(--cb-mar)}

.cb-escena{position:relative;height:560px;max-width:1200px;margin:44px auto 0;padding:0 var(--cb-lado)}
.cb-escena__pantalla{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(820px,calc(100% - 2*var(--cb-lado)));border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--cb-linea);box-shadow:0 40px 80px -40px rgba(0,59,92,.5)}
.cb-escena__pantalla video{display:block;width:100%;aspect-ratio:820/564;object-fit:cover}
.cb-flota{position:absolute;width:250px;border-radius:20px;padding:18px 20px;text-align:left;display:flex;flex-direction:column;gap:4px;animation:cbFlota 6s ease-in-out infinite;z-index:2}
.cb-flota strong{font-size:30px;line-height:1.1}
.cb-flota span,.cb-flota small{font-size:14px}
.cb-flota--1{left:var(--cb-lado);top:70px;background:#fff;border:1px solid var(--cb-linea);box-shadow:0 20px 40px -24px rgba(0,59,92,.45)}
.cb-flota--1 strong{color:var(--cb-mar)}
.cb-flota--1 span{color:var(--cb-texto)}
.cb-flota--2{right:var(--cb-lado);top:150px;background:var(--cb-mar);animation-duration:7s;animation-delay:1s}
.cb-flota--2 strong{color:#fff}
.cb-flota--2 span{color:var(--cb-celeste)}
.cb-flota--3{left:calc(var(--cb-lado) + 30px);top:330px;background:#fff;border:1px solid var(--cb-linea);box-shadow:0 20px 40px -24px rgba(0,59,92,.45);padding:16px 18px;flex-direction:row;gap:12px;align-items:center}
.cb-flota--3 > span:last-child{display:flex;flex-direction:column;gap:2px}
.cb-flota--3 strong{font-size:14px;color:var(--cb-mar)}
.cb-flota--3 small{font-size:13px;color:var(--cb-gris)}
.cb-flota__foto{position:relative;width:42px;height:42px;border-radius:12px;background:#C6F0E6;flex:none;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--cb-gris)}
.cb-flota__foto .cb-estado{width:12px;height:12px;border-width:2px;right:-3px;bottom:-3px}
@keyframes cbFlota{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.cb-trae{padding:54px var(--cb-lado) 0;display:flex;flex-direction:column;align-items:center;gap:18px}
.cb-trae > span{font-size:14px;color:var(--cb-gris)}
.cb-trae > div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:1200px}
.cb-trae__chip{padding:12px 22px;border-radius:999px;background:#fff;border:1px solid var(--cb-linea);font-weight:700;font-size:17px;color:var(--cb-mar)}
.cb-hechos{padding:50px var(--cb-lado) 0;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cb-hechos > div{border-radius:22px;background:#fff;border:1px solid var(--cb-linea);padding:24px 26px;display:flex;flex-direction:column;gap:6px}
.cb-hechos strong{font-size:40px;line-height:1;color:var(--cb-mar)}
.cb-hechos span{font-size:15px;line-height:1.4;color:var(--cb-texto)}

.cb-psec{padding-bottom:0}
.cb-psec__cab{margin-bottom:40px}
.cb-psec__cab .cb-lead{max-width:720px}
.cb-h2--p{font-size:clamp(32px,3.6vw,46px)}
.cb-clip{display:flex;flex-direction:column;gap:14px}
.cb-clip__marco{border-radius:22px;overflow:hidden;border:1px solid var(--cb-linea)}
.cb-clip__marco video{display:block;width:100%;aspect-ratio:16/11;object-fit:cover}
.cb-clip__marco--pend{aspect-ratio:16/11;background:#fff;border:1.5px dashed var(--cb-celeste);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--cb-gris);font-size:14px;font-weight:600}
.cb-clip strong{font-size:20px;color:var(--cb-mar)}
.cb-clip > span{font-size:15px;line-height:1.55;color:var(--cb-texto)}
.cb-galeria{margin-top:100px;background:var(--cb-suave);padding-top:80px;padding-bottom:80px}
.cb-rejilla3--gal{gap:26px 22px}
.cb-rejilla3--gal figure{margin:0;display:flex;flex-direction:column;gap:10px}
.cb-rejilla3--gal figure > div{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 36px -24px rgba(0,59,92,.45)}
.cb-rejilla3--gal img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.cb-rejilla3--gal figcaption{font-size:14px;font-weight:700;color:var(--cb-mar)}

.cb-norma{border-radius:22px;background:#fff;border:1px solid var(--cb-linea);padding:26px;display:flex;flex-direction:column;gap:10px}
.cb-norma i{font-style:normal;font-weight:800;font-size:28px;color:var(--cb-celeste)}
.cb-norma strong{font-size:18px;color:var(--cb-mar)}
.cb-norma span{font-size:14px;line-height:1.6;color:var(--cb-texto)}
.cb-apoyo{padding:100px var(--cb-lado) 0}
.cb-apoyo__caja{max-width:1200px;margin:0 auto;border-radius:34px;background:var(--cb-mar);padding:60px;display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:center}
.cb-apoyo__txt{display:flex;flex-direction:column;gap:16px}
.cb-apoyo h2{margin:0;font-weight:700;font-size:clamp(30px,3.2vw,42px);line-height:1.1;color:#fff}
.cb-apoyo h2 .cb-voz{color:#7FD6F5}
.cb-apoyo p{margin:0;font-size:17px;line-height:1.6;color:var(--cb-celeste)}
.cb-apoyo__datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cb-apoyo__datos > div{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.cb-apoyo__datos strong{font-size:26px;color:#fff}
.cb-apoyo__datos span{font-size:14px;color:var(--cb-celeste)}

.cb-cotiza{border-radius:30px;background:#fff;border:1px solid var(--cb-linea);padding:44px;display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:center}
.cb-cotiza > div:first-child{display:flex;flex-direction:column;gap:14px}
.cb-cotiza strong{font-size:30px;color:var(--cb-mar);line-height:1.2}
.cb-cotiza span{font-size:17px;line-height:1.6;color:var(--cb-texto)}
.cb-cotiza small{font-size:14px;font-weight:700;color:var(--cb-gris)}
.cb-cotiza__btns{display:flex;flex-direction:column;gap:12px;align-items:stretch}

.cb-reserva{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:24px;border-radius:24px;background:#fff;border:1.5px dashed var(--cb-celeste);font-family:var(--cb-voz);font-style:italic;font-size:17px;line-height:1.5;color:var(--cb-texto);min-height:150px}
.cb-reserva small{font-family:var(--cb-font);font-style:normal;font-size:13px;font-weight:600;color:var(--cb-gris)}
.cb-marcha{margin-top:100px;background:var(--cb-suave);padding-top:80px;padding-bottom:80px}
.cb-marcha .cb-in{display:flex;flex-direction:column;align-items:center;gap:36px}
.cb-marcha__pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
.cb-marcha__paso{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:#fff}
.cb-marcha__paso b{width:38px;height:38px;border-radius:50%;background:var(--cb-mar);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.cb-marcha__paso strong{font-size:18px;color:var(--cb-mar)}
.cb-marcha__paso span{font-size:14px;line-height:1.5;color:var(--cb-texto)}
.cb-marcha__nota{margin:0;font-size:14px;color:var(--cb-texto);text-align:center}

.cb-piegr{background:var(--cb-mar);color:var(--cb-celeste);padding:70px var(--cb-lado) 0;display:flex;flex-direction:column;gap:40px;overflow:hidden}
.cb-piegr__rej{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:40px;font-size:15px}
.cb-piegr__rej > div,.cb-piegr nav{display:flex;flex-direction:column;gap:10px}
.cb-piegr__lema{font-size:24px;color:#fff;line-height:1.25}
.cb-piegr nav strong{color:#fff}
.cb .cb-piegr a{color:var(--cb-celeste)}
.cb .cb-piegr a:hover{color:#fff}
.cb-piegr__marca{font-weight:800;font-size:clamp(110px,21vw,300px);line-height:.78;letter-spacing:-.06em;color:#0A4D74;text-align:center;margin-bottom:-.1em}

@media (max-width:980px){
  .cb-escena{height:auto;padding-bottom:10px}
  .cb-escena__pantalla{position:relative;left:auto;transform:none;width:100%}
  .cb-flota{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;margin-top:14px;animation:none}
  .cb-hechos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cb-apoyo__caja,.cb-cotiza{grid-template-columns:1fr}
  .cb-piegr__rej{grid-template-columns:1fr 1fr}
  .cb-piegr__rej > div:first-child{grid-column:1/-1}
}
@media (max-width:720px){
  .cb-heroe__ok{align-items:flex-start;text-align:left;max-width:340px}
  .cb-heroe__ok svg{flex:none;margin-top:2px}
  .cb-pheroe{padding-top:44px}
  .cb .cb-btn--alto{padding:15px 22px;font-size:16px}
  .cb-trae__chip{font-size:15px;padding:10px 16px}
  .cb-hechos{gap:12px}
  .cb-hechos > div{padding:18px}
  .cb-hechos strong{font-size:30px}
  .cb-galeria,.cb-marcha{margin-top:64px;padding-top:56px;padding-bottom:56px}
  .cb-rejilla3--gal{max-width:none}
  .cb-apoyo{padding-top:64px}
  .cb-apoyo__caja{padding:36px 22px;border-radius:26px}
  .cb-apoyo__datos{grid-template-columns:1fr 1fr}
  .cb-cotiza{padding:28px 22px}
  .cb-cotiza strong{font-size:24px}
  .cb-marcha__pasos{grid-template-columns:1fr}
  .cb-piegr__rej{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.cb-flota{animation:none}}

/* ---------- Planes (tarjetas del panel), versión dentro, ejemplos ---------- */
.cb-pheroe__ej{font-size:15px;color:var(--cb-gris)}
.cb-pheroe__ej a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cb-planesp{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:22px;align-items:stretch}
.cb-planp{position:relative;border-radius:26px;background:#fff;border:1px solid var(--cb-linea);padding:30px 26px;display:flex;flex-direction:column;gap:14px}
.cb-planp--dest{background:var(--cb-mar);border-color:var(--cb-mar)}
.cb-planp__sello{position:absolute;top:-13px;left:26px;padding:5px 12px;border-radius:999px;background:var(--cb-arena);color:#3F3A1F;font-size:11px;font-weight:800;letter-spacing:.06em}
.cb-planp__fam{font-size:14px;font-weight:700;color:var(--cb-gris)}
.cb-planp__nom{font-size:26px;color:var(--cb-mar)}
.cb-planp__desc{font-size:14px;color:var(--cb-gris)}
.cb-planp__precio{display:flex;align-items:baseline;gap:6px;color:var(--cb-mar)}
.cb-planp__precio strong{font-size:40px;letter-spacing:-.03em}
.cb-planp__precio span{font-size:15px}
.cb-planp__cobro{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--cb-gris)}
.cb-planp ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;flex-grow:1}
.cb-planp li{display:flex;gap:10px;font-size:14px;line-height:1.45;color:var(--cb-texto)}
.cb-planp li svg{flex:none;margin-top:2px}
.cb-planp .cb-btn{margin-top:8px;padding:14px 20px;font-weight:700}
.cb-planp--dest .cb-planp__fam,.cb-planp--dest .cb-planp__desc,.cb-planp--dest .cb-planp__cobro{color:var(--cb-celeste)}
.cb-planp--dest .cb-planp__nom,.cb-planp--dest .cb-planp__precio{color:#fff}
.cb-planp--dest li{color:#E4F3FA}
.cb-planesp__nota{margin:24px 0 0;text-align:center;font-size:14px;color:var(--cb-gris)}
.cb-subv{margin-top:100px;border-top:1px solid var(--cb-linea);border-bottom:1px solid var(--cb-linea)}
.cb-subv__gal{margin-top:40px}
.cb-subv__planes{margin-top:40px}
@media (max-width:980px){
  .cb-planesp{grid-template-columns:1fr;max-width:520px;margin:0 auto;gap:30px}
}
@media (max-width:720px){
  .cb-subv{margin-top:64px}
  .cb-planp__precio strong{font-size:34px}
}
.cb-incl{gap:16px}
.cb-incl > div{display:flex;gap:12px;align-items:flex-start;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--cb-linea);font-size:16px;font-weight:600;color:var(--cb-mar)}
.cb-incl svg{flex:none;margin-top:2px}
.cb-faq__fila{padding:22px 0;border-bottom:1px solid var(--cb-linea);display:grid;grid-template-columns:2fr 3fr;gap:30px}
.cb-faq__fila strong{font-size:18px;color:var(--cb-mar)}
.cb-faq__fila span{font-size:16px;line-height:1.6;color:var(--cb-texto)}
@media (max-width:1180px){.cb-planesp[style*="--n:4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.cb-planesp[style*="--n:4"]{grid-template-columns:1fr}.cb-incl{grid-template-columns:1fr 1fr!important;max-width:none}}
@media (max-width:720px){.cb-faq__fila{grid-template-columns:1fr;gap:8px}.cb-incl{grid-template-columns:1fr!important}}
.cb-planesp[style*="--n:4"] .cb-planp__precio strong{font-size:32px}
.cb-apoyo__datos > .cb-apoyo__ancho{grid-column:1/-1}
.cb-apoyo__datos > .cb-apoyo__res{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;background:none;border:0}
.cb-apoyo__res > div{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:20px;background:rgba(255,229,163,.12);border:1px solid rgba(255,229,163,.35)}
.cb-apoyo__res strong{font-size:26px;color:#FFE8A3}
.cb-apoyo__res span{font-size:14px;color:var(--cb-celeste)}
@media (max-width:720px){.cb-apoyo__datos > .cb-apoyo__res{grid-template-columns:1fr}}

/* ---------- Franja «menos que una suscripción de IA» (26-sep-2026) ---------- */
.cb-ia{background:var(--cb-fondo)}
.cb-ia__cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto}
.cb-ia__col{border-radius:26px;background:#fff;border:1px solid var(--cb-linea);padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.cb-ia__col--amiga{background:var(--cb-mar);border-color:var(--cb-mar);color:#fff;box-shadow:0 30px 60px -30px rgba(0,59,92,.6)}
.cb-ia__etq{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cb-gris)}
.cb-ia__col--amiga .cb-ia__etq{color:var(--cb-arena)}
.cb-ia__precio{font-size:34px;letter-spacing:-.02em;color:var(--cb-mar)}
.cb-ia__precio small{font-size:15px;font-weight:500;margin-left:6px;color:var(--cb-gris)}
.cb-ia__col--amiga .cb-ia__precio{color:#fff}
.cb-ia__col--amiga .cb-ia__precio small{color:var(--cb-celeste)}
.cb-ia__col ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.cb-ia__col li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45;color:var(--cb-texto)}
.cb-ia__col li i{font-style:normal;font-weight:700;color:#C9412F;flex:none;width:18px;text-align:center}
.cb-ia__col li svg{flex:none;margin-top:2px}
.cb-ia__col--amiga li{color:#E4F3FA}
.cb-ia__nota{margin:18px auto 0;max-width:980px;text-align:center;font-size:13px;color:var(--cb-gris)}
@media (max-width:720px){.cb-ia__cols{grid-template-columns:1fr}.cb-ia__precio{font-size:28px}}

/* ---------- Equipo y reseñas desde el panel (26-sep-2026) ---------- */
.cb-persona__foto img,.cb-chat__foto img,.cb-flota__foto img,.cb-reservado__quien img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cb-persona__foto{overflow:visible}
.cb-persona__foto img{border-radius:26px}
.cb-persona__ini{font-size:34px;font-weight:800}
.cb-reservado__quien > span:first-child{position:relative;overflow:hidden}
.cb-resena{border-style:solid;border-color:var(--cb-linea)}
.cb-resena__estrellas{color:#F2A93B;letter-spacing:2px;font-size:16px;font-style:normal}
.cb-chat__foto,.cb-flota__foto{overflow:visible}
.cb-chat__foto img,.cb-flota__foto img{border-radius:inherit}

/* 27-sep-2026 · PASTILLA CRISTALINA (gancho de venta en cada tarjeta): gelatina translúcida en el color del producto.
   Uso: <span class="cb-cristal" style="--c:#A83327">0 % comisión por venta</span> */
.cb-cristal{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;
  font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--c);
  background:radial-gradient(120% 160% at 26% 8%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 48%),
             linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,transparent),color-mix(in srgb,var(--c) 17%,transparent));
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -3px 7px color-mix(in srgb,var(--c) 12%,transparent),
             inset 0 0 0 1px color-mix(in srgb,var(--c) 20%,transparent),0 10px 20px -12px color-mix(in srgb,var(--c) 60%,transparent);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.cb-cristal::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}

/* 27-sep-2026 · PLANES con selector de periodo (píldora cristalina) */
.cb-planes{display:flex;flex-direction:column;align-items:center;gap:26px}
.cb-planes .cb-planesp{width:100%}
.cb-periodos{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--cb-linea);box-shadow:0 12px 26px -18px rgba(0,59,92,.45)}
.cb-periodos button{appearance:none;border:0;background:transparent;font:inherit;font-weight:700;font-size:15px;color:var(--cb-gris);padding:10px 20px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .2s,color .2s,box-shadow .2s}
.cb-periodos button:hover{color:var(--cb-mar)}
.cb-periodos button small{font-size:11.5px;font-weight:800;color:#0B6B56;background:#C6F0E6;padding:2px 7px;border-radius:999px}
.cb-periodos button[aria-selected="true"]{color:#fff;background:radial-gradient(120% 160% at 28% 8%,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#1b8fcc,#0077B6);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.18),0 8px 18px -8px rgba(0,119,182,.8)}
.cb-periodos button[aria-selected="true"] small{background:rgba(255,255,255,.25);color:#fff}
.cb-planp--no{opacity:.45}
@media (max-width:560px){.cb-periodos button{padding:9px 13px;font-size:13.5px}}

/* 27-sep-2026 · PÁGINA DE PLANES: 4 aplicativos, cada uno con su explicación y debajo sus planes */
.cb-planesg__cab{padding-bottom:28px}
.cb-planesg__ir{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.cb-planesg__ir a{text-decoration:none;font-weight:700;font-size:14.5px;color:var(--c);padding:9px 16px;border-radius:999px;
  background:radial-gradient(120% 160% at 26% 8%,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 50%),linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,#fff),color-mix(in srgb,var(--c) 15%,#fff));
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 0 0 1px color-mix(in srgb,var(--c) 20%,transparent),0 10px 20px -14px color-mix(in srgb,var(--c) 70%,transparent)}
.cb-planesg__app{scroll-margin-top:110px;border-top:1px solid var(--cb-linea)}
.cb-planesg__app:nth-of-type(even){background:linear-gradient(180deg,color-mix(in srgb,var(--t) 28%,#fff),#fff 60%)}
.cb-planesg__intro{display:flex;gap:22px;align-items:flex-start;max-width:860px;margin:0 auto 34px}
.cb-planesg__num{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;color:#fff;
  background:radial-gradient(120% 160% at 28% 10%,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 50%),var(--c);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),0 12px 22px -12px var(--c)}
.cb-planesg__etq{display:block;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:6px}
.cb-planesg__intro .cb-h2{margin:0 0 10px}
.cb-planesg__intro .cb-lead{margin:0 0 12px;text-align:left}
.cb-planesg__ver{font-weight:700;color:var(--c);text-decoration:none}
.cb-planesg__ver:hover{text-decoration:underline}
.cb-planesg__sub{margin-top:40px;padding:32px 28px;border-radius:30px;background:#fff;border:1px solid var(--cb-linea);box-shadow:0 30px 60px -44px rgba(0,59,92,.45)}
.cb-planesg__sub h3{margin:0 0 6px;text-align:center;font-size:clamp(22px,2.4vw,30px);color:var(--cb-mar)}
.cb-planesg__sub > p{margin:0 auto 22px;max-width:640px;text-align:center;color:var(--cb-gris)}
.cb-planesg__inc > div{background:#fff;border:1px solid var(--cb-linea);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:6px}
.cb-planesg__inc strong{color:var(--cb-mar)}
.cb-planesg__inc span{color:var(--cb-gris);font-size:14.5px;line-height:1.5}
.cb-planesg__mkt{text-align:center;margin-top:30px;color:var(--cb-gris)}
.cb-planesg__mkt a{font-weight:700;color:#0077B6}
@media (max-width:720px){.cb-planesg__intro{flex-direction:column;gap:12px}.cb-planesg__sub{padding:24px 14px}}
/* 27-sep-2026 · un solo plan (Esencial): una tarjeta del ancho normal, centrada */
.cb-planesp[style*="--n:1"]{grid-template-columns:minmax(0,420px);justify-content:center}

/* 27-sep-2026 · LOS DOLORES QUE SE ACABAN (cada producto) + franja de cierre con botón gelatina CEREZA */
.cb-dolores{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--t) 30%,#fff) 100%)}
.cb-dolores__rej{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto}
.cb-dolor{background:#fff;border:1px solid var(--cb-linea);border-radius:24px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 44px -34px rgba(0,59,92,.45);transition:transform .25s,box-shadow .25s}
.cb-dolor:hover{transform:translateY(-3px);box-shadow:0 30px 50px -32px rgba(0,59,92,.5)}
.cb-dolor p{margin:0;display:flex;gap:12px;align-items:flex-start;line-height:1.45}
.cb-dolor i{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;margin-top:-1px}
.cb-dolor__antes{color:#7d8f98;font-size:15px}
.cb-dolor__antes i{background:#FDE3E6;color:#C0213B}
.cb-dolor__ahora{color:var(--cb-mar);font-weight:700;font-size:16.5px}
.cb-dolor__ahora i{color:var(--c);background:radial-gradient(120% 160% at 28% 8%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 50%),var(--t);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent)}
.cb-cierre2{max-width:1040px;margin:34px auto 0;padding:28px 32px;border-radius:30px;display:flex;gap:28px;align-items:center;justify-content:space-between;
  background:radial-gradient(120% 140% at 12% 0%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 45%),linear-gradient(135deg,#003B5C,#0a567f);color:#fff;box-shadow:0 30px 60px -36px rgba(0,59,92,.75)}
.cb-cierre2__txt strong{display:block;font-size:clamp(19px,2vw,24px);line-height:1.32;font-weight:700}
.cb-cierre2__txt span{display:block;margin-top:10px;color:#cfe6f2;font-size:15px;line-height:1.5}
.cb-cierre2__btn{display:flex;flex-direction:column;align-items:center;gap:9px;flex:0 0 auto}
.cb-cierre2__btn small{color:#cfe6f2;font-size:13px;text-align:center;max-width:280px}
.cb-btn--cereza{color:#fff !important;border:0;
  background:radial-gradient(120% 160% at 28% 6%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 46%),linear-gradient(180deg,#e2284f 0%,#c2062f 55%,#8d0425 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(128,0,32,.35),inset 0 0 0 1.5px rgba(255,255,255,.16),0 18px 32px -14px rgba(160,0,40,.75);
  transition:transform .2s,box-shadow .2s}
.cb-btn--cereza:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -6px 12px rgba(128,0,32,.35),inset 0 0 0 1.5px rgba(255,255,255,.2),0 22px 36px -14px rgba(160,0,40,.85)}
.cb-btn--cereza .cb-btn__flecha{background:rgba(255,255,255,.22)}
@media (max-width:820px){.cb-dolores__rej{grid-template-columns:1fr}.cb-cierre2{flex-direction:column;text-align:center;padding:26px 20px}}
/* 27-sep-2026 · gancho de dolor (pregunta) en las tarjetas de la portada · aclaración de Coordinadora */
.cb-tarjeta__dolor{margin:0;font-size:14px;line-height:1.4;color:#8a4a57;font-weight:600;padding:8px 12px;border-radius:14px;background:#FDF0F2;border:1px solid #F7D9DF}
.cb-dolores__acl{text-align:center;margin:18px auto 0;color:var(--cb-gris);font-size:14.5px}
.cb-dolores__acl a{font-weight:700;color:#0077B6;text-decoration:none}
.cb-dolores__acl a:hover{text-decoration:underline}
/* 27-sep-2026 · tarjeta de AmigaEquipos en la portada: mini tablero de cumplimiento por área */
.cb-cumple{display:flex;flex-direction:column;gap:9px}
.cb-cumple__tit{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cb-gris)}
.cb-cumple__fila{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:8px;font-size:13px;color:var(--cb-texto)}
.cb-cumple__fila i{height:8px;border-radius:99px;background:#E6F0F4;overflow:hidden;display:block}
.cb-cumple__fila b{display:block;height:100%;border-radius:99px}
.cb-cumple__fila strong{font-size:12.5px;text-align:right}
/* 27-sep-2026 · pastilla de REGALO en el héroe (HSEQ: auditoría interna en el plan anual) — gelatina cereza suave */
.cb-regalo{display:inline-flex;align-items:center;gap:9px;margin:0;padding:9px 18px 9px 10px;border-radius:999px;font-weight:700;font-size:15.5px;color:#8d0425;
  background:radial-gradient(120% 160% at 26% 6%,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 50%),linear-gradient(180deg,rgba(210,4,45,.07),rgba(210,4,45,.15));
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(128,0,32,.10),inset 0 0 0 1px rgba(210,4,45,.18),0 12px 24px -14px rgba(160,0,40,.55)}
.cb-regalo i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 4px 10px -4px rgba(160,0,40,.45);font-size:16px}
/* 27-sep-2026 · tres garantías bajo los botones del inicio */
.cb-heroe__ok{flex-wrap:wrap;justify-content:center;gap:8px 22px}
.cb-heroe__ok > span{display:inline-flex;align-items:center;gap:7px}
.cb-heroe__ok > span:nth-child(2),.cb-heroe__ok > span:nth-child(3){color:var(--cb-mar);font-weight:600}
@media (max-width:720px){.cb-heroe__ok{flex-direction:column;align-items:flex-start;max-width:340px;gap:8px}}


/* ==========================================================================
   27-sep-2026 · MENÚ: «Cómo trabajamos» se partía en dos líneas en portátiles
   (1366 px con barra de desplazamiento, mientras cargaba la letra). Cada enlace en una sola línea.
   ========================================================================== */
.cb-nav a{white-space:nowrap}

/* ==========================================================================
   27-sep-2026 · PÁGINA «NOSOTROS» (caribe/nosotros.blade.php)
   ========================================================================== */
.cb-nos-cab{padding:72px var(--cb-lado,24px) 24px}
.cb-nos-rej{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1240px;margin:0 auto;padding:24px var(--cb-lado,24px) 72px}
.cb-nos-t{background:#fff;border:1px solid #D3E9F2;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 36px -26px rgba(0,59,92,.35)}
.cb-nos-t__ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#D8F1FB}
.cb-nos-t h3{font-family:'Lexend',system-ui,sans-serif;font-size:19px;color:#003B5C;margin:6px 0 0;letter-spacing:-.01em}
.cb-nos-t p{margin:0;color:#395A69;font-size:15.5px;line-height:1.6}
.cb-nos-real{background:#003B5C;color:#fff;padding:72px var(--cb-lado,24px)}
.cb-nos-real__in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:center}
.cb-nos-real h2{font-family:'Lexend',system-ui,sans-serif;font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:10px 0 14px;color:#fff;letter-spacing:-.025em}
.cb-nos-real h2 .cb-voz{color:#7FDCEB}
.cb-nos-real p{color:#CFE7F1;margin:0;font-size:16.5px;line-height:1.65}
.cb-nos-real .cb-rotulo{color:#7FDCEB}
.cb-nos-datos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
.cb-nos-datos div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 18px}
.cb-nos-datos dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7FDCEB;font-weight:700}
.cb-nos-datos dd{margin:6px 0 0;font-size:17px;font-weight:600;color:#fff}
.cb-nos-datos dd small{display:block;font-weight:400;font-size:13.5px;color:#CFE7F1;margin-top:3px}
.cb-nos-datos dd a{color:#fff}
@media (max-width:1100px){.cb-nos-rej{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-nos-real__in{grid-template-columns:1fr;gap:32px}}
@media (max-width:640px){.cb-nos-rej{grid-template-columns:1fr}.cb-nos-datos{grid-template-columns:1fr}.cb-nos-cab{padding-top:48px}}

/* 1-oct-2026 · identidad: logo con Ami al lado en el encabezado */
.cb-logo__img--lado{height:58px}
.cb-logo__lema--i{max-width:150px;line-height:1.3;padding-left:12px;border-left:2px solid #14A09B;color:var(--cb-mar);font-weight:500}
@media (max-width:1180px){.cb-logo__lema--i{display:none}}
@media (max-width:980px){.cb-logo .cb-logo__img--lado{height:44px}}

/* 4-oct-2026 · AUDITORÍA: las etiquetas de «Lo que hacemos por ti / Lo que trae» tenían forma de botón
   y no llevan a ninguna parte. Ahora se leen como lo que son: una lista con su visto bueno. */
.cb-trae__chip{display:inline-flex;align-items:center;gap:9px;padding:6px 6px;border:0;border-radius:0;background:transparent}
.cb-trae__chip::before{content:"✓";flex:none;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#00A896;color:#fff;font-size:12px;font-weight:700;line-height:1}
@media (max-width:760px){.cb-trae__chip{padding:5px 4px}}

/* 7-oct-2026 · Las tarjetas flotantes de la cabecera de cada ficha tapaban el titular de las PORTADAS nuevas
   (arte con texto, primera imagen del carrusel). En pantalla ancha se van al borde de la escena y solo rozan la
   imagen; entre 981 y 1180 px se ponen debajo de la imagen, en fila, como ya pasaba en el celular. */
@media (min-width:1181px){
  .cb-flota--1,.cb-flota--3{left:max(0px,calc(50% - 600px));width:200px}
  .cb-flota--2{right:max(0px,calc(50% - 600px));width:200px}
  .cb-flota--1 strong,.cb-flota--2 strong{font-size:26px}
}
@media (min-width:981px) and (max-width:1180px){
  .cb-escena{height:auto;padding-bottom:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
  .cb-escena__pantalla{position:relative;left:auto;transform:none;flex:0 0 100%;max-width:820px}
  .cb-flota{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;flex:0 1 260px;animation:none}
}

/* 10-oct-2026 (p115) · tarjeta de temas de la portada: las flechas arriba y el título a todo el ancho */
.cb-duo .cb-duo__nav{position:static;justify-content:flex-end;margin:0 0 8px}
.cb-duo .cb-duo__dolor{padding-right:0}

/* 10-oct-2026 (p116) · héroe B de la portada: foto + 3 caminos. En celular la foto arriba; en PC la foto ya va en el bloque de abajo */
.cb-heroe.cb-heroe--b{gap:18px;padding-top:64px}
.cb-heroe--b .cb-heroe__foto{display:none}
.cb-heroe--b h1{display:block;font-weight:700;font-size:clamp(38px,4.6vw,64px);line-height:1.06;letter-spacing:-.03em;color:var(--cb-tinta);max-width:900px}
.cb-heroe--b h1 .cb-heroe__fuerte,.cb-heroe--b h1 .cb-heroe__voz{font-size:inherit;line-height:inherit}
.cb-heroe--b h1 .cb-heroe__voz{font-family:var(--cb-voz);font-style:italic;font-weight:600;color:var(--cb-mar);letter-spacing:-.01em}
.cb-heroe--b .cb-heroe__txt{font-size:clamp(17px,1.4vw,20px)}
.cb-caminos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:980px;margin-top:4px}
.cb-camino{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid #D3E9F2;text-decoration:none;color:var(--cb-tinta);text-align:left;box-shadow:0 6px 18px rgba(0,59,92,.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.cb-camino:hover{transform:translateY(-2px);border-color:#9FD3EA;box-shadow:0 12px 26px rgba(0,59,92,.12)}
.cb-camino__ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.cb-camino__t{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}
.cb-camino__t b{font-size:16.5px;font-weight:700;line-height:1.25}
.cb-camino__t small{font-size:13.5px;color:#52707F;line-height:1.35}
.cb-camino > svg{flex:none}
.cb-heroe__equipo{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:16px;color:var(--cb-mar);text-decoration:none}
.cb-heroe__equipo:hover{color:var(--cb-tinta);text-decoration:underline;text-underline-offset:3px}
.cb-heroe__precio{margin:0;font-size:14.5px;color:var(--cb-gris)}
.cb-heroe__precio b{color:var(--cb-tinta)}
@media (max-width:980px){
  .cb-heroe.cb-heroe--b{padding-top:0;align-items:stretch;text-align:left;gap:14px}
  .cb-heroe--b .cb-heroe__foto{display:block;position:relative;margin:0 calc(-1 * var(--cb-lado));height:clamp(190px,52vw,320px);overflow:hidden;background:#D8F1FB}
  .cb-heroe--b .cb-heroe__foto img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block}
  .cb-heroe__chip{position:absolute;left:16px;bottom:12px;padding:7px 14px;border-radius:999px;background:#fff;color:var(--cb-tinta);font-size:14px;font-weight:700;box-shadow:0 8px 20px rgba(0,59,92,.15)}
  .cb-heroe--b .cb-sello{align-self:flex-start;font-size:13px;padding:6px 12px}
  .cb-heroe--b h1{font-size:31px;line-height:1.12}
  .cb-heroe--b .cb-heroe__txt{font-size:16px}
  .cb-caminos{grid-template-columns:1fr;gap:10px}
  .cb-camino{min-height:64px;padding:10px 14px}
  .cb-heroe__equipo{align-self:center}
  .cb-heroe__precio{text-align:center}
  /* la foto ya va arriba: en el bloque de temas se quita la repetida y queda el sello de los 16 años */
  .cb-duo .cb-duo__foto{display:none}
  .cb-duo .cb-duo__fotocaja{width:auto;margin:4px auto 0}
  .cb-duo .cb-duo__sello{position:static;transform:rotate(-6deg);margin:0 auto 18px}
}

/* 10-oct-2026 (p121) · promoción de temporada: el precio de antes, tachado */
.cb-antes{color:#6B8494;font-weight:500;text-decoration-thickness:1.5px;margin-right:2px}

/* 10-oct-2026 (p123) · héroe B con 4 caminos: en fila en PC ancho, 2×2 en PC mediano, uno debajo del otro en celular */
.cb-caminos{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px}
@media (min-width:981px) and (max-width:1180px){.cb-caminos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}}
@media (max-width:980px){.cb-caminos{grid-template-columns:1fr}}

/* 10-oct-2026 (p124) · el menú tiene un enlace más («Tu ganancia»): menos espacio entre enlaces para que la píldora de Ami no se salga */
@media (min-width:981px){.cb-nav{gap:22px}}
@media (min-width:981px) and (max-width:1280px){.cb-nav{gap:14px}}
/* la cabecera ya se salía a 1000 y 1220 px antes de p124: la frase del logo se esconde hasta 1320 y, de 981 a 1100, la píldora de Ami muestra solo su carita */
@media (max-width:1320px){.cb-logo__lema--i{display:none}}
@media (min-width:981px) and (max-width:1100px){#cbPill .vida-txt{display:none}}

/* 10-oct-2026 (p125) · Explora cada aplicativo: el mismo aire abajo que arriba (al quitar la franja IA quedó pegado al bloque oscuro) */
#explora.cb-cortina--portada{padding-bottom:72px}
@media (max-width:860px){#explora.cb-cortina--portada{padding-bottom:52px}}

/* 10-oct-2026 (p126) · botones de redes «tipo yogurt»: círculo de color con brillo por dentro, sombra suave y rebote al tocar */
.cb-redes{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.cb-yog{--c:#0077B6;position:relative;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;
  background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--c) 50%,#fff) 0%,var(--c) 56%,color-mix(in srgb,var(--c) 80%,#000) 100%);
  box-shadow:0 10px 18px -10px color-mix(in srgb,var(--c) 85%,transparent),inset 0 -3px 6px rgba(0,0,0,.2),inset 0 2px 2px rgba(255,255,255,.5);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}
.cb-yog::before{content:"";position:absolute;top:6px;left:10px;width:15px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(.6px);pointer-events:none}
.cb-yog svg{position:relative;width:19px;height:19px}
.cb-yog:hover{transform:translateY(-3px) scale(1.07);box-shadow:0 14px 22px -10px color-mix(in srgb,var(--c) 90%,transparent),inset 0 -3px 6px rgba(0,0,0,.2),inset 0 2px 2px rgba(255,255,255,.55)}
.cb-yog:active{transform:scale(.92)}
.cb-redes--chico{gap:7px}
.cb-redes--chico .cb-yog{width:26px;height:26px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5),0 0 0 1px rgba(255,255,255,.35)}
.cb-redes--chico .cb-yog::before{top:3px;left:6px;width:9px;height:5px}
.cb-redes--chico .cb-yog svg{width:13px;height:13px}
.vida-redes{display:inline-flex;flex:none;align-items:center}
.cb-nav .cb-nav__redes{display:none}
.cb-pie__redes{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cb-pie__redes strong{font-size:14px;color:var(--cb-tinta)}
.cb-piegr__redes{margin-top:16px}
@media (max-width:980px){
  .vida-redes{display:none}
  .cb-cab.abierto .cb-nav .cb-nav__redes{display:flex;padding:16px 0 6px}
  .cb-cab.abierto .cb-nav .cb-nav__redes a{padding:0;border-bottom:0}
}
@media (prefers-reduced-motion:reduce){.cb-yog{transition:none}.cb-yog:hover{transform:none}}
/* 10-oct-2026 (p127) · revisión de venta: franja de confianza, sello de garantía, promoción en el cierre, zonas de toque */
.cb-confian{max-width:1100px;margin:30px auto 0;padding:10px var(--cb-lado);display:flex;align-items:center;justify-content:center;gap:12px 28px;flex-wrap:wrap}
.cb-confian__t{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cb-gris)}
.cb-confian__logos{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap}
.cb-confian__logos img{height:40px;width:auto;max-width:130px;object-fit:contain;border-radius:8px}
.cb-confian__ver{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--cb-mar);text-decoration:none}
.cb-confian__ver:hover{text-decoration:underline}
.cb-heroe--b .cb-heroe__precio{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px}
.cb-garantia{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#E6F7F3;color:#0B6B56;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 1px #BFE8DC}
.cb-cierre__promo{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:14px;padding:10px 18px;border-radius:18px;background:rgba(253,212,55,.16);color:#FDD437;font-weight:700;font-size:14px;line-height:1.35;text-decoration:none;text-align:center}
.cb-cierre__promo s{opacity:.7;font-weight:500}
.cb-cierre a.cb-cierre__promo,.cb-cierre a.cb-cierre__promo:visited{color:#FDD437}
.cb-cierre__promo:hover{background:rgba(253,212,55,.26)}
.cb-duo__tema{position:relative}
.cb-duo__tema::after{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}
.cb-planesg__ver,.cb-camino__enl{display:inline-block;padding-top:12px;padding-bottom:12px}
@media (max-width:980px){.cb-confian{margin-top:22px;gap:10px 18px}.cb-confian__logos{gap:16px}.cb-confian__logos img{height:32px}.cb-heroe--b .cb-heroe__precio{justify-content:center}}