/*
Theme Name: Casas e Ideas
Theme URI: https://www.casaseideas.com
Author: Casas e Ideas
Description: Tema ligero a medida para la revista Casas e Ideas. Portada por ambientes, plantillas de artículo y categoría, espacios publicitarios con altura reservada y modo mantenimiento. El SEO (sitemap, canonical, schema, Open Graph, migas) lo gestiona Rank Math.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: casaseideas
*/

/* ---------- Tipografías (alojadas en el servidor) ---------- */
@font-face{font-family:"Young Serif";src:url("assets/fonts/young-serif-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url("assets/fonts/figtree-var.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

/* ---------- Tokens ---------- */
:root{
	--paper:#FBF8F3;
	--white:#FFFFFF;
	--sand:#F2EBDF;
	--sand-line:#E3DACB;
	--sand-strong:#D9CEBB;
	--olive:#5B6338;
	--olive-dark:#4A5130;
	--olive-soft:#8E9467;
	--terra:#A44F31;
	--terra-soft:#F6E7DE;
	--ink:#23251F;
	--ink-2:#2E3028;
	--ink-3:#4A4C40;
	--muted:#6B675C;
	--ph:#D8C9AF;
	--serif:"Young Serif",Georgia,"Times New Roman",serif;
	--sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--wrap:1280px;
	--gutter:40px;
	--radius:4px;
}
@media (max-width:560px){:root{--gutter:16px}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--olive)}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:400}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.serif{font-family:var(--serif);font-weight:400}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;width:auto;height:auto;clip:auto;background:var(--white);padding:12px 16px;border-radius:var(--radius)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Imagen o recuadro de color mientras no hay foto */
.media{position:relative;display:block;overflow:hidden;background:var(--ph);border-radius:var(--radius)}
.media img{width:100%;height:100%;object-fit:cover}
.media--arch{border-radius:999px 999px var(--radius) var(--radius)}
.r-16x9{aspect-ratio:16/9}.r-3x2{aspect-ratio:3/2}.r-4x5{aspect-ratio:4/5}.r-3x4{aspect-ratio:3/4}.r-1x1{aspect-ratio:1/1}.r-16x10{aspect-ratio:16/10}
.tint-1{background:#D8C9AF}.tint-2{background:#CDBFA6}.tint-3{background:#B5BA98}.tint-4{background:#C9C6BA}.tint-5{background:#A7AE86}.tint-6{background:#DDB7A2}

/* ---------- Franja Facebook ---------- */
.topbar{background:var(--olive);color:var(--paper);font-size:14px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;flex-wrap:wrap}
.topbar a{color:var(--paper);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.topbar a:hover{color:var(--sand)}
.topbar .short{display:none}
@media (max-width:560px){.topbar .long{display:none}.topbar .short{display:inline}.topbar .wrap{flex-wrap:nowrap;font-size:13px}}

/* ---------- Cabecera ---------- */
.site-header{border-bottom:1px solid var(--sand-line);background:var(--paper)}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:20px}
.brand{display:flex;align-items:center;gap:14px}
.brand svg{flex:none}
.brand-name{font-family:var(--serif);font-size:34px;letter-spacing:-.01em;line-height:1;color:var(--ink)}
.brand:hover .brand-name{color:var(--ink)}
.search-form{display:flex;align-items:center;gap:8px;border:1px solid var(--sand-strong);border-radius:999px;padding:4px 4px 4px 18px;background:var(--white);min-width:300px}
.search-form input{border:0;font:15px var(--sans);flex:1;min-width:0;background:transparent;color:var(--ink);padding:8px 0}
.search-form input:focus{outline:none}
.search-form:focus-within{outline:3px solid var(--terra);outline-offset:2px}
.search-form button,.icon-btn{width:44px;height:44px;border-radius:999px;border:0;display:grid;place-items:center;cursor:pointer;flex:none}
.search-form button{background:var(--olive);color:var(--paper)}
.icon-btn{background:transparent;color:var(--ink)}
.primary-nav{padding-bottom:14px}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px 28px;flex-wrap:wrap;font-size:16px;font-weight:500}
.primary-nav a{display:inline-block;padding:6px 0}
.primary-nav .current-menu-item>a,.primary-nav .current-category-ancestor>a,.primary-nav .current-post-ancestor>a{color:var(--olive);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.mobile-only{display:none}
.mobile-panel{display:none;border-top:1px solid var(--sand-line);padding:16px var(--gutter) 20px}
.mobile-panel.is-open{display:block}
.mobile-panel ul{list-style:none;margin:16px 0 0;padding:0;font-size:18px;font-weight:500}
.mobile-panel li a{display:block;padding:12px 0;border-bottom:1px solid var(--sand-line)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px var(--gutter);border-top:1px solid var(--sand-line);white-space:nowrap;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{display:inline-block;font-size:14px;font-weight:500;padding:9px 15px;border-radius:999px;border:1px solid var(--sand-strong);background:var(--white);color:var(--ink)}
.chip.is-active,.chip[aria-current]{background:var(--olive);border-color:var(--olive);color:var(--paper)}
.chip:hover{border-color:var(--olive)}
@media (max-width:900px){
	.header-main{padding-top:10px;padding-bottom:10px;padding-right:8px}
	.brand-name{font-size:24px}
	.brand svg{width:24px;height:28px}
	.header-main>.search-form,.primary-nav{display:none}
	.mobile-only{display:flex}
}
@media (min-width:901px){.chips{display:none}}

/* ---------- Componentes comunes ---------- */
.kicker{display:inline-block;font-size:15px;font-weight:600;color:var(--terra)}
.kicker:hover{color:var(--olive)}
.pill{display:inline-block;font-size:14px;font-weight:600;color:var(--paper);background:var(--olive);padding:7px 14px;border-radius:999px}
.pill:hover{color:var(--paper);background:var(--olive-dark)}
.section{padding:72px 0}
.section--sand{background:var(--sand)}
.section--olive{background:var(--olive);color:var(--paper)}
.section--line{border-top:1px solid var(--sand-line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 16px;flex-wrap:wrap;margin-bottom:32px}
.section-title{font-family:var(--serif);font-size:38px;line-height:1.1}
.section-sub{font-size:16px;color:var(--ink-3)}
.link-more{font-weight:600;color:var(--olive);text-decoration:underline;text-underline-offset:4px}
.btn{display:inline-block;font-weight:600;font-size:16px;padding:14px 24px;border-radius:999px;background:var(--olive);color:var(--paper);border:1px solid var(--olive);cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--olive-dark);color:var(--paper)}
.btn--ghost{background:var(--white);color:var(--ink);border-color:var(--sand-strong)}
.btn--ghost:hover{background:var(--white);color:var(--olive);border-color:var(--olive)}
.btn--sand{background:var(--sand);color:var(--ink);border-color:var(--sand)}
.btn--sand:hover{background:var(--white);color:var(--ink)}

.card{display:flex;flex-direction:column;gap:12px}
.card-title{font-family:var(--serif);font-size:22px;line-height:1.22}
.card-meta{font-size:14px;color:var(--muted)}
.card-cat{font-size:14px;font-weight:600;color:var(--terra)}
.row-link{display:flex;gap:16px;align-items:center}
.row-link .media{flex:none;width:96px;height:72px}
.row-link .card-title{font-size:19px;line-height:1.25}
.list-links{display:flex;flex-direction:column}
.list-links a{font-size:17px;padding:14px 0;border-bottom:1px solid var(--sand-line)}
.list-links a:first-child{border-top:1px solid var(--sand-line)}

.grid-4{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:28px}
.avatar-initials{display:inline-grid;place-items:center;flex:none;border-radius:999px;background:var(--sand-strong);color:var(--ink);font-weight:700;font-size:15px;letter-spacing:.02em}
.grid-3{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:40px}
.grid-3--tight{gap:32px 28px}
@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px) and (min-width:561px){.grid-3--tight{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.grid-4{gap:24px 14px}.grid-4 .card-title{font-size:17px}.grid-4 .card-cat{font-size:13px}.section{padding:40px 0}.section-title{font-size:28px}}

/* ---------- Portada ---------- */
.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;padding-top:40px;padding-bottom:64px}
.hero-link{display:block}
.hero-media{height:600px}
.hero-body{display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.hero-title{font-family:var(--serif);font-size:50px;line-height:1.08;letter-spacing:-.015em;margin:14px 0 18px}
.hero-dek{font-size:19px;line-height:1.55;color:var(--ink-3);margin-bottom:18px;max-width:34em}
.hero-more{border-top:1px solid var(--sand-line);padding-top:22px;display:flex;flex-direction:column;gap:18px}
.hero-more h2{font-size:15px;font-weight:600;color:var(--muted);font-family:var(--sans)}
@media (max-width:900px){
	.hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:0;padding-bottom:32px}
	.hero>.hero-link{margin:0 calc(var(--gutter)*-1)}
	.hero-media{height:auto;aspect-ratio:4/3;border-radius:0}
	.hero-title{font-size:32px;line-height:1.1;margin:8px 0 12px}
	.hero-dek{font-size:17px}
	.row-link .media{width:88px;height:88px}
	.row-link .card-title{font-size:18px}
}

.arches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.arch{display:flex;flex-direction:column;gap:14px;text-align:center}
.arch span{font-size:17px;font-weight:600}
@media (max-width:900px){
	.arches{display:flex;overflow-x:auto;gap:14px;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter);scrollbar-width:none}
	.arches::-webkit-scrollbar{display:none}
	.arch{flex:none;width:128px;gap:10px}
	.arch .media{aspect-ratio:auto;height:170px}
	.arch span{font-size:15px}
}

