/* Oferta compacta: brillo suave y descripción en un renglón completo. */
.hero .offer-v19 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: #a3efff;
  box-shadow: 0 0 0 1px #62def53b, 0 0 26px #20c9ed35, 0 12px 30px #0002;
}
.hero .offer-v19::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  top: -40%;
  left: -65%;
  width: 45%;
  height: 180%;
  background: linear-gradient(90deg, transparent, #ffffff66, transparent);
  transform: translateX(0) skewX(-18deg);
  opacity: 0;
  animation: offer-shine 7s ease-in-out infinite;
}
@keyframes offer-shine {
  0%, 60% { transform: translateX(0) skewX(-18deg); opacity: 0; }
  65% { opacity: .65; }
  88% { opacity: .65; }
  95%, 100% { transform: translateX(420%) skewX(-18deg); opacity: 0; }
}
.hero .offer-v19 .offer-description { display: contents; }
.hero .offer-v19 .offer-kicker,
.hero .offer-v19 .offer-amount,
.hero .offer-v19 .offer-description > * { position: relative; z-index: 1; }
.hero .offer-v19 .offer-amount { grid-column: 1; grid-row: 2; }
.hero .offer-v19 .offer-description > b {
  grid-column: 2;
  grid-row: 2;
  padding-left: 20px;
  border-left: 1px solid #081b3240;
  font-size: 24px;
  line-height: 1.18;
}
.hero .offer-v19 .offer-description small {
  grid-column: 1 / -1;
  grid-row: 3;
  display: block;
  white-space: nowrap;
  max-width: none;
  margin-top: 0;
  padding-top: 8px;
  border-top: 1px solid #081b3226;
  text-align: center;
  color: #12374b;
  font-size: 15px;
  line-height: 1.35;
}
@media (max-width: 1150px) {
  .hero .offer-v19 .offer-description > b { font-size: 21px; padding-left: 15px; }
  .hero .offer-v19 .offer-description small { font-size: 14px; }
}
@media (max-width: 950px) and (min-width: 701px) {
  .hero .offer-v19 .offer-description > b { font-size: 18px; padding-left: 12px; }
}
@media (max-width: 700px) {
  .hero .offer-v19 .offer-description > b { font-size: 20px; }
  .hero .offer-v19 .offer-description small { font-size: 14px; }
}
@media (max-width: 390px) {
  .hero .offer-v19 .offer-description > b { font-size: 18px; padding-left: 12px; }
  .hero .offer-v19 .offer-description small { font-size: 13px; }
}
@media (max-width: 350px) {
  .hero .offer-v19 { padding-inline: 12px; column-gap: 8px; }
  .hero .offer-v19 .offer-description > b { font-size: 16px; padding-left: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero .offer-v19::before { animation: none; opacity: 0; }
}

/* v23: tipografía pedida, llamada directa y ayuda fuera de los equipos. */
.hero .offer-v19 .offer-description > b {font-size:36px;line-height:1.12;}
.hero-kit-host model-viewer {opacity:0;transition:opacity .35s ease;}
.hero-kit-host model-viewer.is-ready {opacity:1;}
.viewer-guide {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;position:relative;padding:13px 16px;font-size:13px;font-weight:500;line-height:1.4;}
.viewer-guide>span {display:inline-flex;align-items:center;gap:8px;}
.viewer-guide .icon {width:20px;height:20px;flex:0 0 20px;}
.hero-guide {margin:0 24px 14px;color:#12374b;border:1px solid #bdd4da;border-radius:10px;background:#fff;}
.device-guide {margin:0 20px 14px;border:1px solid #20c9ed66;border-radius:10px;background:#102c44;color:#fff;}
.device-guide .icon {color:#63ddf6;}
.touch-zoom {display:none;}
.viewer-guide[hidden] {display:none;}
.protection-call-card {display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;max-width:430px;border:1px solid #d7e4ed;border-radius:12px;background:white;color:#10263c;box-shadow:0 8px 20px #0002;transition:box-shadow .3s,background .3s;}
.protection-call-card:hover {background:#edfaff;box-shadow:0 8px 24px #20c9ed30;}
.call-icon {width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#20c9ed;color:white;}
.call-icon .icon {width:24px;height:24px;}
.call-copy {display:flex;flex-direction:column;gap:3px;}
.call-copy small {font-size:13px;line-height:1.2;}
.call-copy strong {font-size:24px;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;}
.protection-call-card>.icon {margin-left:auto;}
.contact-alternatives .btn-call {display:inline-flex;align-items:center;justify-content:center;gap:10px;background:white;border-color:white;color:#10263c;min-height:54px;font-size:15px;text-decoration:none;padding:14px 18px;border-radius:10px;}
.contact-alternatives .btn-call:hover {background:#edfaff;}
@media(max-width:1150px) and (min-width:951px) {
 .hero .offer-v19 .offer-num {font-size:78px;}
 .hero .offer-v19 .offer-suffix {font-size:24px;}
 .hero .offer-v19 .offer-suffix b:first-child {font-size:30px;}
 .hero .offer-v19 {column-gap:12px;padding-inline:16px;}
 .hero .offer-v19 .offer-description>b {padding-left:12px;}
}
@media(max-width:950px) {
 .hero .offer-v19 .offer-description>b {font-size:24px;}
 .hero .offer-v19 .offer-num {font-size:74px;}
 .hero .offer-v19 .offer-suffix {font-size:24px;}
 .hero .offer-v19 .offer-suffix b:first-child {font-size:30px;}
 .viewer-guide {gap:8px 18px;font-size:12px;}
 .protection-call-card {padding:13px 14px;gap:12px;}
 .call-copy strong {font-size:22px;}
}
@media(max-width:700px) {
 .hero .offer-v19 .offer-description>b {font-size:24px;}
 .hero-guide {margin-inline:16px;}
 .device-guide {margin-inline:16px;}
 .protection-call-card {max-width:none;}
 .mobile-contact {grid-template-columns:.68fr .86fr 1.38fr;gap:8px;padding-inline:14px;}
 .mobile-contact .mobile-call,.mobile-contact .mobile-whatsapp {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;font-weight:700;font-size:11px;line-height:1.2;}
 .mobile-call {color:#081b32;}
 .mobile-call .icon,.mobile-contact .mobile-whatsapp .icon {width:22px;height:22px;flex:0 0 22px;}
 .mobile-contact .btn {padding:12px 10px;gap:6px;font-size:13px;min-height:50px;white-space:nowrap;}
 .mobile-contact .btn .icon {width:17px;height:17px;flex:0 0 17px;}
}
@media(max-width:390px) {
 .hero .offer-v19 {column-gap:10px;padding-inline:14px;}
 .hero .offer-v19 .offer-description>b {padding-left:10px;}
 .hero .offer-v19 .offer-num {font-size:68px;}
 .hero .offer-v19 .offer-suffix {font-size:22px;}
 .hero .offer-v19 .offer-suffix b:first-child {font-size:28px;}
 .viewer-guide {gap:7px;padding:12px;font-size:12px;}
 .call-copy strong {font-size:22px;}
 .contact-alternatives .btn-call {font-size:13px;}
 .mobile-contact {gap:6px;padding-inline:12px;}
 .mobile-contact .btn {font-size:12px;}
}
@media(max-width:350px) {
 .hero .offer-v19 {padding-inline:12px;column-gap:8px;}
 .hero .offer-v19 .offer-num {font-size:58px;}
 .hero .offer-v19 .offer-suffix {font-size:19px;}
 .hero .offer-v19 .offer-suffix b:first-child {font-size:24px;}
 .hero .offer-v19 .offer-amount {gap:4px;}
 .hero .offer-v19 .offer-description>b {padding-left:8px;}
 .protection-call-card {padding:12px;gap:10px;}
 .call-icon {width:40px;height:40px;flex-basis:40px;}
 .call-copy strong {font-size:20px;}
}
@media(pointer:coarse) {
 .viewer-guide .touch-zoom {display:inline;}
 .viewer-guide .pointer-zoom {display:none;}
}
@media(prefers-reduced-motion:reduce) {
 .hero-kit-host model-viewer {transition:none;}
}

/* v24: jerarquía comercial, superficies con color y dos acciones móviles. */
.hero-actions #hero-offer-cta {font-size:21px;line-height:1.2;letter-spacing:.015em;padding-inline:22px;min-height:60px;}
.hero-actions #hero-offer-cta .icon {width:22px;height:22px;flex-basis:22px;}
.hero-showcase {background:radial-gradient(ellipse at 55% 30%,#f5fcfb 0%,#e3f2f2 55%,#cce6e9 100%);border-color:#9ecbd3;box-shadow:0 24px 60px #0003,0 0 0 1px #20c9ed18;}
.hero-showcase .stage-ring {border-color:#39899a24;box-shadow:0 0 0 25px #188ca307,0 0 0 50px #188ca305;}
.hero-showcase .hero-guide {background:#f4fcfbd9;border-color:#9ec6ce;color:#153e4e;}
.hero-showcase .showcase-bottom {margin:0;padding:22px 24px 10px;background:#cce4e8;border-top:1px solid #93bec8;}
.hero-showcase .showcase-bottom>div {font-size:17px;gap:5px;}
.hero-showcase .showcase-bottom>div>span {font-size:14px;color:#274756;}
.hero-showcase .showcase-note {margin:0;padding:2px 24px 21px;background:#cce4e8;color:#34515f;font-size:11px;line-height:1.6;}
.seo-context {background:linear-gradient(145deg,#edf7f7 0%,#f4f8f9 55%,#e2f1f3 100%);border-block:1px solid #d3e6e9;}
.seo-context .eyebrow {color:#06677a;}
.seo-context .section-heading>p {color:#425966;}
.seo-cards {gap:24px;}
.seo-cards article {position:relative;background:#ffffff;border:1px solid #c9e1e5;border-top:3px solid #20c9ed;box-shadow:0 8px 24px #113a4b06;}
.protection-icon {display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:12px;background:#def4f7;color:#06677a;}
.protection-icon .icon {width:26px;height:26px;flex:0 0 26px;}
.seo-cards p {color:#425966;}
.seo-cards article.monitored-card {background:linear-gradient(130deg,#102b42,#081b32);border-color:#244758;border-top-color:#20c9ed;}
.seo-cards .monitored-card h3 {color:#fff;}
.seo-cards .monitored-card p {color:#e0ebef;}
.seo-cards .monitored-card .protection-icon {background:#20c9ed;color:#081b32;}
.seo-cards .monitored-card .text-link {color:#79e6ff;border-bottom-color:#79e6ff80;}
.seo-cards .text-link {line-height:1.55;}
.seo-links {padding-top:8px;}
.seo-links p {color:#425966;}
.seo-links a {background:#ffffffc9;border-color:#c3dade;color:#15394a;}
.seo-links a:hover {background:#dff5f7;border-color:#07778c;}
.protection-advisor {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:26px 28px;border:1px solid #b4d4db;border-radius:14px;background:#d9ecef;}
.protection-advisor h3 {font-size:22px;line-height:1.3;margin:0 0 7px;color:#081b32;}
.protection-advisor p {font-size:15px;color:#34515f;margin:0;line-height:1.5;}
.protection-call-card {flex-shrink:0;margin:0;padding:14px 18px;background:#081b32;border-color:#081b32;color:#fff;box-shadow:0 6px 16px #081b3214;}
.protection-call-card:hover {background:#12374b;border-color:#12374b;box-shadow:0 8px 24px #081b3220;}
.protection-call-card .call-icon {background:#20c9ed;color:#081b32;}
.protection-call-card .call-copy small {color:#e0ebef;}
.protection-call-card .call-copy strong {font-size:23px;color:#fff;}
.protection-call-card>.icon {color:#20c9ed;}
@media(max-width:1150px) {
 .hero-actions #hero-offer-cta {font-size:19px;padding-inline:16px;}
}
@media(max-width:950px) {
 .hero-showcase .showcase-bottom {padding:19px 20px 10px;}
 .hero-showcase .showcase-bottom>div {font-size:16px;}
 .hero-showcase .showcase-note {padding:2px 20px 19px;}
 .protection-advisor {gap:20px;padding:24px;}
 .protection-advisor h3 {font-size:20px;}
 .protection-call-card {gap:10px;padding:13px;}
 .protection-call-card .call-copy strong {font-size:21px;}
}
@media(max-width:700px) {
 .hero-actions #hero-offer-cta {font-size:18px;min-height:58px;}
 .hero-actions .btn-outline-light {font-size:13px;}
 .hero-showcase .showcase-bottom {padding-inline:18px;}
 .hero-showcase .showcase-note {padding-inline:18px;}
 .seo-cards article {padding:24px;}
 .protection-advisor {flex-direction:column;align-items:stretch;padding:24px 20px;gap:18px;}
 .protection-advisor h3 {font-size:21px;}
 .protection-call-card {max-width:none;gap:12px;padding:14px;}
 .protection-call-card .call-copy strong {font-size:22px;}
 .mobile-contact {grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #a9cdd4;background:#f1f9faf7;box-shadow:0 -5px 24px #081b3214;}
 .mobile-contact .btn {font-size:15px;min-height:54px;padding:12px 10px;gap:8px;}
 .mobile-contact .mobile-call {display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:0;min-height:54px;gap:9px;padding:8px 10px;border:1px solid #8dbbc6;border-radius:9px;background:#dceff2;color:#081b32;font-size:12px;font-weight:500;line-height:1.3;}
 .mobile-contact .mobile-call>span {display:flex;flex-direction:column;gap:2px;min-width:0;}
 .mobile-contact .mobile-call strong {font-size:15px;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;}
 .mobile-contact .mobile-call .icon {width:21px;height:21px;flex:0 0 21px;color:#075b70;}
 .mobile-contact .mobile-call:hover {background:#c8e6ed;}
}
@media(max-width:390px) {
 .hero-actions #hero-offer-cta {font-size:19px;}
 .mobile-contact {gap:8px;padding-inline:10px;}
 .mobile-contact .btn {font-size:14px;gap:6px;padding-inline:8px;}
 .mobile-contact .mobile-call {gap:6px;padding-inline:8px;}
 .mobile-contact .mobile-call strong {font-size:14px;}
 .mobile-contact .mobile-call .icon {width:19px;height:19px;flex-basis:19px;}
}
@media(max-width:350px) {
 .mobile-contact .btn {font-size:13px;}
 .mobile-contact .mobile-call strong {font-size:13px;}
 .mobile-contact .mobile-call {font-size:11px;}
 .protection-advisor {padding:22px 16px;}
 .protection-call-card {padding:12px;gap:10px;}
 .protection-call-card .call-copy strong {font-size:20px;}
}
/* Fondos neutros y azul noche: sin aqua pastel */
.hero-showcase {
  background: radial-gradient(ellipse at 50% 30%,
    #ffffff 0%, #eceef2 60%, #dfe2e8 100%);
  border-color: #b8bec9;
}
.hero-showcase .stage-ring {
  border-color: #15223820;
  box-shadow: 0 0 0 25px #15223806,
              0 0 0 50px #15223804;
}
.hero-showcase .hero-guide {
  background: #ffffff;
  border-color: #cdd1da;
  color: #152238;
}
.hero-showcase .showcase-bottom,
.hero-showcase .showcase-note {
  background: #152238;
  color: #ffffff;
  border-color: #354258;
}
.hero-showcase .showcase-bottom > div > span {
  color: #e2e5eb;
}
.hero-showcase .showcase-note {
  color: #cbd1dc;
}

/* Sección de protección */
.seo-context {
  background: #f3f4f6;
  border-color: #dddfe5;
}
.seo-context .eyebrow {
  color: #152238;
}
.seo-cards article {
  border-color: #dddfe5;
  border-top-color: #20c9ed;
}
.protection-icon {
  background: #eceef3;
  color: #152238;
}
.seo-links a {
  background: #ffffff;
  border-color: #d4d8e0;
  color: #152238;
}
.seo-links a:hover {
  background: #e9ecf2;
  border-color: #152238;
}

/* Asesor: bloque oscuro y llamada blanca */
.protection-advisor {
  background: #152238;
  border-color: #354258;
}
.protection-advisor h3 {
  color: #ffffff;
}
.protection-advisor p {
  color: #d8dde6;
}
.protection-call-card {
  background: #ffffff;
  border-color: #ffffff;
  color: #152238;
}
.protection-call-card .call-copy small,
.protection-call-card .call-copy strong,
.protection-call-card > .icon {
  color: #152238;
}
.protection-call-card:hover {
  background: #eceef3;
  border-color: #eceef3;
}

/* Dos CTA móviles, sin fondos aqua */
@media (max-width: 700px) {
  .mobile-contact {
    background: #fffffff7;
    border-top-color: #d4d8e0;
  }
  .mobile-contact .mobile-call {
    background: #eceef3;
    border-color: #c8ced9;
    color: #152238;
  }
  .mobile-contact .mobile-call .icon {
    color: #152238;
  }
  .mobile-contact .mobile-call:hover {
    background: #dde1e9;
  }
}
.hero-showcase {
  background: radial-gradient(
    ellipse at 50% 42%,
    #626975 0%,
    #363e4b 48%,
    #1b2433 100%
  );
  border-color: #566071;
}

.hero-showcase .showcase-top {
  color: #ffffff;
}

.hero-showcase .stage-ring {
  border-color: #ffffff18;
  box-shadow:
    0 0 0 25px #ffffff04,
    0 0 0 50px #ffffff03;
}

.hero-showcase .hero-guide {
  background: #192333;
  border-color: #536074;
  color: #ffffff;
}