/*
Theme Name: NeL Magazine 2.0
Theme URI: https://www.navarroenlineas.com
Description: Portal de noticias locales. Rediseno completo del tema NeL Magazine: grilla de 3 columnas (55/20/20), slider propio sin dependencias, espacios publicitarios compatibles con WP Bannerize y panel de personalizacion que alcanza al escritorio y a la pantalla de acceso.
Version: 2.0
Author: DisAP
Author URI: http://www.disap.com.ar
Text Domain: nel
Tags: noticias, revista, tres-columnas, personalizable
*/

/* =========================================================
   1. Tokens
   ========================================================= */
:root{
	--nel-brand:#FF3100;
	--nel-brand-ink:#C42400;
	--nel-brand-soft:#FFF1EC;
	--nel-dark:#23262B;
	--nel-dark-2:#31353C;
	--nel-ink:#1F2328;
	--nel-ink-soft:#5B6470;
	--nel-link:#0B5C93;
	--nel-line:#E3E6EA;
	--nel-paper:#F1F2F4;
	--nel-surface:#FFFFFF;

	--nel-wrap:1200px;
	--nel-gap:22px;
	--nel-radius:4px;
	--nel-radius-lg:8px;

	--nel-font-title:"Source Serif 4","Georgia","Times New Roman",serif;
	--nel-font-ui:"Archivo","Arimo","Helvetica Neue",Arial,sans-serif;

	--nel-shadow:0 1px 2px rgba(31,35,40,.06),0 8px 24px -18px rgba(31,35,40,.35);
}

/* =========================================================
   2. Base
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
	margin:0;
	background:var(--nel-paper);
	color:var(--nel-ink);
	font-family:var(--nel-font-ui);
	font-size:16px;
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--nel-link);text-decoration:none;}
a:hover{color:var(--nel-brand-ink);}
h1,h2,h3,h4{margin:0;font-family:var(--nel-font-title);font-weight:600;line-height:1.22;color:var(--nel-ink);}
p{margin:0 0 .9em;}
ul,ol{margin:0;padding:0;}
button,input{font:inherit;color:inherit;}
button{cursor:pointer;background:none;border:0;}
:focus-visible{outline:3px solid var(--nel-brand);outline-offset:2px;}

.wrap{width:100%;max-width:var(--nel-wrap);margin:0 auto;padding:0 18px;float:none;position:static;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--nel-dark);color:#fff;padding:10px 16px;}
.skip-link:focus{left:12px;top:12px;color:#fff;}

/* Titulos de seccion: barra roja + regla, sin mayusculas forzadas */
.section-head{
	display:flex;
	align-items:baseline;
	gap:12px;
	margin:0 0 16px;
	padding-bottom:8px;
	border-bottom:1px solid var(--nel-line);
}
.section-head::before{
	content:"";
	width:5px;
	height:1.05em;
	background:var(--nel-brand);
	border-radius:1px;
	transform:translateY(2px);
}
.section-head h2,
.section-head h3,
.widgettitle{
	font-family:var(--nel-font-title);
	font-size:1.28rem;
	font-weight:700;
	letter-spacing:-.01em;
	margin:0;
}
.section-head .section-head__link{
	margin-left:auto;
	font-family:var(--nel-font-ui);
	font-size:.82rem;
	color:var(--nel-ink-soft);
}
.section-head .section-head__link:hover{color:var(--nel-brand-ink);}

