/* Marketing R2 — real product photography in composited, sober SaaS frames. */
:root{--premium-ink:#11213c;--premium-muted:#506783;--premium-border:rgba(39,81,143,.16)}
.premium-home-reveal,.premium-story{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 58% 80% at 88% 15%,#d2e9ff 0%,transparent 70%),linear-gradient(160deg,#f7faff,#eaf1fa);color:var(--premium-ink)}
.premium-home-reveal{padding:94px 0 100px}
.premium-home-header{max-width:780px;text-align:center;margin:0 auto 40px}
.premium-home-header h2,.premium-story-copy h2{font-size:clamp(32px,4.4vw,64px);line-height:1.08;letter-spacing:-.055em;margin:12px 0 20px;color:var(--premium-ink)}
.premium-home-header p,.premium-story-copy p{font-size:clamp(15px,1.3vw,18px);line-height:1.72;color:var(--premium-muted)}
.premium-home-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.premium-home-pair>div{min-width:0}
.premium-story{padding:100px 0}
.premium-story-alternate{background:radial-gradient(ellipse 60% 90% at 10% 20%,#d7e4ff 0%,transparent 72%),#f8faff}
.premium-story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(25px,5vw,86px)}
.premium-story-alternate .premium-story-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.premium-story-copy{max-width:550px}
.premium-story-copy .kicker,.premium-home-header .kicker{color:#2859a6;font-weight:800}
.premium-inline-link{display:inline-block;margin-top:12px;color:#2058a0;text-decoration:none;font-weight:700}
.premium-inline-link:hover{text-decoration:underline}
.premium-frame{min-width:0;max-width:100%;margin:0;filter:drop-shadow(0 30px 32px rgba(14,47,91,.15));transition:transform .3s ease,filter .3s ease}
.premium-frame:hover{transform:translateY(-5px);filter:drop-shadow(0 38px 36px rgba(14,47,91,.2))}
.premium-frame-window{border:1px solid rgba(62,90,131,.25);border-radius:15px;overflow:hidden;background:#f3f7fc;box-shadow:0 2px 8px #16335c12}
.premium-frame-toolbar{position:relative;display:flex;gap:6px;align-items:center;height:31px;padding:0 13px;background:#171f2d}
.premium-frame-toolbar span{height:7px;width:7px;border-radius:50%;background:#758094;opacity:.7}
.premium-frame-toolbar small{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;color:#d4dbe5;letter-spacing:.01em}
.premium-frame-window img{display:block;width:100%;height:auto;aspect-ratio:1600/1035;object-fit:contain;background:#f9fbff}
.premium-frame figcaption{padding:11px 5px;color:#425f87;font-size:11px;line-height:1.5}
.premium-frame figcaption span{font-weight:700;color:#366ca8}
@media(max-width:900px){.premium-home-reveal{padding:68px 0}.premium-story{padding:68px 0}.premium-story-grid,.premium-story-alternate .premium-story-grid{grid-template-columns:1fr;gap:28px}.premium-story-copy{max-width:760px}.premium-home-pair{grid-template-columns:1fr;gap:25px}}
@media(max-width:560px){.premium-story,.premium-home-reveal{padding:52px 0}.premium-frame-toolbar{height:26px}.premium-frame-window{border-radius:11px}.premium-frame figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.premium-frame,.premium-frame:hover{transition:none;transform:none}}

@media(max-width:900px){.hero-grid,.hero-grid>*,.hero-copy,.product-proof,.proof-header,.proof-header>div,.proof-row,.proof-row>div{min-width:0;max-width:100%}.proof-header{flex-wrap:wrap;gap:8px}.hero-copy h1,.proof-header strong,.proof-row p,.proof-row strong{overflow-wrap:break-word}}

/* R2 VIS-01: narrow screens show unmodified authentic pixels at a readable
   focal scale. The full image is available via its explicit accessible link. */
@media(max-width:560px){
 .premium-frame-window{position:relative;overflow:hidden}
 .premium-frame-window img{display:block;max-width:none;width:800px;height:auto;aspect-ratio:auto;margin-left:-190px}
 .premium-frame[data-focal="contact"] .premium-frame-window img{margin-left:calc(100% - 800px)}
 .premium-frame[data-focal="booking"] .premium-frame-window img{margin-left:-205px}
 .premium-frame[data-focal="agenda"] .premium-frame-window img{margin-left:-135px}
 .premium-frame figcaption{font-size:12px}
}
.premium-full-image-link{display:inline-block;margin-top:7px;font-weight:750;color:#174e9d;text-decoration:underline;text-underline-offset:3px}
.premium-full-image-link:focus-visible{outline:3px solid #0a63c7;outline-offset:4px}


/* R2-VIS-01: the complete genuine conversation remains visible, with a
   clearly editorial, word-for-word accessible transcript on narrow screens.
   No DOM recreation of the Console UI or invented assistant output. */
.premium-conversation-transcript{display:none}
@media(max-width:560px){
  .premium-frame[data-focal="conversation"] .premium-frame-window img{
    display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;margin:0
  }
  .premium-conversation-transcript{
    display:block;margin-top:12px;padding:16px;border:1px solid #c8d9ed;
    border-radius:14px;background:#fff;color:#162b47;
    box-shadow:0 9px 23px rgba(17,54,99,.055)
  }
  .premium-conversation-transcript .premium-transcript-disclosure{
    margin:0 0 15px;font-size:12px;line-height:1.5;color:#426181
  }
  .premium-conversation-transcript dl{display:grid;gap:12px;margin:0}
  .premium-conversation-transcript dl>div{min-width:0}
  .premium-conversation-transcript dt{
    color:#17528b;font-weight:800;font-size:12px;margin-bottom:5px
  }
  .premium-conversation-transcript dd{
    margin:0;padding:12px 14px;border:1px solid #dce6f3;
    border-radius:12px;background:#f5f9ff;color:#162b47;
    font-size:15px;line-height:1.55;overflow-wrap:anywhere
  }
  .premium-conversation-transcript dl>div:nth-child(even) dd{
    background:#eaf5f3;border-color:#cee3df
  }
}


/* Marketing R2: restrained product-first visual polish. */
.home-page .hero-light{background:radial-gradient(ellipse at 70% 23%,rgba(80,146,240,.23),transparent 52%),linear-gradient(155deg,#f8fbff 5%,#eaf3ff 65%,#f5f9ff)}
.home-page .hero-light h1{letter-spacing:-.062em;max-width:900px}
.home-page .try-savi{box-shadow:0 40px 90px rgba(27,70,137,.17),0 0 0 1px rgba(58,116,193,.13)}
.home-page .whatsapp-disclosure{margin-top:24px;border-top:1px solid rgba(94,144,209,.37);padding-top:18px}
.home-page .whatsapp-disclosure summary{cursor:pointer;list-style:revert;font-weight:700;line-height:1.5}
.home-page .whatsapp-disclosure summary:focus-visible{outline:3px solid #98c5ff;outline-offset:5px}
.home-page .whatsapp-disclosure div{margin-top:14px}
.home-page .whatsapp-disclosure p{font-size:14px;line-height:1.7}
.home-page .whatsapp-value{font-weight:700}
#probar-savi{scroll-margin-top:92px}
@media(prefers-reduced-motion:reduce){.home-page .try-savi{scroll-behavior:auto}}