/* Identidad editorial · arquitectura de Querétaro / río y vegetación de Tuxtepec */
:root{--paper:#f7f5ee;--ink:#123b38;--accent:#a4593d;--line:#ccd3c9;--soft:#ecefe5;--brand-dark:#073c35;--banner:url('assets/queretaro-cabecera-web.png')}
body.city-tuxtepec{--accent:#08725b;--ink:#103c35;--soft:#e9f0e6;--banner:url('assets/tuxtepec-cabecera-web.png')}
body{background:var(--paper);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 80px))}
.site-header{background:var(--paper);position:relative}.brand-banner{position:relative;background:var(--brand-dark) var(--banner) center center/cover no-repeat;color:#fff;overflow:hidden}.banner-content{position:relative;min-height:278px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding-top:27px;padding-bottom:40px;gap:14px}.brand-banner .brand{width:min(435px,47%);display:block;min-height:0;padding:0;background:none;border:0}.brand-banner .brand img.brand-lockup{width:100%;height:auto;max-width:100%;display:block}.banner-tagline{font:italic 29px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 3px 4px;color:#fff}.social-header{padding:0;margin:0 0 0 4px;display:block}.social-facebook{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #d9ede76b;border-radius:3px;background:#0c3b35cc;color:#fff!important;font:600 12px/1.3 var(--sans);text-decoration:none!important;letter-spacing:.2px;transition:background .15s}.social-facebook:hover{background:#146254}.social-facebook:focus-visible{outline:3px solid #f9c68a;outline-offset:5px}.social-facebook svg{flex:none}.banner-credit{position:absolute;right:20px;bottom:10px;color:#ffffffb8;font-size:8px;letter-spacing:.3px}.banner-credit a{color:inherit;text-decoration:underline}.navigation-shell{border-bottom:1px solid var(--line);background:var(--paper)}.main-nav{border-top:0;border-bottom:1px solid var(--line);font-size:13px;gap:30px;min-height:55px}.main-nav .nav-search{font-size:15px}.main-nav a{min-height:55px}.main-nav a:hover,.topic-nav a:hover{color:var(--accent)}.topic-nav{margin:0;padding:12px 0;font-size:11px}.topic-nav>span{font-size:8px;letter-spacing:1.6px}.more-links{z-index:50}
.front-intro{padding:33px 0 25px}.front-intro h1{font:400 29px/1.1 Georgia,serif}.front-intro .eyebrow{font-size:9px;letter-spacing:2px}.front-opening{grid-template-columns:minmax(0,2.25fr) minmax(245px,.82fr);gap:34px;padding:0 0 35px;border-bottom:1px solid var(--line);align-items:start}.local-lead-slot{min-width:0}.city-lead{min-width:0;display:flex;flex-direction:column}.city-lead>.editorial-visual{margin:0;background:transparent}.city-lead>.editorial-visual img{width:100%;height:auto;aspect-ratio:1.86;object-fit:cover;display:block}.city-lead figcaption{font-size:9px;line-height:1.45;padding:8px 0 12px;color:#62736b}.city-lead-copy{padding:8px 0 0;max-width:850px}.city-lead h2{font:400 clamp(32px,3.05vw,49px)/1.08 Georgia,serif;letter-spacing:-1.4px;margin:11px 0 14px}.city-lead h2 a{color:inherit}.city-lead-copy>p{font-size:16px;line-height:1.65;max-width:760px;color:#51665c}.read-story{display:inline-flex;gap:30px;align-items:center;padding:13px 0 8px;font-size:12px;font-weight:700;border-bottom:1px solid var(--accent);color:var(--accent);margin-top:10px}.read-story span{font-size:20px;font-weight:400}.front-side{padding-left:27px;border-color:var(--line)}.side-label{display:block;font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:22px;color:var(--accent)}.front-secondary{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:24px}.front-secondary>.editorial-visual{order:-1;margin:0 0 16px}.front-secondary .editorial-visual img,.front-world .editorial-visual img{width:100%;aspect-ratio:1.9;object-fit:cover}.front-secondary h2,.front-world h3{font:400 24px/1.13 Georgia,serif;letter-spacing:-.5px;margin:0 0 10px}.front-secondary p,.front-world p{font-size:12px;line-height:1.65;color:#51665c;margin:9px 0 13px}.front-side .editorial-visual figcaption{font-size:8px;line-height:1.4;padding:6px 0 0}.front-side .eyebrow{font-size:9px}.cloud-latest{margin:35px 0 50px}.cloud-latest .section-line{border-top:0;padding-top:0}.cloud-latest .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-latest h3{font:400 26px/1.14 Georgia,serif}.cloud-latest time{font-size:10px;color:var(--muted)}
.section-line{padding-top:21px;margin-bottom:27px}.section-line h2{font-size:33px}.related-grid,.coverage-grid .section-stories,.catalog{gap:32px}.card h3,.section-stories h3{font-family:Georgia,serif;font-weight:400!important}.news-mosaic .mosaic-story h2{font-family:Georgia,serif;font-weight:400;font-size:25px!important}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-line>a{font-size:11px}.editorial-strip{background:#0d443c;border-left:4px solid var(--accent);padding:34px}.site-footer{background:#073c35;margin-top:65px}.footer-brand{font-size:34px}.social-footer{padding-top:25px;margin-top:28px;border-top:1px solid #ffffff25}.article-head{padding-top:10px}.article-head h1{font-weight:400;max-width:1000px}.article-meta{border-top:1px solid var(--line);padding:18px 0 0}.prose{font-size:19px;line-height:1.85}.sources{border-left:3px solid var(--accent)}.search-panel{background:#fffdf8}.catalog .card{border-bottom:1px solid var(--line);padding-bottom:30px}.catalog h3{font:400 28px/1.16 Georgia,serif}.page-intro h1{font-weight:400}
@media(min-width:1450px){.banner-content{min-height:305px}.brand-banner{background-position:center 48%}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.banner-content{min-height:240px}.brand-banner .brand{width:390px;max-width:52%}.banner-tagline{font-size:25px}.main-nav{gap:24px}.front-opening{grid-template-columns:minmax(0,1.75fr) minmax(220px,1fr);gap:24px}.front-side{padding-left:20px}.city-lead h2{font-size:35px}.front-secondary h2,.front-world h3{font-size:21px}.city-lead-copy>p{font-size:15px}.news-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.brand-banner{background-position:62% center}.banner-content{min-height:220px;padding-top:24px;padding-bottom:34px;gap:12px}.brand-banner .brand{max-width:78%;width:340px}.banner-tagline{font-size:23px;text-shadow:0 2px 15px #003b33;margin-left:2px}.social-header{margin-left:2px}.social-facebook{font-size:11px;min-height:40px;padding:10px 12px}.banner-credit{right:10px;bottom:7px;font-size:7px}.navigation-shell .main-nav{gap:23px;min-height:49px;font-size:12px}.main-nav a{min-height:49px}.topic-nav{overflow-x:auto;white-space:nowrap;gap:20px;font-size:10px;padding:11px 0}.front-intro{padding:26px 0 20px}.front-intro h1{font-size:24px}.front-intro .archive-link{font-size:10px}.front-opening{display:block;padding-bottom:26px}.city-lead h2{font-size:35px;letter-spacing:-1px}.city-lead-copy>p{font-size:15px;line-height:1.65}.city-lead>.editorial-visual img{aspect-ratio:1.5}.city-lead figcaption{font-size:8px}.front-side{border-left:0;border-top:1px solid var(--line);padding:23px 0 0;margin-top:27px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.side-label{grid-column:1/-1;margin:0 0 0}.front-secondary{margin:0;border:0;padding:0}.front-secondary h2,.front-world h3{font-size:20px;line-height:1.16}.front-secondary p,.front-world p{display:none}.front-side .editorial-visual figcaption{font-size:7px}.front-world .editorial-visual{margin-bottom:15px}.cloud-latest .related-grid{grid-template-columns:1fr;gap:27px}.cloud-latest h3{font-size:28px}.related-grid,.coverage-grid .section-stories,.catalog{grid-template-columns:1fr;gap:30px}.section-line h2{font-size:28px}.news-mosaic{grid-template-columns:1fr}.news-mosaic .mosaic-story,.news-mosaic .mosaic-story:not(.mosaic-0){border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:27px}.coverage-grid .section-stories:not(:has(article:nth-child(2))) article{display:block}.coverage-grid .section-stories:not(:has(article:nth-child(2))) figure{margin:0 0 18px}.article-head h1{font-size:37px;letter-spacing:-1px}.article-head .dek{font-size:18px}.prose{font-size:18px}.article-photo{margin-top:24px}.sources{padding:23px}.social-footer .social-facebook{width:100%;max-width:320px}.footer-grid{gap:30px}.site-footer{padding-top:35px}}