/* Historia en una tablet. Estilos limitados al componente y su lector ampliado. */
.tc-story{background:radial-gradient(ellipse at 50% 68%,#e6e9ed,transparent 65%),#f5f6f8;color:#17191d;padding:70px 0 64px;scroll-margin-top:140px}
.tc-story-heading{text-align:center;max-width:760px;margin:0 auto 32px}
.tc-story-heading .section-kicker{color:#a75025}
.tc-story-heading h2{font:800 clamp(27px,3vw,43px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-1.3px;margin:15px 0 12px;text-wrap:balance}
.tc-story-heading>p{font-size:15px;line-height:1.7;color:#737781;margin:0}
.tc-story-notebook{position:relative;max-width:980px;margin:auto;padding:17px 17px 24px;border:2px solid #777980;border-radius:37px;background:linear-gradient(140deg,#45464d,#202126 20%,#101115 75%,#383a42);box-shadow:inset 0 0 0 2px #07080b,0 28px 55px #11141c29,0 5px 13px #11141c1c}
.tc-tablet-camera{position:absolute;top:6px;left:50%;width:5px;height:5px;border-radius:50%;background:#07080b;box-shadow:inset 1px 1px 1px #30394b}
.tc-tablet-homebar{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:90px;height:4px;border-radius:5px;background:#606168}
.tc-tablet-screen{overflow:hidden;background:#101116;border:1px solid #050608;border-radius:23px}
.tc-tablet-appbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 22px;background:#191b21;border-bottom:1px solid #ffffff0f;color:#fff;font:800 10px/1.5 Manrope,Arial,sans-serif}
.tc-tablet-appname{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.tc-tablet-appname>span:last-child{color:#b4b7c0;font-weight:500}
.tc-tablet-appicon{display:grid;place-items:center;width:27px;height:27px;background:#ff7f3021;border:1px solid #ff9b4b45;border-radius:8px;color:#ffa86a;font-size:9px;font-weight:800;letter-spacing:-.5px}
.tc-tablet-separator{color:#565963}
.tc-tablet-apphint{font-size:8px;letter-spacing:1.2px;color:#7c808c;white-space:nowrap}
.tc-book-spread{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);touch-action:pan-y;min-height:430px}
.tc-book-photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;min-width:0;border:0;border-radius:0;padding:34px;background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(ellipse at 30% 0,#43322b,#17191f 75%);background-size:32px 32px,32px 32px,100% 100%;color:#dfe1e7;text-align:center;font-family:inherit;overflow:hidden;cursor:zoom-in}
.tc-book-photo::after{content:'AMPLIAR ↗';position:absolute;bottom:19px;left:22px;font:700 8px Manrope,Arial,sans-serif;letter-spacing:1.5px;color:#969aa7}
.tc-book-page{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:32px 34px 38px;background:#f6f7fa;overflow-wrap:anywhere}
.tc-book-label{display:block;font:800 9px/1.6 Manrope,Arial,sans-serif;letter-spacing:1.8px;color:#ab5a2d;margin-bottom:17px}
.tc-book-content h3{font:800 clamp(23px,2.3vw,30px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.9px;margin:0 0 17px;text-wrap:balance;color:#20232a}
.tc-book-content p{font-size:14px;line-height:1.85;color:#666c78;margin:0 0 13px}
.tc-book-open{background:#23262f;border:1px solid #23262f;border-radius:10px;color:#fff;font:800 10px/1.6 Manrope,Arial,sans-serif;letter-spacing:.6px;min-height:44px;padding:12px 16px;margin-top:auto;text-align:left;transition:background 180ms ease,border-color 180ms ease}
.tc-book-open:hover{background:#9b4f24;border-color:#9b4f24}
.tc-book-page-number{position:absolute;right:20px;bottom:13px;font:700 8px Manrope,Arial,sans-serif;letter-spacing:1px;color:#8c929e}
.tc-story-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:#191b21;border-top:1px solid #ffffff0d}
.tc-story-controls button{font:700 11px/1.4 Manrope,Arial,sans-serif;color:#e8eaf1;background:#252830;border:1px solid #ffffff20;border-radius:10px;padding:10px 14px;min-height:44px;white-space:nowrap;transition:background 180ms ease,border-color 180ms ease}
.tc-story-controls button:not(:disabled):hover{background:#7d4427;border-color:#e69965}
.tc-story-controls button:disabled{opacity:.3;cursor:default}
.tc-story-controls span{font-size:10px;color:#a4a8b5;text-align:center}
.tc-book-track{height:3px;background:#252832}
.tc-book-track span{display:block;height:100%;width:11.111%;background:#f99350;transition:width 220ms ease}
.tc-story-help{margin:23px auto 0;max-width:650px;font-size:11px;line-height:1.7;text-align:center;color:#7b818d}
.tc-photo-frame{display:grid;justify-items:center;gap:15px;max-width:100%}
.tc-photo-monogram{display:grid;place-items:center;width:50px;height:50px;border:1px solid #f9935052;border-radius:14px;background:#f9935017;font:800 20px Manrope,Arial,sans-serif;letter-spacing:-1px;color:#f9a46b}
.tc-photo-frame strong{font:800 64px/1 Manrope,Arial,sans-serif;letter-spacing:-3px;color:#d9dde6}
.tc-photo-frame>span:last-child{font:800 8px/1.6 Manrope,Arial,sans-serif;letter-spacing:2px;color:#c7a58b}
.tc-photo-pending{font-size:10px;line-height:1.7;color:#999fae;max-width:200px}
.tc-book-photo.tc-story-cover,.tc-story-dialog-photo.tc-story-cover{background:radial-gradient(ellipse at 50% 25%,#3a2b22,#14161b 75%);color:#e3e6ed}
.tc-story-cover .tc-cover-label{font:700 8px/1.8 Manrope,Arial,sans-serif;letter-spacing:1.6px;color:#b3a293;max-width:230px}
.tc-story-cover-logo{width:100%;max-width:330px;height:auto;object-fit:contain;background:#000}
.tc-cover-subtitle{font:500 13px/1.6 Manrope,Arial,sans-serif;color:#b5bac7}
.tc-story-image{display:block;width:100%;height:100%;object-fit:cover}
.tc-book-photo:has(.tc-story-image){padding:0}
.tc-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 20px;background:#000b;color:#fff;font-size:11px;line-height:1.6;text-align:left}
.tc-story button:focus-visible,.tc-story-dialog button:focus-visible{outline:3px solid #f6a36c;outline-offset:3px}
html.tc-story-reading{overflow:hidden}
.tc-story-dialog{width:min(1080px,calc(100% - 28px));max-height:90vh;max-height:90dvh;padding:0;border:8px solid #252831;border-radius:27px;background:#f6f7fa;color:#20232a;box-shadow:0 25px 90px #0006;overflow:auto}
.tc-story-dialog:not([open]){display:none}
.tc-story-dialog::backdrop{background:#08090dcc;backdrop-filter:blur(6px)}
.tc-story-dialog-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#191b21;border-bottom:1px solid #ffffff17}
.tc-story-dialog-heading>span{font:800 9px Manrope,Arial,sans-serif;letter-spacing:1.2px;color:#b2b8c6}
.tc-story-dialog-heading>button{min-height:44px;padding:10px 14px;background:#30343f;border:1px solid #4a4f5c;border-radius:9px;font:700 12px Manrope,Arial,sans-serif;color:#fff}
.tc-story-dialog-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.tc-story-dialog-grid article{padding:36px;min-width:0;overflow-wrap:anywhere}
.tc-story-dialog-grid h2{font:800 clamp(25px,3vw,37px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-1px;margin:0 0 22px;text-wrap:balance}
.tc-story-dialog-text p{font-size:17px;line-height:1.9;color:#606775;margin:0 0 20px}
.tc-story-dialog-photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at 40% 15%,#3a2b22,#17191f);padding:32px;min-height:350px;overflow:hidden}
.tc-story-dialog-photo:has(.tc-story-image){padding:16px;background:#14161b}
.tc-story-dialog-photo .tc-story-image{max-height:65vh;height:auto;object-fit:contain}
@media(max-width:680px){
 .tc-story{padding:48px 0}.tc-story-heading{margin-bottom:24px}.tc-story-heading h2{font-size:29px}.tc-story-heading>p{font-size:13px}
 .tc-story-notebook{border-radius:27px;padding:12px 10px 21px}.tc-tablet-screen{border-radius:16px}.tc-tablet-appbar{padding:11px 14px}.tc-tablet-apphint,.tc-tablet-separator{display:none}.tc-tablet-appname{font-size:9px;gap:8px}.tc-tablet-appname>span:last-child{font-size:9px}
 .tc-book-spread{grid-template-columns:1fr}.tc-book-photo{min-height:180px;padding:26px;gap:16px}.tc-book-photo.tc-story-cover{min-height:220px}.tc-story-cover-logo{max-width:270px}
 .tc-photo-frame{grid-template-columns:auto auto;gap:7px 20px;align-items:center}.tc-photo-frame>span:last-child{grid-column:1/-1}.tc-photo-monogram{width:38px;height:38px;font-size:16px;border-radius:10px}.tc-photo-frame strong{font-size:45px}
 .tc-book-page{padding:26px 23px 35px}.tc-book-content h3{font-size:25px}.tc-book-content p{font-size:14px;line-height:1.8}.tc-book-label{margin-bottom:13px}
 .tc-story-controls{padding:10px 11px;gap:7px}.tc-story-controls button{font-size:10px;padding:9px 9px}.tc-story-controls span{font-size:9px}.tc-story-help{font-size:11px}
 .tc-book-photo .tc-story-image{max-height:260px;object-fit:cover}.tc-story-dialog-grid{grid-template-columns:1fr}.tc-story-dialog-photo{min-height:190px;padding:24px}.tc-story-dialog-grid article{padding:26px}.tc-story-dialog-text p{font-size:16px;line-height:1.85}.tc-story-dialog-heading{padding:10px 14px}.tc-story-dialog-photo .tc-story-image{max-height:45vh}
}
@media(prefers-reduced-motion:reduce){.tc-story-controls button,.tc-book-open,.tc-book-track span{transition:none}.tc-book-page{transform:none!important}}
