:root{--as-ink:#142b33;--as-blue:#235567;--as-clay:#b84936;--as-paper:#fbf8f1;--as-sand:#e9dfd1;--as-pale:#f2ece2;--as-muted:#637078;--as-rule:rgba(20,43,51,.16)}*{box-sizing:border-box}body{margin:0;background:var(--as-paper);color:var(--as-ink);font-family:Montserrat,Arial,sans-serif}.site-header{min-height:76px;padding:17px clamp(22px,5vw,82px);display:flex;justify-content:space-between;align-items:center;gap:22px;background:var(--as-ink);color:#fff;border-bottom:4px solid var(--as-clay)}.brand{color:#fff;font:600 1.18rem/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.12em;text-decoration:none}.brand span,.brand i{color:#e8b287;font-style:normal}.site-header nav{display:flex;align-items:center;gap:18px}.site-header nav a{color:#fff;text-decoration:none;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.site-header nav a:hover{color:#e8b287}.user{color:#e8b287;font-size:.72rem}.hero,.auth{padding:clamp(68px,10vw,142px) clamp(22px,9vw,132px);background:linear-gradient(118deg,rgba(20,43,51,.98),rgba(35,85,103,.92)),radial-gradient(circle at 82% 14%,rgba(184,73,54,.5),transparent 31%);color:#fff}.eyebrow{margin:0 0 18px;color:#e8b287;font-size:.7rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1,.auth h1,.admin-head h1{margin:0;font:600 clamp(3.35rem,8vw,7.15rem)/.84 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em}.hero h1 em,.auth h1 em{color:#e8b287;font-style:normal}.lead{max-width:720px;margin:34px 0 0;color:rgba(255,255,255,.84);line-height:1.82}.collections,.catalog,.admin-head,.admin-grid{padding:clamp(52px,8vw,108px) clamp(22px,7vw,100px)}.section-intro{max-width:690px}.section-intro h2,.catalog h2,.panel h2,.list h2,.guide h2{margin:0 0 14px;font:600 clamp(2.55rem,5vw,4.6rem)/.88 'Cormorant Garamond',Georgia,serif}.collection-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.collection-grid article,.catalog article,.list article,.guide{padding:27px;border:1px solid var(--as-rule);background:#fff}.collection-grid article{min-height:220px;border-top:3px solid var(--as-blue)}.collection-grid article:nth-child(3n+2){border-top-color:var(--as-clay)}.collection-grid article:nth-child(3n){border-top-color:#d79657}.collection-grid span,.list span{color:var(--as-clay);font-size:.69rem;font-weight:700;letter-spacing:.14em}.collection-grid h3,.catalog h3,.list h3{margin:37px 0 11px;font:600 2.02rem/1 'Cormorant Garamond',Georgia,serif}.collection-grid p,.catalog article div,.list p,.guide p{color:var(--as-muted);font-size:.88rem;line-height:1.72}.collection-grid a{display:block;margin:9px 0;color:var(--as-blue);font-size:.76rem;font-weight:700;text-decoration-color:rgba(35,85,103,.35)}.catalog{background:var(--as-pale)}.catalog article{max-width:850px;margin:15px 0}.catalog article>p{color:var(--as-clay);font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.auth{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr minmax(290px,430px);align-items:center;gap:80px}.auth a{color:#fff}.panel{padding:32px;background:#fff;color:var(--as-ink);border-top:4px solid var(--as-clay);box-shadow:0 22px 55px rgba(8,28,35,.24)}label{display:grid;gap:7px;margin:0 0 16px;color:var(--as-blue);font-size:.72rem;font-weight:700;letter-spacing:.04em}input,select,textarea{width:100%;padding:12px;border:1px solid var(--as-rule);border-radius:0;background:#fff;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(184,73,54,.4);border-color:var(--as-clay)}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}button{padding:13px 19px;border:0;background:var(--as-clay);color:#fff;font-weight:700;letter-spacing:.03em;cursor:pointer}button:hover{background:#953627}.notice{margin:22px auto;padding:13px;max-width:900px;background:#e1eee8;color:#1f513d}.error{background:#f4ded8;color:#802e25}.admin-head{padding-bottom:26px}.admin-head p:not(.eyebrow){max-width:740px;color:var(--as-muted);line-height:1.72}.admin-grid{padding-top:20px;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(300px,1.1fr);gap:29px;align-items:start}.editor{position:sticky;top:20px}.list{display:grid;gap:12px}.list article{position:relative}.list article form{position:absolute;right:20px;top:20px}.list article a{color:var(--as-blue);font-size:.78rem;font-weight:700}.delete{background:#8d3b33;font-size:.7rem;padding:8px}.single{grid-template-columns:minmax(290px,620px) minmax(240px,420px)}footer{padding:31px;background:var(--as-ink);color:rgba(255,255,255,.68);font-size:.7rem;letter-spacing:.04em;text-align:center}@media(max-width:800px){.site-header,.site-header nav{align-items:flex-start;flex-direction:column}.collection-grid{grid-template-columns:1fr}.auth,.admin-grid,.single{grid-template-columns:1fr}.editor{position:static}.hero h1,.auth h1{font-size:3.75rem}}/* Gestión de usuarios · controles dentro de cada cuenta */
.list article form{
    position:static;
    right:auto;
    top:auto;
    margin-top:16px;
    display:grid;
    gap:8px;
    max-width:520px;
}

.list article form + form{
    margin-top:12px;
}

.list article form label{
    margin:0;
}

.list article form input,
.list article form select{
    width:100%;
    min-width:0;
}

.list article form button{
    position:static;
    width:max-content;
    max-width:100%;
    justify-self:start;
}

@media(max-width:800px){
    .list article form{
        max-width:none;
    }

    .list article form button{
        width:100%;
    }
}

/* Logotipo compartido: portada pública, área privada y acceso. */
.site-header{padding-top:12px;padding-bottom:12px}
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-logo{display:block;width:52px;height:auto;max-height:56px;object-fit:contain}
.brand-editions{color:#e8b287;font:600 1.02rem/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.16em;text-transform:uppercase}
.site-header--private .brand-logo{width:40px;max-height:44px}
.site-header--private .brand-editions{font-size:.88rem}
.auth-logo{display:block;width:124px;height:auto;max-height:132px;object-fit:contain;margin:0 0 28px}

@media(max-width:800px){
    .site-header{padding-top:15px;padding-bottom:15px}
    .brand-logo,.site-header--private .brand-logo{width:42px;max-height:48px}
    .brand-editions{font-size:.9rem}
    .auth-logo{width:96px;max-height:104px;margin-bottom:23px}
}