/* Bono de reuniones: utiliza la tipografía, colores y controles del sitio. */
.bonus-hero-note{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;padding:10px 16px;border-radius:14px;background:rgba(174,219,255,.1);border:1px solid rgba(174,219,255,.28);color:#dceeff;font-size:12px;font-weight:600;line-height:1.6;text-align:center;text-decoration:none}.bonus-hero-note:hover{background:rgba(174,219,255,.18)}
.bonus-section{scroll-margin-top:24px}.bonus-badge{display:inline-block;padding:9px 17px;border-radius:999px;background:var(--accent-orange,#ffb64a);color:var(--navy-deep,#10244e);font-size:11px;font-weight:800;letter-spacing:.09em;line-height:1.5}.bonus-intro{max-width:660px;margin:20px auto 0;color:var(--muted-foreground,#627084);font-size:16px;line-height:1.8}.bonus-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:54px;align-items:center;margin-top:48px}.bonus-preview{padding:24px 26px;background:var(--blue-soft,#edf4ff);border:1px solid rgba(49,112,192,.12);border-radius:28px}.bonus-cover{display:block;width:100%;padding:0;cursor:zoom-in;border:0;background:transparent;text-align:center}.bonus-cover img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 16px 38px rgba(10,35,75,.16)}.bonus-zoom-label{display:block;margin-top:16px;font-size:11px;font-weight:600;color:var(--blue,#2867ba)}.bonus-eyebrow{color:var(--blue,#2867ba);font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.7}.bonus-copy h3{margin:12px 0 16px;color:var(--navy-deep,#10244e);font-size:clamp(24px,3vw,32px);line-height:1.25;font-weight:800}.bonus-description{font-size:14px;line-height:1.85;color:var(--muted-foreground,#627084)}.bonus-features{list-style:none;padding:0;margin:24px 0;display:grid;gap:20px}.bonus-features li{display:flex;gap:12px;align-items:flex-start}.bonus-features li>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--blue-soft,#edf4ff);color:var(--blue,#2867ba);font-size:13px;font-weight:800}.bonus-features strong{display:block;color:var(--navy-deep,#10244e);font-size:14px;font-weight:700;line-height:1.6}.bonus-features p{margin:4px 0 0;color:var(--muted-foreground,#627084);font-size:12px;line-height:1.8}.bonus-use-note{padding:16px 18px;border-radius:16px;background:var(--blue-soft,#edf4ff);font-size:12px;line-height:1.85;color:var(--navy-deep,#10244e)}.bonus-samples{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:700px;margin:36px auto 0}.bonus-sample{display:flex;align-items:center;gap:18px;padding:16px;background:#fff;border:1px solid rgba(49,112,192,.16);border-radius:20px;text-align:left;cursor:zoom-in;transition:transform .2s}.bonus-sample:hover{transform:translateY(-3px)}.bonus-sample img{width:90px;flex-shrink:0;height:auto;border-radius:7px;box-shadow:0 5px 14px rgba(10,35,75,.1)}.bonus-sample span{color:var(--navy-deep,#10244e);font-size:12px;font-weight:600;line-height:1.8}.bonus-sample b{color:var(--blue,#2867ba)}.bonus-included{text-align:center;margin:28px auto 0;font-size:13px;line-height:1.9;color:var(--muted-foreground,#627084)}.bonus-included strong{color:var(--navy-deep,#10244e)}.bonus-offer{display:flex;gap:16px;align-items:center;padding:18px;margin-top:24px;border:1px solid rgba(49,112,192,.2);border-radius:18px;background:var(--blue-soft,#edf4ff)}.bonus-offer img{width:70px;height:auto;flex-shrink:0;border-radius:6px}.bonus-offer span{display:block;color:var(--blue,#2867ba);font-size:10px;font-weight:800;letter-spacing:.09em}.bonus-offer strong{display:block;margin:5px 0;color:var(--navy-deep,#10244e);font-size:14px;line-height:1.6}.bonus-offer p{color:var(--muted-foreground,#627084);font-size:11px;line-height:1.8}
@media(max-width:767px){.bonus-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.bonus-preview{width:100%;max-width:340px;margin:0 auto;padding:20px}.bonus-copy h3{font-size:26px}.bonus-samples{gap:12px}.bonus-sample{flex-direction:column;align-items:flex-start;gap:12px;padding:13px}.bonus-sample img{width:100%;max-width:120px;margin:auto}.bonus-sample span{font-size:11px}.bonus-intro{font-size:14px}.bonus-badge{font-size:10px;letter-spacing:.05em}.bonus-hero-note{font-size:11px}.bonus-offer{padding:14px;gap:12px}.bonus-offer img{width:58px}}
@media(prefers-reduced-motion:reduce){.bonus-sample{transition:none}}