.feature{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px}
.feature .media{height:460px;background:var(--olive-soft)}
.feature-body{display:flex;flex-direction:column;justify-content:center;gap:28px}
.feature-label{font-size:16px;font-weight:600;color:#E6D9C3;margin-bottom:14px;font-family:var(--sans)}
.feature-title{font-family:var(--serif);font-size:40px;line-height:1.12;display:block}
.section--olive a{color:var(--paper)}
.section--olive a:hover{color:#E6D9C3}
.section--olive .list-links a{border-color:#7C8257}
.section--olive a.btn--sand{color:var(--ink)}
.section--olive a.btn--sand:hover{color:var(--ink);background:var(--white)}
@media (max-width:900px){.feature{grid-template-columns:minmax(0,1fr);gap:18px}.feature .media{height:300px}.feature-title{font-size:26px;line-height:1.15}}

.palette-card{display:flex;flex-direction:column;border:1px solid var(--sand-line);border-radius:var(--radius);overflow:hidden;background:var(--white)}
.palette-card .swatches{display:grid;grid-template-columns:2fr 1fr 1fr;height:150px}
.palette-card .media{border-radius:0;height:150px}
.palette-card .card-title{font-size:21px;line-height:1.25;padding:18px 18px 6px}
.palette-card .card-meta{padding:0 18px 20px}
@media (max-width:560px){.palette-card .swatches,.palette-card .media{height:90px}.palette-card .card-title{font-size:16px;padding:12px}.palette-card .card-meta{display:none}}

.room-col{display:flex;flex-direction:column;gap:16px}
.room-col h2{font-family:var(--serif);font-size:30px}
.room-col .sub-link{font-size:17px;padding-top:12px;border-top:1px solid var(--sand-line)}

.season{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.season-title{font-family:var(--serif);font-size:44px;line-height:1.1;display:block;margin:14px 0 18px}
.season-dek{font-size:18px;line-height:1.6;color:var(--ink-3);margin-bottom:28px;max-width:32em}
.season-pics{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;height:440px}
.season-pics .stack{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.season-pics.one{grid-template-columns:1fr}
.season .list-links a{border-color:#DCCFBA}
@media (max-width:900px){.season{grid-template-columns:minmax(0,1fr);gap:20px}.season-pics{height:240px;order:-1}.season-title{font-size:26px}}

.fb-band{border:1px solid var(--sand-line);border-radius:var(--radius);background:var(--white);padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px 32px;flex-wrap:wrap}
.fb-band h2{font-family:var(--serif);font-size:32px;margin-bottom:10px}
.fb-band p{font-size:18px;color:var(--ink-3);max-width:40em}
@media (max-width:560px){.fb-band{padding:22px}.fb-band h2{font-size:23px}.fb-band p{font-size:16px}.fb-band .btn{width:100%;text-align:center}}

/* ---------- Artículo ---------- */
.post-head{max-width:900px;margin:0 auto;padding:48px 24px 0;text-align:center}
.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:20px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--olive)}
.post-title{font-family:var(--serif);font-size:56px;line-height:1.07;letter-spacing:-.015em;margin:22px 0 20px}
.post-dek{font-size:21px;line-height:1.55;color:var(--ink-3);margin:0 auto 28px;max-width:34em}
.byline{display:flex;align-items:center;justify-content:center;gap:8px 14px;flex-wrap:wrap;font-size:15px;color:var(--ink-3)}
.byline img{width:44px;height:44px;border-radius:999px}
.byline strong{color:var(--ink)}
.post-hero{margin:40px auto 0}
.post-hero .media{aspect-ratio:16/9;max-height:720px}
figcaption,.wp-element-caption{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.45}
.entry{max-width:700px;margin:0 auto;padding:48px 24px 0}
.entry>*{margin-top:0;margin-bottom:24px}
.entry p,.entry li{font-size:19px;line-height:1.72;color:var(--ink-2)}
.entry>p:first-child{font-size:22px;line-height:1.6}
.entry>p:first-child em,.entry>p:first-child i{font-style:normal}
.entry h2{font-family:var(--serif);font-size:32px;line-height:1.18;margin:56px 0 18px;color:var(--ink);scroll-margin-top:24px}
.entry h3{font-family:var(--sans);font-size:21px;font-weight:700;line-height:1.35;margin:32px 0 10px}
.entry a{color:var(--olive);text-decoration:underline;text-underline-offset:3px}
.entry a:hover{color:var(--terra)}
.entry ul,.entry ol{padding-left:1.3em}
.entry li{margin-bottom:8px}
.entry strong{color:var(--ink)}
.entry figure{margin:40px 0}
.entry .wp-block-image img{border-radius:var(--radius);width:100%}
.entry .wp-block-image:not(:has(img[src])) {background:var(--ph);border-radius:var(--radius);aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:flex-end}
.entry .wp-block-image:not(:has(img[src])) img{display:none}
.entry .wp-block-image:not(:has(img[src])) figcaption{padding:12px 14px;margin:0}
@media (min-width:1000px){.entry .wp-block-image.alignwide,.entry .wp-block-image.size-full{margin-left:-150px;margin-right:-150px}}
.entry blockquote,.entry .cei-consejo{background:var(--terra-soft);border-radius:var(--radius);padding:26px 28px;margin:36px 0;border:0}
.entry blockquote p,.entry .cei-consejo p{font-size:18px;line-height:1.6;margin:0 0 10px}
.entry blockquote p:last-child,.entry .cei-consejo p:last-child{margin-bottom:0}
.entry blockquote cite{display:block;font-size:14px;font-style:normal;color:var(--muted);margin-top:8px}
.entry .cei-ficha{background:var(--white);border:1px solid var(--sand-line);border-radius:var(--radius);padding:22px 28px;margin:32px 0}
.entry .cei-ficha p{font-size:16px;margin:0 0 8px}
.entry .cei-ficha ul{margin:0;padding-left:1.2em}
.entry .cei-ficha li{font-size:17px;line-height:1.55;margin-bottom:6px}
.entry .cei-ficha li:last-child{margin-bottom:0}
@media (max-width:700px){.entry .cei-ficha{padding:18px}}
.cei-consejo::before{content:"Consejo de la redacción";display:block;font-size:15px;font-weight:700;color:var(--terra);margin-bottom:8px}
.entry table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.entry .dym-tabla,.entry .cei-tabla,.entry .wp-block-table{overflow-x:auto;margin:32px 0}
.entry th{text-align:left;background:var(--sand);font-weight:700;padding:12px 14px}
.entry td{padding:12px 14px;border-bottom:1px solid var(--sand-line);vertical-align:top}
.toc{background:var(--sand);border-radius:var(--radius);padding:22px 28px}
.toc summary{font-size:16px;font-weight:700;cursor:pointer;list-style-position:outside}
.toc ul{margin:12px 0 0;padding-left:20px}
.toc li{font-size:17px;line-height:1.5;margin-bottom:6px}
.toc a{text-decoration:none;color:var(--ink)}
.toc a:hover{color:var(--olive);text-decoration:underline}
.ad-slot{margin:40px 0;text-align:center}
.ad-slot .ad-label{display:block;font-size:11px;letter-spacing:.02em;color:var(--muted);margin-bottom:6px}
.ad-slot .ad-box{min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}
@media (min-width:701px){.ad-slot .ad-box{min-height:250px}}
.post-foot{max-width:700px;margin:0 auto;padding:0 24px}
.share{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--sand-line);padding-top:24px;margin-top:40px}
.share .tags{font-size:14px;color:var(--muted);margin-left:auto}
.share .tags a{color:var(--olive)}
.author-box{display:flex;gap:20px;align-items:flex-start;background:var(--white);border:1px solid var(--sand-line);border-radius:var(--radius);padding:24px;margin-top:32px}
.author-box img{width:72px;height:72px;border-radius:999px;flex:none}
.author-box .name{font-size:18px;font-weight:700;margin-bottom:6px}
.author-box p{font-size:16px;line-height:1.6;color:var(--ink-3)}
@media (max-width:700px){
	.post-head{padding:20px 16px 0;text-align:left}
	.byline{justify-content:flex-start}
	.post-title{font-size:33px;line-height:1.1;margin:14px 0 12px}
	.post-dek{font-size:18px;margin-bottom:16px}
	.post-hero{padding:0;margin-top:20px}
	.post-hero .media{border-radius:0}
	.post-hero figcaption{padding:0 16px}
	.entry{padding:24px 16px 0}
	.entry p,.entry li{font-size:18px;line-height:1.7}
	.entry>p:first-child{font-size:19px}
	.entry h2{font-size:26px;margin-top:40px}
	.entry figure{margin:28px -16px}
	.entry .wp-block-image img{border-radius:0}
	.entry figcaption{padding:0 16px}
	.entry blockquote,.entry .cei-consejo{padding:18px}
	.post-foot{padding:0 16px}
	.share .btn{flex:1 1 100%;text-align:center}
	.share .tags{margin-left:0}
}

/* ---------- Categoría y archivo ---------- */
.cat-head{background:var(--sand)}
.cat-head .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:end;padding-top:48px}
.cat-head .text{padding-bottom:48px}
.cat-title{font-family:var(--serif);font-size:64px;line-height:1.04;letter-spacing:-.015em;margin-bottom:20px}
.cat-desc{font-size:19px;line-height:1.6;color:var(--ink-3);margin-bottom:26px;max-width:36em}
.cat-desc p{margin-bottom:12px}
.cat-head .media{height:380px;border-radius:999px 999px 0 0}
.cat-subs{display:flex;gap:10px;flex-wrap:wrap}
.cat-feature{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px}
.cat-feature .lead .card-title{font-size:34px;line-height:1.12}
.cat-feature .lead p{font-size:17px;color:var(--ink-3)}
.cat-feature .side{display:flex;flex-direction:column;gap:28px}
.cat-feature .side .card-title{font-size:23px;line-height:1.2}
.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:56px;font-size:16px;font-weight:600}
.pagination .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 16px;border-radius:999px;border:1px solid var(--sand-strong)}
.pagination .page-numbers.current{background:var(--olive);border-color:var(--olive);color:var(--paper)}
.pagination .page-numbers.dots{border:0}
@media (max-width:900px){
	.cat-head .wrap{grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px}
	.cat-head .text{padding-bottom:28px}
	.cat-head .media{display:none}
	.cat-title{font-size:40px}
	.cat-desc{font-size:17px}
	.cat-feature{grid-template-columns:minmax(0,1fr)}
	.cat-feature .lead .card-title{font-size:26px}
}
.empty-state{padding:72px var(--gutter);text-align:center;max-width:calc(36em + 2 * var(--gutter));margin:0 auto}
.empty-state h2{font-family:var(--serif);font-size:32px;margin-bottom:12px}
.empty-state p{color:var(--ink-3);margin-bottom:24px}
.empty-state .search-form{margin:0 auto;max-width:440px}

