/* ROSARIO. V5 — tokens de densidad, componentes y responsive consolidados. */
:root{color-scheme:dark;--bg:#141414;--panel:#232323;--panel2:#2c2c2c;--line:#383838;--text:#f5f5f3;--muted:#b4b4b4;--accent:#FF846F;--accent-hover:#FF9D8D;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 14px)}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select,input,textarea{color:inherit}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover,a:hover{transition:color .18s,background .18s}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.js-only{display:none!important}.js-enabled .js-only{display:var(--enhanced-display,inline-flex)!important}.js-enabled .js-only[hidden]{display:none!important}.skip{position:fixed;z-index:100;top:-80px;left:24px;padding:12px 20px;background:var(--text);color:#111}.skip:focus{top:10px}.icon-button{background:transparent;border:1px solid transparent;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:7px;color:#dedede}.icon-button:hover{background:#343434;color:white}.is-saved{color:var(--accent)}.is-saved svg{fill:currentColor}.utility-dock{position:fixed;bottom:18px;right:var(--gutter);z-index:90;display:flex;gap:2px;padding:5px;background:#242424f5;border:1px solid #444;border-radius:28px;box-shadow:0 4px 20px #0005}.utility-dock a{display:flex}.utility-dock button[aria-pressed=true]{color:var(--accent);background:#343030}.utility-dock svg{width:19px;height:19px}.utility-dock .favorite-count{display:none}
/* Portada: filas independientes, una identidad grande por tarjeta. */
body[data-page-kind=home] #catalog{padding-top:var(--catalog-top)}main{min-height:65vh}.shelf{margin-bottom:var(--shelf-gap)}.shelf-heading{display:flex;align-items:center;gap:20px;min-height:var(--shelf-heading-height);margin:0 var(--gutter) var(--shelf-heading-gap)}.shelf-heading h2{font-size:var(--shelf-title-size);font-weight:600;line-height:1.2;letter-spacing:-.35px;margin:0}.shelf-heading h2 a:hover{color:#fff}.see-all{font-size:11px;color:#bdbdbd;display:flex;gap:7px;align-items:center;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s}.see-all > span[aria-hidden="true"]{font-size:23px;line-height:1;color:var(--accent)}.shelf:hover .see-all,.shelf:focus-within .see-all{opacity:1;transform:none}.see-all:focus-visible{opacity:1}.rail-wrap{position:relative}.rail{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding:var(--rail-top) var(--gutter) var(--rail-bottom);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}.rail::-webkit-scrollbar{display:none}.card{width:var(--card);flex:0 0 var(--card);min-width:0;scroll-snap-align:start;position:relative}.card-visual{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;background:#262626;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff16,inset 0 -1px 0 #0004,0 2px 6px #0003;transition:transform 210ms ease,box-shadow 210ms ease}.image-link{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden;position:relative}.cover{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:filter .2s}.card-visual:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff0a,transparent 12%,transparent 90%,#00000012);box-shadow:inset 0 1px 0 #ffffff15,inset 0 -1px 0 #0003;pointer-events:none;z-index:1}.card:is(:hover,:focus-within) .card-visual{transform:translateY(-2px) scale(1.012);box-shadow:inset 0 1px 0 #ffffff1e,0 8px 22px #0005;will-change:transform}.card:has(.image-link:focus-visible){z-index:4}.card .image-link:focus-visible{outline-offset:3px;outline-width:3px}.rail-arrow{--enhanced-display:flex;position:absolute;align-items:center;justify-content:center;color:#fff;z-index:85;opacity:0;transition:opacity .18s,background .18s}.rail-arrow svg{stroke-width:2.4}.shelf:hover .rail-arrow:not(:disabled),.shelf:focus-within .rail-arrow:not(:disabled){opacity:1}.rail-arrow:disabled{visibility:hidden}.rail-arrow:hover{background:#000e}.rail-arrow:focus-visible{opacity:1;outline-offset:-4px}.rail-wrap:not(.overflows) .rail-arrow{visibility:hidden}.rail-arrow.next:not(:disabled):after{content:"";position:absolute;inset:0;box-shadow:10px 0 30px #0004;pointer-events:none}
/* Páginas temáticas: mismos covers, navegación y contenido HTML. */
.page-heading{margin:0 var(--gutter);padding:25px 0 22px}.breadcrumbs{margin:0 0 18px;color:#a9a9a9;font-size:12px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:9px;color:#666}.breadcrumbs a:hover{color:#fff}.page-heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.page-heading h1{font-size:32px;line-height:1.1;letter-spacing:-.7px;margin:0 0 11px}.page-intro{font-size:14px;line-height:1.65;color:#b7b7b7;max-width:780px;margin:0}.page-stat{display:flex;gap:7px;align-items:baseline;white-space:nowrap;color:#999;font-size:12px}.page-stat strong{font-size:19px;font-weight:400;color:#e8e8e8}#interactiveControls{--enhanced-display:block;margin:0 var(--gutter) 24px}.filter-panel{border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0}.filter-panel summary{font-size:12px;color:#bbb;cursor:pointer;list-style:none;width:max-content}.filter-panel summary span{margin-left:10px}.discovery-bar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-top:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #4b4b4b;background:transparent;color:#c0c0c0;padding:7px 11px;border-radius:5px;font-size:12px}.filter.active{background:#e6e6e3;color:#171717;border-color:transparent}.sort-control,.subcategory-control{display:flex;align-items:center;gap:10px;font-size:12px}.sort-control label,.subcategory-control label{color:#aaa}select{background:#252525;border:1px solid #555;border-radius:4px;padding:6px 9px;max-width:100%}.subcategory-control{margin-top:14px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min,195px),1fr));gap:var(--grid-row-gap,20px) var(--gap);margin:0 var(--gutter)}.results-grid .card{width:100%}.results-grid .card-visual{width:100%}.active-context{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px var(--gutter);font-size:14px}.active-context button{font-size:12px;background:transparent;color:#bcbcbc}.active-context button:hover{color:#fff}.active-context button span{margin-left:8px;color:var(--accent)}.empty-state{padding:65px 20px 110px;text-align:center}.empty-symbol{font-size:60px;color:#777}.empty-state h2{font-size:25px;margin:12px 0}.empty-state p{font-size:14px;color:#aaa}.editorial-guide{display:flex;gap:20px;border-top:1px solid #333;border-bottom:1px solid #333;padding:24px 0;margin:45px var(--gutter) 30px}.guide-mark{color:var(--accent);font-size:26px}.editorial-guide h2{font-size:16px;margin:0 0 8px}.editorial-guide p{font-size:13px;color:#b0b0b0;margin:0;max-width:800px}.related-block{margin:35px var(--gutter)}.section-heading .eyebrow{display:none}.section-heading h2,.area-topics h2{font-size:20px;letter-spacing:-.3px;margin-bottom:18px}.related-grid,.area-topics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-tile{display:block;padding:18px 20px;background:#222;border-radius:8px;border:1px solid #303030;position:relative}.topic-tile:hover{background:#2b2b2b;border-color:#505050}.topic-tile strong{display:block;font-size:17px;margin:4px 0 8px}.topic-tile>span:not(.topic-tile-kicker){font-size:12px;color:#aaa;display:block;max-width:95%}.topic-tile-kicker{font-size:10px;color:#9c9c9c}.topic-tile i{position:absolute;top:16px;right:18px;color:#aaa;font-style:normal}.area-topics{margin:5px var(--gutter) 28px}.area-topics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.area-topics .topic-tile{padding:14px 17px}.area-topics .topic-tile>span:not(.topic-tile-kicker){display:none}.area-topics .topic-tile strong{font-size:15px;margin-bottom:0}
/* Diálogos, ficha, captura y menú completo. */
dialog{padding:0;width:min(1000px,calc(100vw - 40px));max-height:calc(100dvh - 48px);border:1px solid #484848;background:#1f1f1f;color:var(--text);border-radius:14px;box-shadow:0 25px 100px #0008;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 26px;border-bottom:1px solid #383838;position:sticky;top:0;background:#1f1f1f;z-index:2}.dialog-header h2{font-size:23px;line-height:1.2;letter-spacing:-.4px;margin:0}.dialog-header .eyebrow{font-size:10px;color:#a9a9a9;letter-spacing:1px;margin:0 0 7px}.close-button{background:#333;flex-shrink:0}#dialogBody{padding:26px}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 35px}.mega-grid h3{font-size:16px;line-height:1.3;margin:0 0 11px}.mega-grid h3 a{display:flex;align-items:center;gap:10px}.mega-grid h3 a span{font-size:12px;color:var(--accent)}.mega-grid ul{padding:0;margin:0;list-style:none}.mega-grid li a{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:5px 0;color:#b9b9b9;gap:15px}.mega-grid a:hover{color:#fff}.mega-grid small{color:#777;font-size:10px}.mega-map-link{display:block;margin-top:27px;padding-top:18px;border-top:1px solid #444;font-size:13px}.menu-settings{margin-top:22px;padding-top:18px;border-top:1px solid #444;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#bbb}.menu-settings button{background:#333;border:1px solid #666;padding:7px 12px;border-radius:5px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-image{aspect-ratio:16/9;background:#333;border-radius:8px;overflow:hidden}.detail-image .preview{width:100%;height:100%;object-fit:cover;object-position:top}.detail-description{font-size:16px;line-height:1.6}.detail-note{color:#aaa;font-size:11px;margin:10px 0}.soft-badge{display:inline-flex;gap:5px;font-size:11px;align-items:center;color:#ccc}.soft-badge svg{width:15px}.detail-domain{font-size:13px;color:var(--accent)}dl{display:grid;grid-template-columns:105px 1fr;font-size:11px;gap:9px 12px;margin:25px 0}dt{color:#999}dd{margin:0;color:#ccc}.detail-cta{display:flex;flex-wrap:wrap;gap:9px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:9px 14px;border-radius:5px;font-size:12px;font-weight:700}.primary-button{background:#eee;color:#111}.primary-button:hover{background:#fff}.secondary-button{background:transparent;color:#ddd;border:1px solid #646464}.secondary-button:hover{background:#333}.primary-button svg,.secondary-button svg{width:16px;height:16px}.is-saved{color:var(--accent)}.is-saved svg{fill:currentColor}.source-notice{padding:12px 15px;border-left:2px solid var(--accent);background:#302724;font-size:12px}.capture-dialog{width:min(1440px,calc(100vw - 40px))}.capture-dialog .dialog-header h2{font-size:20px}.capture-body{padding:0}.capture-body .preview{display:block;width:100%;height:auto;max-width:none}.capture-caption{padding:17px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#bbb}.capture-caption p{margin:0}.capture-caption a{white-space:nowrap;color:#f0f0f0}.capture-caption .preview-date{font-size:10px;color:#999;margin-top:5px}
.source-sheet{width:min(480px,calc(100vw - 24px))}.source-sheet .capture-body .preview{min-width:0;width:100%;height:auto}.sheet-copy{padding:22px}.sheet-copy>p{font-size:14px;line-height:1.7;color:#bcbcbc;margin:0 0 20px}.sheet-actions{display:flex;align-items:center;gap:15px}.sheet-actions .primary-button{margin-right:auto;font-size:14px;min-height:43px}.sheet-actions .icon-button{border:1px solid #666;width:40px;height:40px}.sheet-capture{display:block;margin-top:20px;padding:0;background:none;color:#ccc;font-size:12px}.sheet-copy .sheet-note{font-size:11px;color:#898989;line-height:1.6;margin:20px 0 0}
/* Documentos y utilidades. */
.prose{max-width:820px;margin:15px var(--gutter) 45px;color:#bdbdbd;font-size:14px;line-height:1.85}.prose h2{color:#f0f0f0;font-size:21px;letter-spacing:-.35px;line-height:1.25;margin:32px 0 15px}.prose p{margin:0 0 18px}.prose a{color:var(--accent)}.document-date{font-size:12px;color:#999}.suggestion-intro{margin-bottom:20px}.suggestion-form{--enhanced-display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px;margin:0 var(--gutter) 50px}.suggestion-form label{display:flex;flex-direction:column;gap:8px;font-size:13px}.suggestion-form label:has(textarea),.suggestion-form .form-note,.suggestion-form>div,.suggestion-form>p:last-child{grid-column:1/-1}.suggestion-form input,.suggestion-form textarea,.suggestion-form select{width:100%;background:#232323;border:1px solid #555;border-radius:5px;padding:11px 12px;font-size:14px}.suggestion-form textarea{resize:vertical}.form-note,#suggestionStatus{font-size:12px;color:#aaa;margin:0}.suggestion-form>div{display:flex;gap:10px}.site-map{margin:0 var(--gutter) 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.site-map section{border:1px solid #333;background:#202020;padding:23px;border-radius:10px}.site-map h2{font-size:20px;margin:0 0 10px}.site-map p{font-size:12px;color:#aaa}.site-map ul{list-style:none;padding:0;margin:15px 0 0}.site-map li a{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;color:#ccc}.site-map li span{font-size:11px;color:#999}.site-map a:hover{color:#fff}.footer{border-top:1px solid #333;margin:45px var(--gutter) 0;padding:25px 0 30px;color:#939393;font-size:11px}.footer nav{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;margin-bottom:20px;color:#bbb}.footer nav a:hover{color:#fff}.footer p{margin:7px 0}.back-top{position:fixed;display:none!important;bottom:18px;right:18px;display:flex;align-items:center;justify-content:center;background:#252525e8;border:1px solid #555;border-radius:50%;width:36px;height:36px;z-index:8;color:#ccc}.back-top svg{width:18px;height:18px}.toast{position:fixed;z-index:120;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:min(90vw,500px);padding:13px 22px;border-radius:8px;background:#eeeeeb;color:#161616;box-shadow:0 5px 35px #0007;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:18px var(--gutter);background:#252525;color:#bbb;font-size:12px}
/* Catálogo y columna comparten el ancho; ningún escalado global. */
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.catalog-column{min-width:0;container-type:inline-size}.information-panel{display:none}.panel-open .information-panel{display:block}.panel-open .portal-layout{grid-template-columns:minmax(0,1fr) 264px;padding-right:var(--gutter)}.information-panel{position:sticky;top:calc(var(--header) + 10px);align-self:start;max-height:calc(100dvh - var(--header) - 24px);overflow:auto;scrollbar-width:thin;padding:12px 0 24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#aaa;margin:0 0 18px}.panel-heading button{width:32px;height:32px}.info-module{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #333}.info-module h3{font-size:15px;line-height:1.25;margin:0 0 7px}.info-module p{font-size:12px;line-height:1.6;color:#a9a9a9;margin:7px 0}.info-module a{font-size:12px;color:#e3e3de}.info-module a:hover{text-decoration:underline}.info-module button{font-size:11px;background:none;color:#bbb;text-decoration:underline;padding:8px 0}.weather-icon{font-size:32px;color:#ddd;float:right;line-height:1}.weather-value{font-size:34px;letter-spacing:-1px}.weather-time{display:block;font-size:10px;color:#999}.x-output{max-height:260px;overflow:auto}.panel-backdrop{display:none}.row-order{--enhanced-display:flex;align-items:center;gap:1px;opacity:0;transition:opacity .15s}.row-order button{width:26px;height:24px;background:transparent;border-radius:4px;font-size:16px;color:#aaa;padding:0;transition:background .15s,color .15s}.row-order button:hover{color:white;background:#333}.row-order button:disabled{color:#555}.shelf:hover .row-order,.shelf:focus-within .row-order{opacity:1}.card-save{position:absolute;bottom:6px;right:6px;z-index:2;opacity:0;pointer-events:none;width:34px;height:34px;background:#171717ce;border:1px solid #ffffff40}.card:hover .card-save,.card:focus-within .card-save{opacity:1;pointer-events:auto}.js-enabled .card-organize{display:none!important}.is-organizing .card-organize{display:flex!important;position:absolute;inset:auto 0 0;z-index:4;align-items:center;justify-content:space-between;background:#151515e8;border-radius:0 0 10px 10px}.card-organize button{width:44px;height:38px;background:transparent;color:white;font-size:25px;transition:background .15s,color .15s}.drag-grip{padding:4px 20px;cursor:grab;touch-action:none;color:#bbb;font-size:22px}.is-organizing .card-save{display:none!important}.is-organizing .card{cursor:grab}.is-dragging{user-select:none}.card.is-dragging .card-visual{opacity:.75;transform:translateY(-3px) scale(1.015);box-shadow:0 0 0 2px #FF846F,0 8px 20px #0005}.topic-cover{height:100%;display:flex;flex-direction:column;justify-content:center;padding:15px 18px;background:var(--topic-color);border-radius:inherit}.topic-cover svg{width:30px;height:30px;stroke-width:1.5;margin-bottom:9px}.topic-cover strong{font-size:19px;line-height:1.1;font-weight:600;letter-spacing:-.4px}.topic-cover>span{font-size:10px;color:#ddd8;margin-top:5px}.provider-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),460px));gap:16px;margin:24px var(--gutter)}.provider{background:#202020;border:1px solid #363636;border-radius:10px;padding:20px}.provider h2{font-size:19px;margin:0 0 10px}.provider p{font-size:13px;color:#bdbdbd;line-height:1.6}.provider nav{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.provider nav a{color:#e9b4a6}.provider small{color:#999;font-size:11px}.payment-notes{margin:24px var(--gutter);padding:18px 0;border-top:1px solid #333;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payment-notes>h2,.payment-notes>p{grid-column:1/-1;margin-bottom:0}.payment-notes>.provider{margin:0}.payment-notes .provider h3{margin-top:0}.payment-notes h2{font-size:18px}.payment-notes p{font-size:13px;color:#bbb}.radio-list{margin:24px var(--gutter);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.radio-item{padding:18px;background:#222;border-radius:10px}.radio-item h2{font-size:18px}.radio-item a,.radio-item button{font-size:13px}.radio-item p{font-size:12px;color:#aaa}.radio-item button{background:#3c3c3c;border-radius:5px;padding:8px 12px}.radio-player{position:fixed;bottom:80px;left:var(--gutter);z-index:91;background:#252525;border:1px solid #555;border-radius:12px;padding:12px;max-width:calc(100vw - 44px)}.radio-player audio{display:block;width:270px;height:32px;margin-top:8px}.radio-player>button{background:none;float:right;color:white}.radio-player strong{font-size:13px}
@media(min-width:1200px){.page-heading{padding:20px 0 18px}.page-heading h1{font-size:30px}.breadcrumbs{margin-bottom:14px}#interactiveControls{margin-bottom:18px}}
@media(max-width:1279px){.panel-open .portal-layout{grid-template-columns:minmax(0,1fr);padding-right:0}.information-panel{position:fixed;z-index:98;right:12px;top:64px;bottom:80px;width:min(330px,calc(100vw - 24px));max-height:none;padding:18px;background:#202020;border:1px solid #454545;border-radius:12px;box-shadow:0 20px 50px #0008}.panel-open .panel-backdrop{display:block;position:fixed;z-index:97;inset:var(--header) 0 0;background:#0008}}
@media(max-width:1150px){.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.row-order{opacity:1;margin-left:auto}.row-order button{width:44px;height:44px}.utility-dock{right:14px;bottom:14px}.utility-dock .icon-button{width:44px;height:44px}.card-save{opacity:1;pointer-events:auto;width:44px;height:44px}.card-save svg{width:18px;height:18px}.see-all{display:none}.macro-nav{display:none}.explore-all{font-size:12px;gap:7px;min-height:44px}.icon-button{width:44px;height:44px}.shelf-heading{min-height:var(--shelf-heading-height)}.see-all{opacity:1;transform:none;font-size:11px;margin-left:auto}.sheet-actions .icon-button{width:44px;height:44px}.sheet-actions .primary-button,.sheet-capture,.secondary-button,.primary-button,.filter,.menu-settings button,select{min-height:44px}.sheet-capture{padding:8px 0}.menu-settings{flex-wrap:wrap;gap:12px}.js-enabled .rail-arrow{display:none!important}.rail-arrow.next:not(:disabled){opacity:.8}.rail-arrow.prev:not(:disabled){opacity:.8}.page-heading{padding:22px 0}.page-heading h1{font-size:29px}.page-intro{font-size:13px}.page-heading-row{gap:16px;align-items:start}.page-stat{flex-direction:column;gap:0;align-items:center}.page-stat strong{font-size:20px}.page-stat span{font-size:10px}.breadcrumbs{font-size:11px;margin-bottom:20px}.discovery-bar{align-items:start;flex-direction:column;gap:15px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.area-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.area-topics .topic-tile{padding:14px}.area-topics .topic-tile i{display:none}.area-topics h2{font-size:18px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-tile{padding:15px}.topic-tile strong{font-size:15px}.topic-tile>span:not(.topic-tile-kicker){display:none}.related-block .section-heading h2{font-size:19px}.editorial-guide{margin-top:30px;gap:14px}.editorial-guide p{font-size:12px}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.mega-grid h3{font-size:15px}.mega-grid li a{font-size:12px;padding:7px 0;min-height:44px}.dialog-header{padding:19px}.dialog-header h2{font-size:22px}#dialogBody{padding:20px}.detail{grid-template-columns:1fr}.detail-image{max-height:300px}.detail-description{font-size:15px}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.capture-dialog{width:calc(100vw - 20px)}.capture-body{overflow:auto}.capture-body .preview{min-width:950px}.capture-caption{align-items:start;flex-direction:column;gap:10px;padding:15px 19px}.capture-dialog .dialog-header{position:sticky;left:0}.capture-dialog .dialog-header h2{font-size:18px}.prose{font-size:13px;margin-top:0}.prose h2{font-size:20px}.suggestion-form{grid-template-columns:1fr;gap:17px}.site-map{grid-template-columns:1fr;gap:15px}.site-map section{padding:20px}.footer{padding-top:24px;margin-top:35px;padding-bottom:95px}.footer nav{gap:13px 20px;margin-bottom:20px}.footer p{font-size:10px;line-height:1.65}.back-top{width:44px;height:44px;right:12px;bottom:12px}.payment-notes{grid-template-columns:1fr}.panel-heading button,.card-organize button{min-width:44px;min-height:44px}}
@media(max-width:370px){.explore-all span{font-size:11px}.results-grid{gap:14px 9px}}
@media(hover:none){.row-order{opacity:1;margin-left:auto}.row-order button,.card-save{width:44px;height:44px}.card-save{opacity:1;pointer-events:auto}.see-all{opacity:1;transform:none}.card:is(:hover,:focus-within) .card-visual{transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}.card:is(:hover,:focus-within) .card-visual{transform:none;will-change:auto}}
/* V5.2 · cabecera, búsqueda y columna de información. El catálogo conserva V5.1. */
:root{--sidebar:280px}
.mobile-panel-toggle{display:none!important}
.portal-layout,.panel-open .portal-layout{grid-template-columns:minmax(0,1fr) var(--sidebar);gap:18px;padding-right:var(--gutter)}
.information-panel,.panel-open .information-panel{display:block;position:sticky;top:calc(var(--header) + 10px);align-self:start;width:auto;max-height:calc(100dvh - var(--header) - 20px);overflow:auto;overscroll-behavior:contain;padding:0 2px 14px;scrollbar-width:thin;scrollbar-color:#414c48 transparent;border:0;border-radius:0;box-shadow:none;background:none;z-index:10}
.panel-heading{height:29px;margin:0 0 5px;font-size:10px;letter-spacing:1.7px;color:#acb7b1}
#panelClose{display:none}
.info-module{margin:0 0 10px;border:1px solid #ffffff0b;border-radius:10px;overflow:hidden;background:#1c2222;padding:0}
.weather-module{position:relative;padding:15px 17px 11px;background:radial-gradient(ellipse at 95% 5%,#e2af5940,transparent 65%),linear-gradient(125deg,#293336,#202829 70%);border-color:#debd7e21}
.weather-heading{display:flex;align-items:center;justify-content:space-between}
.weather-heading h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.25px}
.weather-kicker{font-size:10px;letter-spacing:.5px;color:#e5c692}
.weather-current{display:flex;align-items:center;justify-content:space-between;height:64px}
.weather-value{font-size:51px;line-height:1;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.weather-value small{font-size:34px;vertical-align:top;font-weight:300;letter-spacing:0}
.weather-icon{float:none;font-size:inherit;color:#f1c678;width:51px;height:51px;display:block}
.weather-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.weather-module .weather-description{font-size:12px;color:#f0eee5;margin:0 0 8px;line-height:1.25}
.weather-range{display:flex;gap:16px;font-size:11px;color:#c1cbc5}
.weather-module .weather-time{font-size:10px;line-height:1.35;color:#a7b6ae;margin:9px 0 7px}
.weather-links{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff0e;padding-top:7px}
.weather-links a,.weather-links button{font-size:10px;color:#c6cfc9;padding:0;line-height:1.4;background:none}
.weather-module[data-weather-state=error] .weather-icon{color:#b6c6c1}
.services-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#ccd4cf;padding:9px 1px 10px}
.services-heading span{font-size:9px;font-weight:400;color:#8e9c94}
.service-identity{height:49px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--service-bg)}
.service-epe{--service-bg:#203f53;--service-accent:#9ec9df}
.service-aguas{--service-bg:#17616a;--service-accent:#89d4d2}
.service-gas{--service-bg:#ddd0aa;--service-accent:#e8d48e}
.service-municipio{--service-bg:#3a505b;--service-accent:#b8cbd2}
.service-identity h3{margin:0;display:flex;align-items:center;min-width:0}
.service-identity img{height:31px;width:auto;max-width:122px;object-fit:contain}
.service-epe .service-identity img{height:30px;width:69px}
.service-aguas .service-identity img{height:30px;width:77px}
.service-gas .service-identity img{height:27px;width:112px}
.service-municipio .service-identity img{height:33px;width:108px}
.service-identity>span{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#e3eeecba}
.service-gas .service-identity>span{color:#3f4a43}
.service-body{padding:10px 13px 9px}
.service-primary{display:flex;align-items:center;justify-content:space-between;gap:5px;font-weight:600;font-size:12px!important;color:#ecf0ed!important;text-decoration:none!important}
.service-primary:hover{color:var(--service-accent)!important}
.service-primary>span{font-weight:400;color:var(--service-accent);font-size:15px}
.service-body .service-note{margin:4px 0 8px;font-size:10px;line-height:1.45;color:#aab6b0}
.service-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.service-actions a,.service-actions button{font-size:10px;color:#aebfb5;text-decoration:none;background:none;padding:2px 0;text-align:left;line-height:1.5}
.service-actions button{color:var(--service-accent)}
.service-actions button:hover,.service-actions a:hover{text-decoration:underline}
.x-output{margin-top:10px;max-height:240px;overflow:auto;min-height:0;border-radius:6px}
.service-body .x-status{font-size:10px;line-height:1.45;color:#aab6b0;margin:8px 0 0}
.panel-footnote{font-size:9px;line-height:1.6;margin:10px 3px 0;color:#86988d}
.panel-backdrop{display:none!important}
.footer{padding-bottom:30px}
.back-top{position:static;margin:0 0 24px var(--gutter);background:none;border:1px solid #ffffff20;border-radius:8px}
@media(min-width:1100px) and (max-width:1399px){:root{--sidebar:260px}.portal-layout,.panel-open .portal-layout{gap:12px}.weather-module{padding:13px 14px 10px}.service-identity{padding-inline:12px}}
@media(max-width:1099px){.mobile-panel-toggle{display:inline-flex!important}.portal-layout,.panel-open .portal-layout{grid-template-columns:minmax(0,1fr);padding-right:0;gap:0}.information-panel,.panel-open .information-panel{display:none;position:static;grid-row:1;max-height:none;width:auto;margin:12px var(--gutter) 20px;padding:0;overflow:visible}.mobile-panel-open .information-panel{display:block}.catalog-column{grid-row:2}.panel-heading{height:36px}#panelClose{display:inline-flex;width:36px;height:36px}.services-heading{padding-top:12px}.mobile-panel-open #panelToggle{background:#b4cfbf1c;color:#cce7d7}.information-panel .weather-module{max-width:none}.panel-footnote{font-size:10px}}
@media(min-width:761px) and (max-width:1099px){.information-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-panel-open .information-panel{display:grid}.panel-heading,.weather-module,.services-heading,.panel-footnote{grid-column:1/-1}.info-module{margin:0}.weather-module{padding:15px 24px}.weather-current{max-width:300px}.weather-description,.weather-range{max-width:300px}}
@media(max-width:760px){.service-identity{height:54px}.service-actions a,.service-actions button{min-height:36px;display:flex;align-items:center;font-size:11px}.service-primary{font-size:13px!important}.service-body .service-note{font-size:11px}.service-body{padding:12px 15px}.panel-footnote{font-size:10px}.footer{padding-bottom:24px}.weather-module{padding:17px 18px}.weather-heading h3{font-size:18px}.weather-value{font-size:55px}.weather-current{height:76px}.weather-module .weather-description{font-size:13px}.weather-range{font-size:12px}.weather-module .weather-time,.weather-links a,.weather-links button{font-size:11px}}
/* Ajuste tras la primera revisión: los cuatro organismos entran completos a 900px. */
@media(min-width:1100px){#panelClose{display:none!important}.weather-module{padding:12px 15px 9px}.weather-current{height:56px}.weather-module .weather-time{margin:7px 0 5px}.weather-links{padding-top:5px}.service-identity{height:44px;padding-block:6px}.service-body{padding:8px 13px 7px}.service-body .service-note{margin:3px 0 6px;font-size:10px;line-height:1.4}.info-module{margin-bottom:8px}.services-heading{padding:7px 1px 8px}.panel-heading{height:25px;margin-bottom:5px}}
@media(min-width:1100px){.information-panel,.panel-open .information-panel{position:fixed;right:var(--gutter);width:var(--sidebar)}}
@media(hover:hover) and (pointer:fine){.rail-wrap.overflows .rail-arrow:not(:disabled){opacity:.72}.rail-arrow:hover,.rail-arrow:focus-visible{opacity:1!important;background:#141414ed}}
/* V5.3 · panel gráfico minimalista. Sin temperatura ni publicaciones simuladas. */
.panel-controls{height:0;display:flex;justify-content:flex-end}
.information-panel .info-module{border:0;box-shadow:none;margin-bottom:10px;border-radius:9px}
.information-panel .weather-module{padding:0;background:linear-gradient(120deg,#23323a,#1d292e)}
.weather-graphic-link{height:94px;display:flex;align-items:center;justify-content:center;gap:19px;padding:14px 18px;color:#edf1ee!important;text-decoration:none!important}
.weather-graphic-link>svg{width:60px;height:51px;flex:none;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.forecast-sun{stroke:#e7bf77}.forecast-cloud{stroke:#c1d5df;fill:#23323a}
.weather-graphic-link strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.25px}
.weather-graphic-link small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#afc6d1}
.service-logo-link{position:relative;display:flex;align-items:center;justify-content:center;height:94px;padding:15px 33px;background:var(--service-bg);border-radius:inherit;transition:filter .16s}
.service-logo-link:hover,.weather-graphic-link:hover{filter:brightness(1.1)}
.service-logo-link>img{width:170px;max-width:100%;height:58px;object-fit:contain}
.service-epe .service-logo-link>img{width:146px;height:56px}
.service-aguas .service-logo-link>img{width:126px;height:51px}
.service-gas .service-logo-link>img{width:184px;height:46px}
.service-municipio .service-logo-link>img{width:177px;height:63px}
.profile-destination{position:absolute;right:10px;top:10px;width:12px;height:12px;fill:none;stroke:#e5efed99;stroke-width:1.5}
.service-gas .profile-destination{stroke:#3f4d47a8}
.service-logo-link:focus-visible,.weather-graphic-link:focus-visible{outline-offset:-4px}
@media(min-width:761px) and (max-width:1099px){.panel-controls{grid-column:1/-1;height:35px}.information-panel .weather-module{grid-column:1/-1}.mobile-panel-open .information-panel{gap:10px}.information-panel .info-module{margin:0}.service-logo-link{height:100px}}
@media(max-width:760px){.panel-controls{height:36px}.information-panel .weather-module{padding:0}.service-logo-link{height:102px}.weather-graphic-link{height:104px}.weather-graphic-link strong{font-size:20px}.weather-graphic-link small{font-size:11px}}
/* Carruseles: el avance ocupa el pasillo del panel y no una marca de tarjeta. */
@media(min-width:1100px){.portal-layout,.panel-open .portal-layout{gap:34px}.rail-arrow.next:not(:disabled):after{box-shadow:none}}
.portal-layout,.panel-open .portal-layout{display:block;grid-template-columns:initial;gap:0;padding-right:0}
.catalog-column{grid-row:auto}
.information-panel,.panel-open .information-panel{display:none!important}
@media(min-width:761px){.rail-arrow.next:not(:disabled):after{box-shadow:none}}

/* Ronda02 · única definición de densidad y header. Tamaños reales, sin zoom global. */
:root{--gutter:clamp(18px,2.1vw,36px);--card:170px;--gap:7px;--header:62px;--header-bg:#000;--catalog-top:6px;--shelf-gap:5px;--shelf-title-size:16.5px;--shelf-heading-height:24px;--shelf-heading-gap:2px;--rail-top:2px;--rail-bottom:3px;--grid-min:var(--card);--grid-row-gap:14px}
body.comfortable{--grid-min:var(--card);--card:clamp(190px,13.5vw,214px);--gap:8px;--gutter:clamp(22px,2.5vw,40px);--shelf-gap:8px;--shelf-title-size:18px;--shelf-heading-height:26px;--shelf-heading-gap:3px;--rail-top:3px;--rail-bottom:4px;--grid-row-gap:18px}
.header{position:sticky;top:0;z-index:100;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;height:var(--header);padding:0 var(--gutter);background:var(--header-bg);border-bottom:1px solid #ffffff08}
.brand{display:flex;align-items:center;justify-self:start;grid-column:1;width:max-content;flex:none;background:#000}
.header .brand .user-wordmark{display:block;height:52px;width:auto;max-width:none;object-fit:contain;filter:none}
.header-news{grid-column:2;justify-self:center;display:flex;align-items:center;width:max-content;max-width:100%;height:46px;gap:0;min-width:0}
.news-intro{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#aeb3b8;margin-right:10px;flex:none}
.x-official,.header-actions svg.x-official{width:17px;height:17px;fill:currentColor;stroke:none;color:#eceef0}
.header-account{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;position:relative;flex:none}
.header-account:before{content:"";position:absolute;left:0;top:13px;height:18px;width:1px;background:#b4b9bf40}
.header-account img{width:auto;height:25px;max-width:108px;object-fit:contain;opacity:.86;transition:opacity .18s,transform .18s}
.header-account:hover img,.header-account:focus-visible img{opacity:1;transform:translateY(-1px)}
.account-epe img{height:24px;width:58px}.account-aguas img{height:27px;width:66px}.account-gas img{height:25px;width:105px}.account-municipio img{height:34px;width:108px}
.header-actions{--enhanced-display:flex;grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0;margin:0;flex:none}
.header-actions .icon-button{width:44px;height:44px;flex:0 0 44px;border-radius:8px;color:#cccfcf;padding:8px}
.header-actions svg{width:18px;height:18px}
.header-actions .icon-button:hover{background:#ffffff0d;color:#fff}.header-actions [aria-pressed=true]{color:#f1a79a;background:#FF846F12}
.header-search{display:flex;align-items:center;border:1px solid transparent;border-radius:7px;transition:background .2s,border-color .2s;min-width:0}
.header-search:has(.open){background:#171a1b;border-color:#707876}.header-search:focus-within{border-color:#b9c6c0}
.search-wrap,.search-wrap.open{position:static;display:flex;align-items:center;bottom:auto;right:auto;z-index:auto;max-width:none;height:38px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;width:0;opacity:0;visibility:hidden;transition:width .24s cubic-bezier(.2,.7,.2,1),opacity .2s,visibility .2s}
.search-wrap.open{width:278px;opacity:1;visibility:visible}
.search-wrap input{min-width:0;flex:1;width:150px;height:36px;background:none;border:0;border-radius:0;padding:0 6px 0 3px;outline:none;color:#f5f5f3;font-size:13px}
.search-wrap input::placeholder{color:#9aa3a0}.search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-wrap .icon-button{width:36px;flex-basis:36px;height:36px;font-size:23px;font-weight:300}.search-close{border-left:1px solid #ffffff12!important;border-radius:0 6px 6px 0!important}
.mobile-news-toggle{display:none!important}.search-open .header-news{display:none}.search-open .header{grid-template-columns:auto minmax(0,1fr)}.search-open .header-actions{grid-column:2}
@media(max-width:1099px){:root{--header:60px}.header{display:flex;flex-wrap:wrap;gap:0;padding-inline:20px;height:auto;min-height:var(--header);align-content:center}.header .brand .user-wordmark{height:50px}.header-actions{height:calc(var(--header) - 1px);gap:2px;margin-left:auto}.header-news{display:none;order:3;flex-basis:100%;height:58px;justify-content:center;border-top:1px solid #ffffff14}.news-expanded .header-news{display:flex}.js-enabled .header .mobile-news-toggle{display:inline-flex!important}.header-actions #organizeToggle{display:none}.search-open .header-news{display:none}.search-wrap.open{width:240px}.search-open .portal-layout{padding-top:0}.header.news-expanded .search-wrap:not(.open){visibility:hidden;opacity:0;transition:none}}
@media(max-width:760px){:root{--gutter:18px;--card:184px;--gap:8px;--catalog-top:6px;--shelf-gap:10px;--shelf-title-size:17px;--shelf-heading-height:44px;--shelf-heading-gap:2px;--rail-top:3px;--rail-bottom:4px}body.comfortable{--grid-min:var(--card);--gutter:18px;--card:204px;--gap:8px;--shelf-gap:12px;--shelf-title-size:18px;--shelf-heading-height:44px;--shelf-heading-gap:3px;--rail-top:3px;--rail-bottom:5px}.header{padding-inline:12px}.header .brand .user-wordmark{height:46px}.header-actions{gap:0}.header-account{padding-inline:5px}.account-epe img{width:43px;height:23px}.account-aguas img{width:50px;height:25px}.account-gas img{width:78px;height:23px}.account-municipio img{width:69px;height:28px}.news-intro{font-size:9px;gap:6px;line-height:1.25;white-space:normal;width:70px;margin-right:4px}.news-intro .x-official{width:15px;height:15px;flex:none}.header-news .header-account:first-of-type:before{display:none}.search-wrap,.search-wrap.open{position:fixed;top:calc(var(--header) + 6px);left:12px;right:12px;width:auto;height:48px;z-index:101;background:#151a1d;border:1px solid #899c90;border-radius:7px;padding:0 4px 0 10px;box-shadow:0 12px 25px #0008;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.search-wrap.open{transform:none}.search-wrap input{height:44px;font-size:16px}.search-wrap .icon-button{height:44px;width:44px;flex-basis:44px}.search-open .portal-layout{padding-top:60px}}
@media(max-width:389px){.header .brand .user-wordmark{height:42px}.account-gas img{width:71px}.account-municipio img{width:65px}}
@media(pointer:coarse){.card-organize button,.drag-grip{min-height:44px}}

/* Flechas dentro del viewport; el SVG no puede desbordar un gutter estrecho. */
@media(min-width:761px){.rail-arrow{width:32px;height:44px;top:calc(50% - 22px);bottom:auto;padding:0;border-radius:6px!important;border:1px solid #ffffff18;background:#242929cc}.rail-arrow.next{right:0}.rail-arrow.prev{left:0}.rail-arrow svg{width:18px;height:25px}.rail-arrow.next:not(:disabled):after{box-shadow:none}}
@media(min-width:761px) and (pointer:coarse){.rail-arrow{width:44px;height:44px}}

.see-all > [data-i18n="row.seeAll"]{font-size:inherit;line-height:inherit}