.tag{
	display:inline-block;
	font-family:var(--nel-font-ui);
	font-size:.7rem;
	font-weight:700;
	letter-spacing:.02em;
	color:#fff;
	background:var(--nel-brand-ink);
	padding:3px 8px;
	border-radius:2px;
}
.tag:hover{color:#fff;background:var(--nel-dark);}
.meta{
	font-family:var(--nel-font-ui);
	font-size:.76rem;
	color:var(--nel-ink-soft);
	margin:0;
}
.meta time+span{margin-left:8px;}

/* =========================================================
   3. Cabecera
   ========================================================= */
.topbar{background:var(--nel-dark);color:#C8CDD4;font-size:.78rem;}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;}
.topbar__date{margin:0;}
.topbar__date::first-letter{text-transform:uppercase;}
.topbar__right{display:flex;align-items:center;gap:14px;}
.topbar__place{color:#8E96A1;}
.social{display:flex;gap:8px;list-style:none;}
.social a{
	display:grid;place-items:center;
	width:26px;height:26px;border-radius:50%;
	color:#C8CDD4;background:rgba(255,255,255,.08);
}
.social a:hover{background:var(--nel-brand);color:#fff;}
.social svg{width:14px;height:14px;fill:currentColor;}

.masthead{background:var(--nel-surface);}
.masthead__inner{
	display:flex;align-items:center;justify-content:space-between;
	gap:24px;padding-top:16px;padding-bottom:16px;
}
.masthead__logo img{width:300px;height:auto;max-width:100%;}

/* Buscador de la cabecera (escritorio) */
.masthead__search{margin-left:auto;}
.masthead__search .search__field{
	width:280px;background:var(--nel-paper);
	border:1px solid var(--nel-line);color:var(--nel-ink);
}
.masthead__search .search__field::placeholder{color:#98A0AB;}
.masthead__search .search__field:focus{
	width:320px;background:#fff;border-color:var(--nel-brand);
	box-shadow:0 0 0 3px rgba(0,0,0,.04);
}
/* Buscador dentro del menú: sólo en pantallas chicas */
.nav__inner .nav__search{display:none;}

/* Publicidad: se conservan las medidas del tema anterior */
.ad{margin:0;}
.ad--rail{margin:16px 0 22px;}
.ad--rail img{width:100%;height:auto;border-radius:var(--nel-radius);}
.ad__label{
	display:block;font-family:var(--nel-font-ui);font-size:.64rem;
	color:#98A0AB;margin-bottom:4px;
}
.ad__slot{
	display:grid;place-items:center;
	background:#EDEFF2;border:1px dashed #CFD5DC;border-radius:var(--nel-radius);
	color:#98A0AB;font-size:.75rem;
}
.ad--rail .ad__slot{aspect-ratio:300/250;}
/* Compatibilidad con WP Bannerize (categorias "grandes" y "chicas") */
.wp_bannerize_category_wp-bannerize-grandes,
.wp_bannerize_category_wp-bannerize-chicas,
.wp_bannerize{margin:5px auto;}
.wp_bannerize_category_wp-bannerize-grandes img,
.wp_bannerize_category_wp-bannerize-chicas img,
.wp_bannerize img{width:100%;height:auto;border-radius:var(--nel-radius);}

/* Navegacion */
.nav{
	position:sticky;top:0;z-index:900;
	background:var(--nel-dark);
	border-top:3px solid var(--nel-brand);
	box-shadow:0 6px 18px -14px rgba(0,0,0,.7);
}
.nav__inner{display:flex;align-items:center;gap:14px;min-height:48px;}
.nav__brand{display:none;align-items:center;gap:8px;}
.nav__brand img{width:150px;}
.nav__menu{display:flex;flex-wrap:wrap;list-style:none;}
.nav__menu li{position:relative;}
.nav__menu a{
	display:block;padding:13px 14px;color:#EDEFF2;
	font-size:.88rem;font-weight:500;letter-spacing:.01em;
	border-bottom:3px solid transparent;
}
.nav__menu a:hover{color:#fff;background:var(--nel-dark-2);}
.nav__menu .current-menu-item>a,
.nav__menu .current_page_item>a,
.nav__menu .current-menu-parent>a{color:#fff;border-bottom-color:var(--nel-brand);}
.nav__menu .sub-menu{
	position:absolute;left:0;top:100%;min-width:200px;
	background:var(--nel-dark-2);list-style:none;
	display:none;padding:4px 0;z-index:20;
}
.nav__menu li:hover>.sub-menu,
.nav__menu li:focus-within>.sub-menu{display:block;}
.nav__menu .sub-menu a{padding:9px 14px;border-bottom:0;}
.nav__toggle{
	display:none;align-items:center;gap:8px;
	color:#fff;font-weight:600;font-size:.92rem;padding:12px 4px;
}
.nav__toggle .icon-menu{font-size:1.15rem;}

.search{margin-left:auto;display:flex;align-items:center;gap:6px;}
.search__field{
	width:200px;max-width:42vw;
	padding:8px 12px;border:1px solid transparent;border-radius:999px;
	background:rgba(255,255,255,.12);color:#fff;font-size:.85rem;
	transition:width .18s ease,background .18s ease;
}
.search__field::placeholder{color:#A9B1BC;}
.search__field:focus{width:250px;background:#fff;color:var(--nel-ink);border-color:var(--nel-brand);}
.search__btn{
	display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
	background:var(--nel-brand);color:#fff;
}
.search__btn:hover{background:#fff;color:var(--nel-brand-ink);}

/* =========================================================
   4. Grilla principal 55 / 20 / 20
   ========================================================= */
.layout{
	display:grid;
	grid-template-columns:minmax(0,55fr) minmax(0,20fr) minmax(0,20fr);
	gap:var(--nel-gap);
	align-items:start;
	padding-top:26px;
	padding-bottom:26px;
}
.col-main{min-width:0;}
.col-side{min-width:0;}
.col-side--1,.col-side--2{border-left:1px solid var(--nel-line);padding-left:18px;}
.panel{
	background:var(--nel-surface);
	border:1px solid var(--nel-line);
	border-radius:var(--nel-radius-lg);
	padding:20px;
	margin-bottom:24px;
	box-shadow:var(--nel-shadow);
}

/* =========================================================
   5. Portada: slider
   ========================================================= */
.hero{position:relative;margin-bottom:34px;}
.hero__viewport{overflow:hidden;border-radius:var(--nel-radius-lg);background:var(--nel-dark);}
.hero__track{display:flex;transition:transform .5s cubic-bezier(.4,.02,.2,1);}
.hero__slide{flex:0 0 100%;position:relative;}
.hero__media{display:block;aspect-ratio:16/7;background:var(--nel-dark-2);}
.hero__media img{width:100%;height:100%;object-fit:cover;}
.hero__body{
	position:relative;
	margin:-64px 0 0 28px;
	width:calc(100% - 76px);
	background:var(--nel-surface);
	border-left:5px solid var(--nel-brand);
	padding:16px 22px 18px;
	box-shadow:0 12px 30px -20px rgba(31,35,40,.7);
	z-index:2;
}
.hero__title{font-size:1.72rem;letter-spacing:-.015em;margin:10px 0 6px;}
.hero__title a{color:var(--nel-ink);}
.hero__title a:hover{color:var(--nel-brand-ink);}
.hero__lead{
	margin:0 0 6px;color:var(--nel-ink-soft);font-size:.94rem;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hero__arrow{
	position:absolute;top:calc(50% - 60px);transform:translateY(-50%);
	width:42px;height:42px;border-radius:50%;
	background:rgba(35,38,43,.55);color:#fff;display:grid;place-items:center;
	transition:background .15s ease;
}
.hero__arrow:hover{background:var(--nel-brand);}
.hero__arrow svg{width:18px;height:18px;fill:currentColor;}
.hero__arrow--prev{left:14px;}
.hero__arrow--next{right:14px;}
.hero__dots{
	display:flex;gap:6px;justify-content:flex-end;
	margin:12px 28px 0 0;list-style:none;
}
.hero__dots button{width:26px;height:4px;border-radius:2px;background:#CFD5DC;}
.hero__dots button[aria-current="true"]{background:var(--nel-brand);}

/* =========================================================
   6. Portada: tarjetas
   ========================================================= */
.cards{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:22px;
}
.card{
	background:var(--nel-surface);
	border:1px solid var(--nel-line);
	border-radius:var(--nel-radius-lg);
	overflow:hidden;
	display:flex;flex-direction:column;
}
.card__media{display:block;aspect-ratio:16/10;background:#E9ECEF;overflow:hidden;}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.card:hover .card__media img{transform:scale(1.04);}
.card__body{padding:14px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1;}
.card__body .tag{align-self:flex-start;}
.card__title{font-size:1.08rem;}
.card__title a{color:var(--nel-ink);}
.card__title a:hover{color:var(--nel-brand-ink);}
.card__excerpt{
	margin:0;font-size:.88rem;color:var(--nel-ink-soft);
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.card__body .meta{margin-top:auto;}

/* Listado de archivo / resultados */
.list-post{
	display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:18px;
	padding:18px 0;border-bottom:1px solid var(--nel-line);
}
.list-post:first-of-type{padding-top:0;}
.list-post__media{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--nel-radius);background:#E9ECEF;}
.list-post__media img{width:100%;height:100%;object-fit:cover;}
.list-post h2{font-size:1.24rem;margin:6px 0;}
.list-post h2 a{color:var(--nel-ink);}
.list-post h2 a:hover{color:var(--nel-brand-ink);}
.list-post p{font-size:.92rem;color:var(--nel-ink-soft);margin:0 0 8px;}

.page-title{
	font-size:1.9rem;margin:0 0 4px;letter-spacing:-.02em;
}
.page-header{margin-bottom:20px;padding-bottom:14px;border-bottom:3px solid var(--nel-brand);}
.page-header p{margin:0;color:var(--nel-ink-soft);font-size:.88rem;}

/* Paginacion */
.pagination{margin:26px 0 6px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
.pagination .page-numbers{
	display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;
	border:1px solid var(--nel-line);border-radius:var(--nel-radius);
	background:var(--nel-surface);color:var(--nel-ink);font-size:.9rem;
}
.pagination .page-numbers:hover{border-color:var(--nel-brand);color:var(--nel-brand-ink);}
.pagination .current{background:var(--nel-brand-ink);border-color:var(--nel-brand-ink);color:#fff;}
.wp-pagenavi{margin:26px 0;text-align:center;font-size:.9rem;}
.wp-pagenavi a,.wp-pagenavi span{
	display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;margin:0 3px;
	border:1px solid var(--nel-line);border-radius:var(--nel-radius);background:#fff;color:var(--nel-ink);
}
.wp-pagenavi span.current{background:var(--nel-brand-ink);border-color:var(--nel-brand-ink);color:#fff;}

/* =========================================================
   7. Nota completa
   ========================================================= */
.entry{background:var(--nel-surface);border:1px solid var(--nel-line);border-radius:var(--nel-radius-lg);padding:26px;}
.entry__header{margin-bottom:18px;}
.entry__title{font-size:2.1rem;letter-spacing:-.022em;margin:10px 0 8px;}
.entry__lead{font-size:1.05rem;color:var(--nel-ink-soft);margin:0 0 12px;}
.entry__meta{
	display:flex;flex-wrap:wrap;gap:12px;align-items:center;
	padding:10px 0;border-top:1px solid var(--nel-line);border-bottom:1px solid var(--nel-line);
}
.entry__figure{margin:0 0 20px;}
.entry__figure img{width:100%;border-radius:var(--nel-radius);}
.entry__figure figcaption{font-size:.78rem;color:var(--nel-ink-soft);padding-top:6px;}
.entry__content{
	font-family:var(--nel-font-title);
	font-size:1.09rem;line-height:1.72;color:#2A2F36;
	max-width:70ch;
}
.entry__content p{margin:0 0 1.15em;}
.entry__content h2{font-size:1.45rem;margin:1.4em 0 .5em;}
.entry__content h3{font-size:1.2rem;margin:1.3em 0 .5em;}
.entry__content a{text-decoration:underline;text-underline-offset:2px;}
.entry__content blockquote{
	margin:1.4em 0;padding:4px 0 4px 18px;
	border-left:4px solid var(--nel-brand);
	font-size:1.16rem;color:var(--nel-ink);
}
.entry__content img{border-radius:var(--nel-radius);margin:1em 0;}
.entry__content ul,.entry__content ol{margin:0 0 1.15em 1.3em;}
.entry__content li{margin-bottom:.4em;}
.entry__share{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--nel-line);}
.entry__share span{font-family:var(--nel-font-ui);font-size:.82rem;color:var(--nel-ink-soft);}
.entry__share a{
	display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
	background:var(--nel-paper);color:var(--nel-ink);
}
.entry__share a:hover{background:var(--nel-brand);color:#fff;}
.entry__share svg{width:15px;height:15px;fill:currentColor;}

/* =========================================================
   8. Columnas laterales
   ========================================================= */
.rail-list{list-style:none;}
.rail-item{
	display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;
	padding:12px 0;border-bottom:1px solid var(--nel-line);
}
.rail-item:last-child{border-bottom:0;}
.rail-item__media{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#E9ECEF;}
.rail-item__media img{width:100%;height:100%;object-fit:cover;}
.rail-item h3{font-size:.95rem;line-height:1.3;margin:0 0 4px;}
.rail-item h3 a{color:var(--nel-ink);}
.rail-item h3 a:hover{color:var(--nel-brand-ink);}
.rail-item .meta{font-size:.72rem;}
.rail-item--lead{grid-template-columns:minmax(0,1fr);}
.rail-item--lead .rail-item__media{aspect-ratio:16/10;margin-bottom:8px;}
.rail-item--lead h3{font-size:1.12rem;}

/* Widgets del panel de WordPress */
.lateral,.lateral1,.widget{margin-bottom:24px;}
.lateral ul,.lateral1 ul,.widget ul{list-style:none;}
.lateral li,.lateral1 li,.widget li{
	padding:7px 0;border-bottom:1px solid var(--nel-line);font-size:.9rem;
}
.lateral li a,.lateral1 li a,.widget li a{color:var(--nel-ink);}
.lateral li a:hover,.lateral1 li a:hover,.widget li a:hover{color:var(--nel-brand-ink);}
.col-side .widgettitle{
	display:block;font-size:1.05rem;margin-bottom:10px;padding-bottom:7px;
	border-bottom:2px solid var(--nel-brand);
}
.weather-box{margin-bottom:22px;}

/* =========================================================
   9. Franja de deportes
   ========================================================= */
.band{background:var(--nel-dark);padding:30px 0 34px;margin-top:10px;}
.band .section-head{border-bottom-color:rgba(255,255,255,.14);}
.band .section-head h2{color:#fff;}
.band .section-head__link{color:#A9B1BC;}
.band .section-head__link:hover{color:#fff;}
.band__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.band-card{background:var(--nel-dark-2);border-radius:var(--nel-radius-lg);overflow:hidden;}
.band-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#3A3F47;}
.band-card__media img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .25s ease,transform .35s ease;}
.band-card:hover .band-card__media img{opacity:1;transform:scale(1.03);}
.band-card__body{padding:13px 15px 16px;}
.band-card h3{font-size:1rem;line-height:1.32;margin:0 0 6px;}
.band-card h3 a{color:#fff;}
.band-card h3 a:hover{color:var(--nel-brand);}
.band-card p{font-size:.83rem;color:#A9B1BC;margin:0;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.band-card .meta{color:#8E96A1;margin-top:8px;}

/* =========================================================
   10. Pie
   ========================================================= */
.site-footer{background:#1A1D21;color:#B9C0C9;font-size:.9rem;}
.site-footer a{color:#D8DDE3;}
.site-footer a:hover{color:var(--nel-brand);}
.footer__top{
	display:grid;
	grid-template-columns:1.4fr 1fr 1fr 1.2fr;
	gap:32px;
	padding-top:38px;padding-bottom:30px;
}
.footer__brand p{margin:12px 0 14px;color:#8E96A1;font-size:.86rem;max-width:34ch;}
.footer__logo{display:inline-block;background:#fff;padding:10px 14px;border-radius:6px;}
.footer__logo img{width:210px;}
.site-footer h3{
	color:#fff;font-size:1rem;margin:0 0 12px;padding-bottom:8px;
	border-bottom:1px solid rgba(255,255,255,.12);position:relative;
}
.site-footer h3::after{
	content:"";position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:var(--nel-brand);
}
.footer__list{list-style:none;}
.footer__list li{padding:5px 0;}
.footer__contact li{display:flex;gap:9px;align-items:flex-start;padding:6px 0;}
.footer__contact svg{width:15px;height:15px;fill:var(--nel-brand);flex:0 0 auto;margin-top:3px;}
.footer__cta{
	display:inline-block;margin-top:6px;padding:10px 16px;border-radius:var(--nel-radius);
	background:var(--nel-brand);color:#fff;font-weight:600;font-size:.86rem;
}
.footer__cta:hover{background:#fff;color:var(--nel-brand-ink);}
.footer__bottom{
	border-top:1px solid rgba(255,255,255,.1);
	padding:16px 0;font-size:.8rem;color:#7E8794;
}
.footer__bottom-inner{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;}
.footer__bottom p{margin:0;}
.footer__legal{display:flex;flex-wrap:wrap;gap:16px;list-style:none;}
.to-top{
	position:fixed;right:18px;bottom:18px;z-index:950;
	width:44px;height:44px;border-radius:50%;
	background:var(--nel-brand);color:#fff;display:grid;place-items:center;
	opacity:0;visibility:hidden;transform:translateY(8px);
	transition:opacity .2s ease,transform .2s ease,visibility .2s;
	box-shadow:0 8px 20px -8px rgba(0,0,0,.5);
}
.to-top.is-visible{opacity:1;visibility:visible;transform:none;}
.to-top svg{width:18px;height:18px;fill:currentColor;}

/* Estado vacio */
.empty{
	background:var(--nel-surface);border:1px solid var(--nel-line);
	border-radius:var(--nel-radius-lg);padding:34px 26px;text-align:center;
}
.empty h2{font-size:1.3rem;margin-bottom:8px;}
.empty p{color:var(--nel-ink-soft);margin:0 auto 16px;max-width:46ch;}

/* =========================================================
   11. Responsive
   ========================================================= */
@media (max-width:960px){
	.layout{grid-template-columns:minmax(0,68fr) minmax(0,32fr);}
	.col-side--2{grid-column:2;border-left:1px solid var(--nel-line);}
	.band__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.footer__top{grid-template-columns:repeat(2,minmax(0,1fr));}
	.hero__title{font-size:1.45rem;}
}
@media (max-width:900px){
	.masthead__search .search__field{width:210px;}
	.masthead__search .search__field:focus{width:240px;}
}
@media (max-width:820px){
	/* El buscador pasa a la barra del menú, junto al botón Menú */
	.masthead__search{display:none;}
	.nav__inner .nav__search{display:flex;margin-left:auto;}
	.masthead__inner{justify-content:center;padding-top:14px;padding-bottom:14px;}
	.nav__inner{flex-wrap:wrap;}
	.nav__toggle{display:inline-flex;}
	.nav__menu{
		display:none;width:100%;order:3;
		border-top:1px solid rgba(255,255,255,.12);
		padding:6px 0 10px;
	}
	.nav__menu.is-open{display:block;}
	.nav__menu li{width:100%;}
	.nav__menu a{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08);}
	.nav__menu .current-menu-item>a{border-left:3px solid var(--nel-brand);padding-left:10px;border-bottom-color:rgba(255,255,255,.08);}
	.nav__menu .sub-menu{position:static;display:block;padding-left:14px;background:transparent;}
	.search{margin-left:auto;}
}
@media (max-width:720px){
	.layout{grid-template-columns:minmax(0,1fr);}
	/* Importante: se anula la posición fija de la columna 2 del tramo anterior. */
	.col-main,.col-side--1,.col-side--2{grid-column:1;}
	.col-side--1,.col-side--2{border-left:0;padding-left:0;border-top:1px solid var(--nel-line);padding-top:20px;}
	.cards{grid-template-columns:minmax(0,1fr);}
	.list-post{grid-template-columns:120px minmax(0,1fr);gap:14px;}
	.entry{padding:20px 16px;}
	.entry__title{font-size:1.55rem;}
	.hero__body{margin:-34px 0 0 14px;width:calc(100% - 28px);padding:14px 16px;}
	/* En el celular se pasa de nota deslizando o con los puntos. */
	.hero__arrow{display:none;}
	.hero__dots{justify-content:center;margin-right:0;}
	.footer__top{grid-template-columns:minmax(0,1fr);gap:26px;}
	.topbar__place{display:none;}
}
@media (max-width:520px){
	.masthead__logo img{width:230px;}
	.band__grid{grid-template-columns:minmax(0,1fr);}
	.hero__lead{display:none;}
	.search__field{width:130px;}
	.footer__bottom-inner{justify-content:flex-start;}
}
@media (prefers-reduced-motion:reduce){
	*{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* Alineaciones del editor */
.alignleft{float:left;margin:0 18px 12px 0;}
.alignright{float:right;margin:0 0 12px 18px;}
.aligncenter{margin:1em auto;}
.wp-caption{max-width:100%;}
.wp-caption-text{font-size:.78rem;color:var(--nel-ink-soft);}

/* =========================================================
   12. Piezas complementarias
   ========================================================= */
.card__media.is-empty,
.list-post__media.is-empty,
.rail-item__media.is-empty,
.band-card__media.is-empty,
.hero__media.is-empty{
	display:grid;place-items:center;
	background:linear-gradient(135deg,var(--nel-dark-2),var(--nel-dark));
}
.thumb-fallback{
	font-family:var(--nel-font-title);
	font-size:.82rem;color:rgba(255,255,255,.6);
	padding:0 10px;text-align:center;line-height:1.2;
}
.hero__media.is-empty .thumb-fallback{font-size:1.1rem;}

.rail-item--text{grid-template-columns:minmax(0,1fr);}
.rail-item--text h3{font-size:.92rem;}
.rail-list--simple .rail-item{padding:10px 0;}

.entry__tags{margin-top:16px;font-size:.82rem;color:var(--nel-ink-soft);}
.entry__tags a{
	display:inline-block;margin:0 4px 6px 0;padding:4px 9px;
	background:var(--nel-brand-soft);color:var(--nel-brand-ink);border-radius:2px;
}
.entry__tags a:hover{background:var(--nel-brand-ink);color:#fff;}

.post-nav{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;
}
.post-nav .nav-links{display:contents;}
.post-nav a{
	display:block;padding:14px 16px;background:var(--nel-surface);
	border:1px solid var(--nel-line);border-radius:var(--nel-radius-lg);
	font-family:var(--nel-font-title);font-size:1rem;color:var(--nel-ink);
}
.post-nav a:hover{border-color:var(--nel-brand);}
.post-nav__label{
	display:block;font-family:var(--nel-font-ui);font-size:.74rem;
	color:var(--nel-ink-soft);margin-bottom:4px;
}
.post-nav .nav-next a{text-align:right;}

.footer__section .footer-widget{margin-top:18px;}
.footer__section .footer-widget h3{margin-top:0;}
.footer-widget ul{list-style:none;}
.footer-widget li{padding:5px 0;}

@media (max-width:720px){
	.post-nav{grid-template-columns:minmax(0,1fr);}
	.post-nav .nav-next a{text-align:left;}
}