:root { --ink:#183b4d; --night:#102c3b; --paper:#fbf7f0; --warm:#e9ded0; --coral:#ba6c50; --line:rgba(24,59,77,.18); }
* { box-sizing:border-box; } html { background:var(--paper); scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font:400 16px/1.7 "DM Sans",Arial,sans-serif; } a { color:inherit; } a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--coral); outline-offset:4px; }.container { width:min(920px,calc(100% - 3rem)); margin:auto; }.skip-link { position:fixed; top:-4rem; left:1rem; z-index:100; padding:.7rem 1rem; color:#fff; background:var(--ink); }.skip-link:focus { top:1rem; }.site-header { color:#fff; background:var(--night); }.site-nav { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:2rem; }.brand { display:inline-flex; align-items:center; gap:.7rem; color:#fff; text-decoration:none; font:600 1.18rem/1 "Playfair Display",Georgia,serif; }.brand img { width:46px; height:auto; }.brand small { display:block; margin-top:.35rem; font:600 .61rem/1 "DM Sans",sans-serif; letter-spacing:.13em; text-transform:uppercase; opacity:.78; }.nav-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.75rem 1.2rem; color:rgba(255,255,255,.88); font-size:.82rem; }.hero-copy { padding:6rem 0 4.5rem; color:#fff; background:linear-gradient(90deg,rgba(16,44,59,.93),rgba(16,44,59,.72)),url("assets/img/fragmento-editorial.png") center/cover; }.hero-copy .container { max-width:920px; }.eyebrow { margin:0 0 1rem; color:#f0baa5; font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.hero-copy h1,h2,h3 { font-family:"Playfair Display",Georgia,serif; line-height:1.1; letter-spacing:-.03em; }.hero-copy h1 { max-width:760px; margin:0 0 1.35rem; font-size:clamp(3rem,7vw,5.7rem); font-weight:500; }.hero-copy p:not(.eyebrow) { max-width:650px; margin:0; color:rgba(255,255,255,.87); font-size:1.08rem; }.content { padding:5rem 0 6rem; }.content h2 { margin:3.2rem 0 1rem; font:500 clamp(2rem,4.2vw,3rem)/1.12 "Playfair Display",Georgia,serif; letter-spacing:-.025em; }.content h3 { margin:2rem 0 .5rem; font:500 1.55rem/1.2 "Playfair Display",Georgia,serif; }.content p,.content li { max-width:760px; }.lead { max-width:735px; color:#50636c; font-size:1.14rem; }.notice { max-width:760px; margin:2.5rem 0; padding:1.2rem 1.4rem; border-left:3px solid var(--coral); background:var(--warm); }.related { display:flex; flex-wrap:wrap; gap:.8rem 1.4rem; max-width:800px; margin:3rem 0 0; padding-top:1.4rem; border-top:1px solid var(--line); }.related a { text-underline-offset:.22em; }.faq-list { max-width:780px; border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; gap:1rem; padding:1.25rem 0; cursor:pointer; font-weight:700; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary:after { content:"+"; color:var(--coral); font-size:1.5rem; font-weight:400; }.faq-list details[open] summary:after { content:"−"; }.faq-list details p { margin:0; padding:0 2rem 1.35rem 0; color:#50636c; }.button { display:inline-flex; align-items:center; min-height:47px; margin-top:1rem; padding:.7rem 1.25rem; color:var(--night); background:#fff; font-size:.86rem; font-weight:700; text-decoration:none; }.site-footer { padding:3rem 0; color:#d5e0e0; background:#0b222e; }.footer-grid { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:end; }.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.6rem 1rem; font-size:.83rem; }.footer-links a { color:#d5e0e0; }.not-found { min-height:65vh; display:grid; place-items:center; text-align:center; }.not-found h1 { margin:.2rem 0 1rem; font:500 clamp(3rem,8vw,6rem)/1 "Playfair Display",Georgia,serif; } @media (max-width:760px) { .container { width:calc(100% - 2rem); }.site-nav { align-items:flex-start; flex-direction:column; gap:1rem; padding:1.2rem 0; }.nav-links { justify-content:flex-start; }.hero-copy { padding:4.5rem 0 3.5rem; }.content { padding:4rem 0; }.footer-grid { grid-template-columns:1fr; }.footer-links { justify-content:flex-start; } }