/* Crónicas de Toledo · v0.4 · Cabecera y navegación
   Capa de presentación. La lógica de formularios, fichas, Supabase y exportación no cambia.
   Los selectores más específicos anulan el estilo histórico de la antigua cabecera. */
:root{--toledo-gold:#e9c58c;--toledo-gold-dim:#ae8559;--toledo-red:#7c3133;--toledo-ink:#120c11}
#root .toledo-header{min-height:0!important;overflow:visible!important;position:relative;isolation:isolate;background:#120b0f!important;border-bottom:1px solid #805e3c!important;box-shadow:0 18px 36px rgba(0,0,0,.35)!important}
#root .toledo-header::before,#root .toledo-header::after{display:none!important}
#root .toledo-hero{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);max-width:1440px;min-height:285px;margin:0 auto;background:linear-gradient(130deg,#1d1118,#110b10 78%);border-bottom:1px solid rgba(195,144,78,.27)}
#root .toledo-hero-art{min-height:285px;position:relative;background:url('./assets/toledo-hero.jpg') center 45%/cover no-repeat #1b171c}
#root .toledo-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,10,.04) 0%,rgba(9,6,10,.10) 66%,#180d13 100%),linear-gradient(0deg,rgba(12,5,12,.45),transparent 55%);pointer-events:none}
#root .toledo-hero-copy{padding:37px clamp(25px,4.5vw,76px) 25px 22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;background:linear-gradient(90deg,rgba(21,12,19,.4),#140b11 60%,#170d13)}
#root .toledo-eyebrow{color:#cba56e!important;font:600 .69rem/1.45 'Cinzel',Georgia,serif;letter-spacing:.23em!important;text-transform:uppercase;margin:0 0 14px!important;text-shadow:none!important}
#root .toledo-title{font-family:'Cinzel',Georgia,serif!important;font-weight:700!important;font-size:clamp(2rem,3.4vw,3.58rem)!important;line-height:1.09!important;letter-spacing:.035em!important;color:#f4ddb3!important;margin:0!important;text-shadow:0 2px 8px #000!important}
#root .toledo-title span{color:#c66b61!important}
#root .toledo-hero-description{color:#ccbba1!important;font:normal clamp(.99rem,1.25vw,1.18rem)/1.45 'Cormorant Garamond',Georgia,serif!important;max-width:490px;margin:16px 0 0!important;letter-spacing:normal!important;text-shadow:none!important}
#root .toledo-hero-rule{font:400 .68rem/1 'Cinzel',Georgia,serif;color:#a57946;letter-spacing:.17em;margin-top:15px}
#root .toledo-panel{max-width:1280px;margin:0 auto;padding:17px 26px 15px;position:relative;z-index:5;background:linear-gradient(90deg,rgba(18,12,17,.96),rgba(21,12,18,.94),rgba(18,12,17,.96));box-shadow:none}
#root .toledo-panel-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
#root .toledo-panel-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;min-width:0}
#root .toledo-panel-kicker{font:600 .72rem/1.5 'Cinzel',Georgia,serif;color:#e7bb79;letter-spacing:.14em}
#root .toledo-panel-count{color:#c2a98c;font:normal 1rem/1.4 'Cormorant Garamond',Georgia,serif}
#root .toledo-panel-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
#root .toledo-header button.toledo-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px!important;min-height:42px;border:1px solid #c68b5e!important;background:linear-gradient(180deg,#81383a,#4d1a25)!important;color:#fff0d3!important;white-space:nowrap;font:600 .78rem/1.2 'Cinzel',Georgia,serif!important;letter-spacing:.035em;box-shadow:0 3px 12px #0007!important;border-radius:3px!important}
#root .toledo-header button.toledo-add:hover{filter:brightness(1.14)}
#root .toledo-admin{position:relative;font-family:'Cinzel',Georgia,serif}
#root .toledo-admin summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 13px;cursor:pointer;list-style:none;color:#d9bb92;background:#24171c;border:1px solid #76523d;font-size:.70rem;letter-spacing:.035em;white-space:nowrap}
#root .toledo-admin summary::-webkit-details-marker{display:none}
#root .toledo-admin[open] summary,#root .toledo-admin summary:hover{background:#362025;border-color:#b18a59}
#root .toledo-admin-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(285px,85vw);padding:10px;border:1px solid #a07849;background:#180e14;box-shadow:0 15px 30px #000b;z-index:25;display:grid;gap:8px}
#root .toledo-header .toledo-admin-menu button{width:100%;min-height:39px;text-align:left;padding:10px 11px!important;font:600 .72rem/1.4 'Cinzel',Georgia,serif!important;background:#302024!important;border-color:#60442d!important;color:#f4d4a1!important}
#root .toledo-admin-menu p{font:normal .9rem/1.35 Georgia,serif;color:#baaa92;margin:2px 1px 0}
#root .toledo-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,188px) minmax(160px,188px);gap:11px;align-items:stretch}
#root .toledo-search{position:relative;display:flex;align-items:center;min-width:0}
#root .toledo-search-icon{position:absolute;left:14px;pointer-events:none;color:#ac8866}
#root .toledo-filter-bar input,#root .toledo-filter-bar select{display:block;width:100%;min-width:0;min-height:45px;background:#1c1319!important;border:1px solid #59402d!important;color:#f2e0c0!important;border-radius:3px!important;font:normal 1.03rem/1.3 'Cormorant Garamond',Georgia,serif!important;box-shadow:none!important}
#root .toledo-filter-bar input{padding:10px 14px 10px 44px!important}
#root .toledo-filter-bar input::placeholder{color:#ac9685!important;opacity:1}
#root .toledo-filter{position:relative;display:flex;align-items:center;min-width:0}
#root .toledo-filter svg{position:absolute;left:11px;pointer-events:none;color:#ad8963;z-index:1}
#root .toledo-filter select{appearance:none;padding:10px 33px 10px 38px!important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='none' stroke='%23c9a879' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}
#root .toledo-filter-bar :is(input,select):focus-visible,#root .toledo-admin summary:focus-visible,#root .toledo-header button:focus-visible{outline:2px solid #dfb677!important;outline-offset:2px}
#root .toledo-panel-bottom{display:flex;align-items:center;justify-content:flex-end;gap:12px 20px;flex-wrap:wrap;margin-top:10px;color:#bda789;font:.85rem/1.4 Georgia,serif}
#root .toledo-found{margin-right:auto}
#root .toledo-live{display:inline-flex;align-items:center;gap:7px;min-width:0}
#root .toledo-signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd9969;box-shadow:0 0 0 3px rgba(167,121,65,.10)}
#root .toledo-signal-connected{background:#8eae86;box-shadow:0 0 0 3px #45654140}
#root .toledo-signal-disconnected{background:#c07f63;box-shadow:0 0 0 3px #a2604b40}
#root .toledo-header button.toledo-refresh{min-height:30px;padding:5px 10px!important;border:1px solid #5c4635!important;background:transparent!important;font:normal .76rem/1.35 'Cinzel',Georgia,serif!important;color:#dcc39b!important;border-radius:3px!important;white-space:nowrap;box-shadow:none!important}
#root .toledo-header button.toledo-refresh:hover{border-color:#ab8459!important;background:#29191e!important}
#root .toledo-feedback{margin:8px 0 0!important;color:#e8bd7b;font:.88rem/1.4 Georgia,serif}
#root .toledo-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* La navegación siempre es discreta y no compite con la ilustración. */
#portal-app-nav{position:sticky;top:0;z-index:999;background:rgba(15,10,14,.97);border-bottom:1px solid #5b3f2e;font:600 .70rem/1.3 'Cinzel',Georgia,serif}
#portal-app-nav .links{max-width:1280px;margin:auto;display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:7px 18px}
#portal-app-nav a,#portal-app-nav span{padding:7px 11px;color:#ceb998;border:1px solid transparent;background:transparent;text-decoration:none;white-space:nowrap;border-radius:2px}
#portal-app-nav a:hover{border-color:#69523f;background:#24171b;color:#ffe5bd}
#portal-app-nav .active{border:1px solid #815942;background:#3a2129;color:#ffe0ad}
#portal-app-nav .disabled{opacity:.46;background:transparent;cursor:default}
@media(max-width:960px){
 #root .toledo-hero{grid-template-columns:minmax(0,43%) minmax(0,57%);min-height:250px}
 #root .toledo-hero-art{min-height:250px}
 #root .toledo-hero-copy{padding:25px 30px 24px 13px}
 #root .toledo-panel{padding:15px 20px}
 #root .toledo-title{font-size:clamp(1.85rem,4.2vw,3rem)!important}
}
@media(max-width:720px){
 #root .toledo-hero{display:flex;flex-direction:column;min-height:0}
 #root .toledo-hero-art{height:190px;min-height:190px;background-position:center 43%}
 #root .toledo-hero-art::after{background:linear-gradient(180deg,transparent 40%,#180d13 100%)}
 #root .toledo-hero-copy{padding:12px 22px 24px;background:linear-gradient(180deg,#180d13,#120b10);text-align:center;align-items:center}
 #root .toledo-eyebrow{font-size:.61rem;letter-spacing:.12em!important;margin-bottom:9px!important}
 #root .toledo-title{font-size:clamp(1.95rem,8vw,2.8rem)!important;line-height:1.10!important}
 #root .toledo-hero-description{margin-top:10px!important;font-size:1.02rem!important}
 #root .toledo-hero-rule{margin-top:11px}
 #root .toledo-panel-top{align-items:flex-start;flex-wrap:wrap}
 #root .toledo-panel-info{flex:1 1 100%}
 #root .toledo-panel-actions{width:100%;justify-content:flex-start}
 #root .toledo-filter-bar{grid-template-columns:1fr 1fr}
 #root .toledo-search{grid-column:1/-1}
 #root .toledo-filter{min-width:0}
 #root .toledo-panel-bottom{justify-content:space-between}
 #root .toledo-found{flex:1 1 100%}
 #portal-app-nav .links{padding:6px 10px;gap:3px;justify-content:center}
 #portal-app-nav a,#portal-app-nav span{padding:7px 8px;font-size:.61rem}
}
@media(max-width:430px){
 #root .toledo-hero-art{height:165px;min-height:165px}
 #root .toledo-panel{padding:14px 13px}
 #root .toledo-panel-actions{flex-wrap:wrap;gap:8px}
 #root .toledo-header button.toledo-add{padding:9px 12px!important;font-size:.71rem!important}
 #root .toledo-admin summary{padding:8px 10px;font-size:.64rem}
 #root .toledo-filter-bar{gap:8px}
 #root .toledo-filter-bar input,#root .toledo-filter-bar select{font-size:1rem!important}
 #root .toledo-live{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){#root .toledo-header *{transition:none!important}}
/* v0.7: filtro de ubicación e historial del Narrador */
.toledo-history-shade{position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:2vh 12px}
.toledo-history-dialog{background:#1c1110;border:2px solid #ac7d52;color:#ecd9b9;padding:24px;width:min(850px,100%);max-height:94vh;overflow:auto;box-shadow:0 12px 45px #000}
.toledo-history-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.toledo-history-header h2{font-size:1.5rem;color:#d9b67a}
.toledo-history-dialog button{background:#4e2925;border:1px solid #966548;padding:8px 12px;color:#f4dbba;cursor:pointer}
.toledo-history-entry{padding:12px 5px;border-bottom:1px solid #56392f;display:flex;justify-content:space-between;gap:12px;align-items:center}
.toledo-history-entry small{display:block;color:#bba88d;margin-top:4px}
@media(max-width:650px){.toledo-history-entry{align-items:flex-start;flex-direction:column}}

@media(min-width:981px){#root .toledo-filter-bar{grid-template-columns:minmax(250px,1fr) repeat(3,minmax(138px,180px))}}
@media(min-width:701px) and (max-width:980px){#root .toledo-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}#root .toledo-search{grid-column:1/-1}}