:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--color-red: #c8101a;--color-red-dark: #8f0710;--color-green: #027b1a;--color-ink: #17120f;--color-muted: #635a52;--color-paper: #fffaf4;--color-surface: rgba(255, 255, 255, .92);--color-line: rgba(23, 18, 15, .14);--shadow-soft: 0 20px 60px rgba(54, 28, 20, .16);--radius: 8px;--space: clamp(1rem, 3vw, 1.5rem);--duration: .18s}*{box-sizing:border-box}html{min-width:320px;background:var(--color-paper)}body{margin:0;color:var(--color-ink);background:linear-gradient(180deg,#fffaf4e6,#fffaf4fa),var(--color-paper)}body,button,a{-webkit-tap-highlight-color:rgba(200,16,26,.16)}button,a{min-height:44px}button{border:0;font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--color-green);outline-offset:3px}.screenReaderOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landingPage,.thanksPage,.tourPage{position:relative;min-height:100svh;overflow-x:hidden;padding:max(env(safe-area-inset-top),1rem) var(--space) max(env(safe-area-inset-bottom),1rem)}.landingPage,.thanksPage{display:grid;grid-template-rows:auto 1fr}.backgroundArt{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#fffaf47a,#fffaf4f5),url(/images/banner-movil.png) center / cover no-repeat;opacity:.2}.brandHeader{display:flex;justify-content:center;padding:.25rem 0 1.5rem}.brandHeaderCompact{padding-bottom:.5rem}.brandMark{display:inline-flex;align-items:center;justify-content:center;width:min(58vw,250px);min-height:72px}.brandHeaderCompact .brandMark{width:min(42vw,170px);min-height:56px}.heroSection,.thanksPanel{align-self:center;width:min(100%,760px);margin:0 auto;animation:rise var(--duration) ease-out}.heroSection h1,.thanksPanel h1{margin:0;max-width:10ch;font-size:clamp(2.2rem,12vw,5.5rem);line-height:.92;letter-spacing:0;color:var(--color-red)}.thanksPanel h1{max-width:13ch;font-size:clamp(2rem,10vw,4.5rem)}.eyebrow{margin:0 0 .75rem;color:var(--color-green);font-size:.86rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.heroCopy,.thanksPanel>p{margin:1rem 0 0;max-width:46rem;color:var(--color-ink);font-size:clamp(1.05rem,4vw,1.3rem);line-height:1.5}.supportText,.privacyNote,.thanksPanel small{display:block;color:var(--color-muted);font-size:.95rem}.languagePanel{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--color-line)}.languagePanel h2{margin:0 0 1rem;font-size:clamp(1.15rem,5vw,1.55rem)}.languageGrid{display:grid;gap:.8rem}.languageButton,.primaryButton,.secondaryButton,.savedLanguage button,.viewerToolbar button,.tourNav a,.tourNav button,.finalCard button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:800;transition:transform var(--duration) ease,background var(--duration) ease,border-color var(--duration) ease}.languageButton,.primaryButton{background:var(--color-red);color:#fff;box-shadow:var(--shadow-soft)}.languageButton{width:100%;padding:1rem 1.1rem;font-size:1.1rem}.languageButton:nth-child(2){background:var(--color-green)}.primaryButton,.secondaryButton{width:100%;padding:.85rem 1rem}.secondaryButton,.savedLanguage button,.viewerToolbar button,.tourNav a,.tourNav button,.finalCard button{border:1px solid var(--color-line);background:#ffffffdb;color:var(--color-ink)}.languageButton:active,.primaryButton:active,.secondaryButton:active,.viewerToolbar button:active{transform:translateY(1px) scale(.99)}.textButton{margin-top:1rem;padding:0;min-height:44px;background:transparent;color:var(--color-green);font-weight:800;text-decoration:underline}.savedLanguage,.inlineNotice{display:grid;gap:.7rem;margin-top:1rem;padding:.85rem;border:1px solid var(--color-line);border-radius:var(--radius);background:#ffffffc7}.savedLanguage span{color:var(--color-muted)}.landingSurvey{display:grid;gap:.7rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-line)}.landingSurvey p,.landingSurvey small{margin:0;color:var(--color-muted)}.landingSurvey .secondaryButton{border-color:var(--color-green);color:var(--color-green)}.tourPage{display:grid;grid-template-rows:auto auto 1fr;gap:.75rem;background:var(--color-paper)}.tourNav{position:sticky;top:env(safe-area-inset-top);z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.35rem 0 .5rem;background:#fffaf4eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tourNav a,.tourNav button{padding:.7rem .8rem}.viewerShell{display:grid;gap:.7rem;width:min(100%,980px);margin:0 auto;padding-bottom:5.75rem}.formatChooser{align-self:center;width:min(100%,760px);margin:0 auto;padding:1rem 0 3rem}.formatChooser h2{margin:0;max-width:18ch;font-size:clamp(1.8rem,8vw,3.2rem);line-height:1.05;color:var(--color-red)}.formatOptions{display:grid;gap:.8rem;margin-top:1.5rem}.formatOptions button,.formatOptionLink{display:grid;align-content:center;gap:.4rem;min-height:112px;padding:1rem;border:1px solid var(--color-line);border-left:6px solid var(--color-red);border-radius:var(--radius);background:#ffffffe6;color:var(--color-ink);text-align:left;box-shadow:var(--shadow-soft)}.formatOptions button:nth-child(2){border-left-color:var(--color-green)}.formatOptionLink{border-left-color:var(--color-ink)}.formatOptionLink.pdfOption{border-left-color:var(--color-red)}.formatOptions strong{font-size:1.15rem}.formatOptions span{color:var(--color-muted);line-height:1.45}.formatSwitch{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;width:min(100%,540px);margin:0 auto;padding:.25rem;border:1px solid var(--color-line);border-radius:var(--radius);background:#17120f0f}.formatSwitch button,.formatSwitch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:6px;background:transparent;color:var(--color-muted);font-weight:800}.formatSwitch button.active{background:#fff;color:var(--color-red);box-shadow:0 2px 10px #17120f1a}.formatSwitch button:last-child{grid-column:1 / -1}.audioExperience{display:grid;align-content:start;gap:1.25rem;width:min(100%,760px);margin:0 auto;padding:.75rem 0 5rem}.audioArtwork{display:grid;place-items:center;min-height:230px;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,#fffaf49e,#fffaf4eb),url(/images/banner-movil.png) center 36% / cover no-repeat}.audioArtwork img{width:min(58%,260px);filter:drop-shadow(0 10px 20px rgba(23,18,15,.14))}.audioContent{display:grid;gap:.9rem}.audioContent h2{margin:0;font-size:clamp(1.8rem,7vw,2.8rem);color:var(--color-red)}.audioContent p{margin:0;color:var(--color-muted);line-height:1.5}.audioPlayer{width:100%;min-height:54px;accent-color:var(--color-green)}.completionPanel{display:grid;gap:1rem;padding:1rem;border:1px solid var(--color-line);border-left:6px solid var(--color-green);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft)}.completionPanel h2,.completionPanel p{margin:0}.completionPanel p{margin-top:.45rem;color:var(--color-muted);line-height:1.5}.completionPanel small{color:var(--color-muted);text-align:center}.viewerToolbar{display:grid;grid-template-columns:minmax(6rem,1fr) auto minmax(6rem,1fr);align-items:center;gap:.5rem}.viewerToolbar output,.viewerToolbar span{color:var(--color-muted);font-weight:800;text-align:center;white-space:nowrap}.viewerToolbar button{padding:.65rem}.secondaryToolbar{grid-template-columns:1fr auto 1fr}.progressTrack{height:8px;overflow:hidden;border-radius:999px;background:#17120f1f}.progressTrack span{display:block;height:100%;border-radius:inherit;background:var(--color-green);transition:width var(--duration) ease}.pdfCanvasWrap{display:flex;justify-content:center;min-height:55svh;padding:.75rem;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius);background:#fff}.pdfCanvasWrap canvas{width:auto;max-width:100%;height:auto;box-shadow:0 10px 35px #00000021}.viewerLinks{position:sticky;bottom:max(env(safe-area-inset-bottom),.75rem);display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.65rem;border:1px solid var(--color-line);border-radius:var(--radius);background:#fffaf4f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.viewerState{display:grid;place-items:center;gap:1rem;min-height:55svh;color:var(--color-muted);font-weight:800;text-align:center}.viewerError{align-content:center}.loader{width:42px;height:42px;border:5px solid rgba(200,16,26,.16);border-top-color:var(--color-red);border-radius:50%;animation:spin 1s linear infinite}.finalCard{position:fixed;right:var(--space);bottom:calc(max(env(safe-area-inset-bottom),.75rem) + 7rem);left:var(--space);z-index:4;display:grid;gap:1rem;padding:1rem;border:1px solid var(--color-line);border-left:6px solid var(--color-green);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft)}.finalCard h2{margin:0;font-size:1.2rem}.finalCard p{margin:.4rem 0 0;color:var(--color-muted)}.finalCardActions{display:grid;gap:.55rem}.thanksPanel{display:grid;gap:1rem}.thanksPanel .primaryButton,.thanksPanel .secondaryButton{margin-top:.25rem}@media(min-width:620px){.languageGrid,.finalCardActions{grid-template-columns:1fr 1fr}.heroSection h1{max-width:12ch}.formatOptions{grid-template-columns:repeat(3,1fr)}.audioExperience{grid-template-columns:minmax(230px,.85fr) 1.15fr;align-items:center}.finalCard{left:auto;width:min(420px,calc(100vw - 2rem))}}@media(min-width:900px){.landingPage,.thanksPage{padding-inline:clamp(2rem,8vw,7rem)}.brandHeader{justify-content:flex-start}.brandHeaderCompact{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}