/* Front.pe — Libro de Reclamaciones, identidad sobria y móvil. */
:root{--accent:#16171a;--ink:#171719;--muted:#73767d;--line:#e6e7ea;--soft:#fafafa;color-scheme:light}
html{scroll-behavior:smooth}
body{background:#fafafa;color:#18191b;-webkit-font-smoothing:antialiased}
.page{width:min(1100px,calc(100% - 60px));padding:28px 0 48px}
.topbar{align-items:center;padding-bottom:22px;gap:15px}
.topbar .brand{display:inline-flex;align-items:center;gap:0;white-space:nowrap;flex-shrink:0;font-size:unset;letter-spacing:normal;line-height:1;color:#18191a}
.topbar .brand-logo{background:transparent;border-radius:0;display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;overflow:visible}
.topbar .brand-logo img{width:41px;height:41px;max-width:none;object-fit:contain;filter:brightness(0);transform:translateY(1px)}
.topbar .brand > span:last-child:not(.brand-logo),.topbar .frontpe-book-word{display:block;font:800 28px/1 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.075em;margin-left:-4px}
.top-actions .button{color:#676970;font-size:12px;white-space:normal;text-align:right}
.hero{gap:52px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);padding:48px 0 42px}
.pill-note{color:#62656c;font-size:10px}
.pill-note:before{background:#141518}
.hero h1{font-size:clamp(40px,4.5vw,56px);letter-spacing:-.06em;font-weight:800;margin:17px 0 19px}
.hero-card p{color:#64666e;line-height:1.75;max-width:520px}
.hero-link span{color:#18191b}
.info-card{background:#fff;border:1px solid #e5e6e9;border-radius:17px;padding:24px;box-shadow:0 15px 45px rgba(15,17,21,.04)}
.info-card h2{font-size:14px;font-weight:800}
.info-list>div{grid-template-columns:110px minmax(0,1fr);gap:9px}
.info-list strong{font-weight:650;color:#81838a}
.form-card{padding:42px 44px;border-color:#e6e6e8;border-radius:20px;box-shadow:0 24px 70px rgba(18,19,24,.045);margin-bottom:28px}
.form-card h2{font-weight:800;letter-spacing:-.045em}
.section-title>span{background:#17181b;color:#fff}
.choice input,.check-row input{accent-color:#17181b}
.choice input:checked+span{background:#f6f6f7;border-color:#85868d}
.field label{color:#393b42;font-weight:680}
.field input,.field select,.field textarea{border-color:#dedfe3;border-radius:10px;min-height:49px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#24252a;box-shadow:0 0 0 3px rgba(22,23,27,.09)}
.required{color:#a2444d}
.button-primary{background:#16171a;color:#fff;border-color:#16171a}
.button-primary:hover{background:#333439;border-color:#333439}
.actions>.button:not(.button-primary){background:transparent;border-color:transparent;color:#62656e}
.footer-note{padding-top:16px;border-top:1px solid #ededf0}
.frontpe-book-footer{border-top:1px solid #e5e6e9;padding:25px 10px 7px;margin:15px 0 0;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:11px;color:#777982}
.frontpe-book-footer a{color:inherit;text-decoration:none}
.frontpe-book-footer .frontpe-book-credit{font-size:12px;font-weight:800;color:#1a1b1e}
.frontpe-book-footer .frontpe-book-author a{font-weight:750;color:#303238}
.frontpe-book-footer small{font-size:10px;color:#8d8f96;line-height:1.65}
.frontpe-book-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 15px;margin-top:7px}
.frontpe-book-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.page{width:min(650px,calc(100% - 36px))}.hero{grid-template-columns:1fr;gap:24px;padding:32px 0}.info-card{padding:22px}.form-card{padding:30px 27px}}
@media(max-width:520px){.page{width:calc(100% - 28px);padding-top:12px}.topbar .brand-logo{width:35px;height:38px;flex-basis:35px}.topbar .brand-logo img{width:35px;height:35px}.topbar .brand > span:last-child:not(.brand-logo),.topbar .brand > span:last-child:not(.brand-logo),.topbar .frontpe-book-word{font-size:23px;margin-left:-3px}.top-actions .button{font-size:11px;padding:6px 0;max-width:134px}.hero h1{font-size:39px}.info-card{padding:21px 18px}.info-list>div{grid-template-columns:105px minmax(0,1fr)}.form-card{padding:26px 19px;border-radius:15px}.form-card h2{font-size:23px}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}