/* ---------- Páginas ---------- */
.page-head{max-width:760px;margin:0 auto;padding:56px 24px 0}
.page-head h1{font-family:var(--serif);font-size:48px;line-height:1.1}

/* ---------- Pie ---------- */
.site-footer{background:var(--ink);color:#CFC9BC;padding:64px 0 32px;margin-top:0}
.site-footer a{color:#CFC9BC}
.site-footer a:hover{color:var(--paper)}
.foot-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-brand{font-family:var(--serif);font-size:28px;color:var(--paper);margin-bottom:14px}
.foot-about{font-size:16px;line-height:1.6;max-width:26em;margin-bottom:14px}
.foot-fb{color:#E6D9C3!important;font-weight:600}
.foot-col h2{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--paper);margin-bottom:12px}
.foot-col ul{list-style:none;margin:0;padding:0;font-size:15px}
.foot-col li{margin-bottom:10px}
.foot-bottom{margin-top:48px;padding-top:20px;border-top:1px solid #3A3D33;font-size:14px;color:#A9A396}
@media (max-width:900px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.foot-grid>div:first-child{grid-column:1/-1}.site-footer{padding:40px 0 28px}}

/* ---------- Mantenimiento ---------- */
.maint{min-height:100vh;display:grid;place-items:center;text-align:center;padding:32px 16px}
.maint .brand{justify-content:center}
.maint h1{font-family:var(--serif);font-size:44px;line-height:1.1;margin:20px 0 14px}
.maint p{font-size:18px;color:var(--ink-3);max-width:30em;margin:0 auto 24px}
