/* Celestiales · identidad de SoyTavo llevada al cielo. Fuentes OFL locales. */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/geist-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-opsz-normal.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-opsz-italic.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2")}
:root{color-scheme:dark;--ce-paper:#0c100f;--ce-ink:#f0ebe4;--ce-muted:#afa9a0;--ce-line:#343c37;--ce-accent:#e3aa90;--ce-emerald:#59d5a7;--ce-sans:Geist,system-ui,sans-serif;--ce-serif:"Bodoni Moda",Georgia,serif;--ce-mono:"JetBrains Mono",ui-monospace,monospace}
::selection{background:#246c51;color:#fff}
body.ce-ready{background:var(--ce-paper);font-family:var(--ce-sans)}
#ce-header,#ce-footer{background:rgba(12,16,15,.93);font-family:var(--ce-sans)}
#ce-header{border-bottom-color:#32634e}
#ce-header h1{font-family:var(--ce-sans);font-weight:550;letter-spacing:-.02em}
.ce-brand{font-family:var(--ce-sans);letter-spacing:-.04em;font-weight:650}
.ce-brand span{color:var(--ce-ink)}
#ce-header button,#ce-footer button,.ce-drawer button,.ce-drawer summary,.ce-drawer select{font-family:var(--ce-sans);background:#171f1b;border-color:var(--ce-line);border-radius:10px;transition:background .16s,border-color .16s,color .16s}
#ce-header button:hover,#ce-footer button:hover,.ce-drawer button:hover{border-color:var(--ce-emerald);background:#1c3026}
#ce-header button[aria-expanded=true],#ce-footer button[aria-expanded=true]{border-color:var(--ce-emerald);color:var(--ce-emerald);background:#163326}
.ce-phase,.ce-sky-time{font-family:var(--ce-mono)}
.ce-sky-time{color:var(--ce-muted);font-size:9px}
.ce-drawer{background:#101714;font-family:var(--ce-sans);border-color:#456655;border-radius:16px;box-shadow:0 20px 60px #0008;transition:opacity .16s,transform .16s}
.ce-drawer[open]{opacity:1;transform:translateY(0)}
.ce-drawer-head{background:#101714;border-bottom-color:var(--ce-line)}
.ce-drawer-head h2{font-family:var(--ce-sans);font-weight:600;letter-spacing:-.03em;font-size:17px}
.ce-content{font-family:var(--ce-sans)}
.ce-content :is(label,select,input,button){font-family:var(--ce-sans)!important}
.ce-content :is(.val,.k,.metric b){font-variant-numeric:tabular-nums}
.ce-content :is(p,.note,.sub){color:var(--ce-muted)!important}
.ce-content input[type=range]{accent-color:var(--ce-emerald)}
.ce-content .on{color:var(--ce-emerald)!important;border-color:var(--ce-emerald)!important;background:#173728!important}
.ce-content .ce-context{padding:13px 14px;border-left:2px solid var(--ce-emerald);background:#17251d;border-radius:0 10px 10px 0}
#ce-modules .ce-content a{gap:12px;border-bottom-color:var(--ce-line);border-radius:8px;padding-block:17px;transition:background .16s,color .16s}
#ce-modules .ce-content a:hover{background:#1c3026;color:var(--ce-accent)}
#ce-modules .ce-content a[aria-current]{color:var(--ce-emerald)}
#ce-modules .ce-content a span{color:var(--ce-emerald)}
.ce-ready dialog#sources{background:#101714;color:var(--ce-ink);border:1px solid #456655;border-radius:16px;font-family:var(--ce-sans)}
.ce-ready dialog#sources a{color:var(--ce-accent)}
.ce-ready dialog#sources h2{font-family:var(--ce-serif);font-weight:500;color:var(--ce-accent)}
.ce-skip{background:#163326}
/* Progressive CSS: unsupported browsers keep native navigation/dialogs. */
@starting-style{.ce-drawer[open]{opacity:0;transform:translateY(6px)}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .ce-drawer,#ce-header button,#ce-footer button,.ce-drawer button,#ce-modules .ce-content a{transition:none;transform:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}
/* Home: the six original celestial drawings remain the main visual material. */
body.ce-home{--bg:#0c100f;--panel:#141c17;--line:#343c37;--ink:#f0ebe4;--mut:#b0a99f;--acc:#e3aa90;--acc2:#59d5a7;--acc3:#c9b4e3;--acc4:#59d5a7;--dim:#9caaa1;--sans:var(--ce-sans);--mono:var(--ce-mono);font-family:var(--ce-sans)}
.ce-home .wrap{max-width:1240px;padding-inline:32px}
.ce-home .veil{background:radial-gradient(ellipse at 90% 12%,#245d412b,transparent 55%),radial-gradient(ellipse at 15% 60%,#6e4a3220,transparent 45%)}
.ce-home .ce-home-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #35654f}
.ce-home .ce-home-nav a{color:var(--mut);font:12px/1.5 var(--mono);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.ce-home .ce-home-nav a:hover{color:var(--acc)}
.ce-home .ce-home-brand{font:650 22px/1 var(--sans);letter-spacing:-.055em}
.ce-home .ce-home-brand b{color:var(--acc2);font-weight:inherit}
.ce-home header.hero{padding:78px 0 62px;text-align:left;max-width:1040px}
.ce-home .kicker{color:var(--acc2);font-size:11px;letter-spacing:.14em;margin-bottom:22px}
.ce-home h1{font:650 clamp(48px,8.5vw,108px)/.95 var(--sans);letter-spacing:-.065em;background:none;-webkit-text-fill-color:currentColor;color:var(--ink);text-wrap:balance}
.ce-home h1 em{font:italic 450 1.02em/.95 var(--ce-serif);letter-spacing:-.04em;color:var(--acc)}
.ce-home .lede{margin:25px 0 0;max-width:670px;color:var(--mut);font-size:clamp(15px,1.8vw,18px);line-height:1.7;text-wrap:pretty}
.ce-home .ce-home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}
.ce-home .ce-home-actions a{min-height:48px;padding:11px 18px;border:1px solid #477d62;border-radius:999px;background:#194330;color:var(--ink);text-decoration:none;font-size:14px;font-weight:550;display:inline-flex;align-items:center;gap:24px;transition:background .2s,border-color .2s}
.ce-home .ce-home-actions a:hover{background:#23553c;border-color:var(--acc2)}
.ce-home .ce-home-actions .ce-secondary{background:transparent;border-color:var(--line);color:var(--acc)}
.ce-home .meta{justify-content:flex-start;margin-top:24px;gap:7px}
.ce-home .tag{background:#101a13;border-color:#334a3d;font-size:10px;letter-spacing:.07em;color:var(--mut)}
.ce-home .ce-index-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;padding-top:24px;border-top:1px solid var(--line)}
.ce-home .ce-index-heading h2{font:500 clamp(26px,3.4vw,42px)/1.1 var(--ce-serif);letter-spacing:-.025em;color:var(--ink)}
.ce-home .ce-index-heading span{color:var(--acc2);font:10px/1.5 var(--mono);letter-spacing:.08em}
.ce-home .grid{gap:20px}
.ce-home .card{border-radius:20px;background:linear-gradient(155deg,#19221bee,#101512f5);border-color:var(--line);transition:transform .22s,border-color .22s,box-shadow .22s}
.ce-home .card:hover{border-color:#4c9671;transform:translateY(-3px);box-shadow:0 16px 45px #0005}
.ce-home .card:focus-visible,.ce-home a:focus-visible{outline:2px solid var(--acc);outline-offset:5px}
.ce-home .art{height:200px;background:radial-gradient(ellipse at 50% 10%,#21382a,#0a100d 80%)}
.ce-home .card.wide .art{height:270px}
.ce-home .body{padding:24px 26px 26px;gap:12px}
.ce-home .num{color:var(--acc2);font-size:10px;letter-spacing:.12em}
.ce-home .card h2{font:550 clamp(24px,3vw,35px)/1.12 var(--sans);letter-spacing:-.04em;text-wrap:balance}
.ce-home .card.wide h2{font-size:clamp(30px,3.7vw,44px)}
.ce-home .card p{font:14px/1.7 var(--sans);color:var(--mut);max-width:66ch}
.ce-home .chip{border-radius:999px;border-color:#405347;color:#c8c0b5;font-size:9px;letter-spacing:.045em;padding:5px 9px}
.ce-home .go{color:var(--acc);font-size:11px;letter-spacing:.1em;margin-top:12px;min-height:28px}
.ce-home .alt span{color:var(--mut)}
.ce-home .altbtn{border-color:#976c59;background:#3b2c2329;color:var(--acc);min-height:44px;display:inline-flex;align-items:center}
.ce-home footer{color:var(--dim);font-size:11px;line-height:1.8}
.ce-home footer a{color:var(--mut);min-height:44px;display:inline-flex;align-items:center}
.ce-home footer a:hover{color:var(--acc);border-color:var(--acc)}
@supports(container-type:inline-size){.ce-home .card{container-type:inline-size}@container(min-width:580px){.ce-home .card .num{font-size:11px}.ce-home .card .chips{gap:8px}}}
@media(min-width:1000px){.ce-home .card.wide{display:grid;grid-template-columns:1.08fr 1fr}.ce-home .card.wide .art{height:auto;min-height:330px}.ce-home .card.wide .body{padding:32px}.ce-home .card.wide .art svg{height:100%}}
@media(max-width:880px){.ce-home header.hero{padding:58px 0 45px}.ce-home .card.wide .art{height:230px}.ce-home .art{height:174px}}
@media(max-width:560px){.ce-home .wrap{padding-inline:18px}.ce-home .ce-home-nav{min-height:68px}.ce-home .ce-home-nav a{font-size:10px;gap:6px}.ce-home header.hero{padding:45px 0 36px}.ce-home h1{font-size:clamp(44px,11.5vw,65px)}.ce-home .kicker{font-size:10px}.ce-home .body{padding:20px}.ce-home .art,.ce-home .card.wide .art{height:190px}.ce-home .ce-index-heading{align-items:flex-start;flex-direction:column;gap:10px}.ce-home .ce-home-actions{gap:10px}.ce-home .ce-home-actions a{font-size:13px;gap:16px}.ce-home .tag{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ce-home .card,.ce-home .ce-home-actions a,.ce-home .go::after{transition:none!important;transform:none!important}}