/*
Theme Name: GeneratePress Imagen del Valle Child
Description: Tema hijo de GeneratePress con portada y estilo editorial tipo Semana.com para Revista Imagen de los Vallecaucanos.
Template: generatepress
Version: 1.3.0
Text Domain: generatepress-child
*/

/* ===== Reglas originales del sitio (preexistentes antes de este tema hijo) ===== */
.sidebar .widget .widget-title{
   background-color: rgb(230, 46, 27);
   color: rgb(255, 255, 255);
   padding: 0px;
   padding-right: 7px;
   padding-left: 7px;
}
.sidebar .widget:last-child {
   box-shadow: 1px 1px 3px 1px rgb(187, 186, 186);
}

/* ===== Base editorial ===== */
:root{
    --brand-red:#e62e1b;
    --brand-red-dark:#a3190c;
    /*
     * Medida del cuerpo del articulo.
     *
     * En 100% ocupa toda su columna y coincide al pixel con la columna
     * principal de la portada. Con un valor fijo (p.ej. 46rem) se estrecha a
     * una medida de lectura mas comoda, pero entonces deja de cuadrar con la
     * portada: queda centrada dentro de la columna.
     */
    --medida-articulo:100%;
    --red-tint:#fdf879;
    --ink:#1a1a1a;
    --gray:#6f6f6f;
    --line:#e2e2e2;
}

/* Ojo: no incluir .site aqui, el pie (#footer-widgets) tambien la lleva. */
body, .site-content, .content-area, .site-main, #main { background:#fff !important; }

body,
.entry-content,
.entry-summary,
.ivc-topbar,
.main-navigation {
    font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color:var(--ink);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
    font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    /* Semana titula en 700, no en 800: 800 se ve demasiado pesado. */
    font-weight:700 !important;
    /* El tema forzaba capitalize: Semana usa mayuscula solo inicial. */
    text-transform:none !important;
    letter-spacing:-0.015em;
}

/* ===== Un unico canal de contenido =====
 *
 * El ancho de pagina (1240px) vive en el ajuste del tema. Pero coincidir en el
 * max-width no basta: GeneratePress sangra ademas cada bloque por su cuenta y
 * cada zona acababa empezando en un sitio distinto.
 *
 *   barra superior y pie ... 20px  (padding propio)
 *   portada ................  5px  (.site-main margin)
 *   articulo ...............  12px (5px + 7px de .inside-article)
 *
 * Se pasa el aire lateral al contenedor de pagina y se anulan los sangrados
 * horizontales de dentro: asi todo arranca en la misma vertical y la banda de
 * contenido mide 1240px en cualquier plantilla.
 */
.site.grid-container {
    max-width:1280px;   /* 1240 de contenido + 20 de aire a cada lado */
    padding-left:20px;
    padding-right:20px;
}

.separate-containers .site-main { margin-left:0; margin-right:0; }

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.inside-page-header { padding-left:0; padding-right:0; }

.separate-containers .inside-right-sidebar,
.separate-containers .inside-left-sidebar { margin-left:0; margin-right:0; }

.widget-area .widget { padding-left:0; padding-right:0; }

/*
 * La columna lateral mide lo mismo que la de la portada.
 *
 * El tema la calcula en porcentaje (30%, o sea 372px sobre 1240) mientras la
 * portada la tiene fija en 340px con 40px de separacion. Igualandolas, la
 * columna principal del articulo mide exactamente lo mismo que la de la
 * portada. Se aplica solo en escritorio: por debajo el tema las apila.
 */
@media (min-width:769px){
    .site-content .content-area {
        width:calc(100% - 340px);
        padding-right:40px;
    }
    .is-right-sidebar.sidebar { width:340px; }
    /* La portada no lleva barra: ocupa todo y no necesita el hueco. */
    .no-sidebar .site-content .content-area { width:100%; padding-right:0; }
}

/* ===== Barra superior (fecha | logotipo | suscribete) ===== */
/* Sustituye a la cabecera del tema, que queda oculta. */
#masthead, .site-header { display:none !important; }

.ivc-topbar { background:#fff; border-bottom:1px solid var(--line); }
.ivc-topbar__inner {
    max-width:1240px;
    margin:0 auto;
    padding:10px 20px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
}
.ivc-topbar__left { display:flex; flex-direction:column; line-height:1.3; }
.ivc-topbar__date { font-size:12.5px; color:#3a3a3a; }
.ivc-topbar__meta { font-size:12.5px; color:var(--gray); }
.ivc-topbar__logo { justify-self:center; display:block; }
.ivc-topbar__logo img { max-height:56px; width:auto; display:block; }
.ivc-topbar__right { justify-self:end; }
.ivc-topbar__cta {
    display:inline-block;
    background:#f7e7a6;
    color:#1a1a1a !important;
    font-weight:700;
    font-size:14px;
    padding:9px 22px;
    border-radius:22px;
    white-space:nowrap;
}
.ivc-topbar__cta:hover { background:#f0d97f; }

@media (max-width:780px){
    .ivc-topbar__inner { grid-template-columns:1fr auto; row-gap:10px; }
    .ivc-topbar__left { display:none; }
    .ivc-topbar__logo { justify-self:start; }
}

/* ===== Navegacion ===== */
#navigation, .main-navigation { background:#fff; border-bottom:1px solid var(--line); }
.main-navigation ul li a {
    /* El tema la servia en Roboto Slab (serif); Semana usa una sans regular. */
    font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color:var(--ink);
    text-transform:none;
    font-weight:500;
    font-size:16px;
    padding-top:14px;
    padding-bottom:12px;
    border-bottom:2px solid transparent;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
    color:var(--brand-red) !important;
    background:transparent !important;
    border-bottom-color:var(--brand-red);
}

/* ===== Menu movil ===== */
/*
 * El desplegable es un <button class="menu-toggle">, asi que se llevaba el
 * fondo rojo y el borde redondeado del estilo de boton de marca: salia como
 * un boton rojo enorme en vez de un control discreto.
 */
.main-navigation .menu-toggle,
button.menu-toggle {
    background:transparent !important;
    color:var(--ink) !important;
    border:0 !important;
    border-radius:0 !important;
    font-weight:600;
    font-size:15px;
    text-transform:none;
}
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
button.menu-toggle:hover,
button.menu-toggle:focus {
    background:transparent !important;
    color:var(--brand-red) !important;
}

@media (max-width:768px){
    /*
     * El filete inferior marca la seccion activa cuando el menu es una fila.
     * Desplegado en vertical se convertia en una raya roja de lado a lado.
     */
    .main-navigation .main-nav ul li a,
    .main-navigation .main-nav ul li.current-menu-item > a { border-bottom:0; }

    /* Separador tenue entre opciones, no un subrayado de color. */
    .main-navigation .main-nav > ul > li { border-bottom:1px solid var(--line); }
    .main-navigation .main-nav > ul > li:last-child { border-bottom:0; }

    /* El tema los servia a 49px de alto de linea mas relleno: ~77px por opcion. */
    .main-navigation .main-nav ul li a {
        line-height:1.4;
        padding-top:13px;
        padding-bottom:13px;
    }

    .main-navigation .main-nav ul li.current-menu-item > a { color:var(--brand-red) !important; }
}

a { color:var(--brand-red); }
a:hover { color:var(--brand-red-dark); }

.button, button, input[type="submit"], .wp-block-button__link {
    background:var(--brand-red) !important;
    border-color:var(--brand-red) !important;
    color:#fff !important;
    border-radius:20px;
    font-weight:700;
}
.button:hover, button:hover, input[type="submit"]:hover { background:var(--brand-red-dark) !important; }

/* ===== Metadatos: seccion en rojo + hora en gris, en una linea ===== */
.ivc-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:6px; }
.ivc-kicker {
    color:var(--brand-red);
    text-transform:uppercase;
    font-weight:800;
    font-size:11.5px;
    letter-spacing:.05em;
}
.ivc-kicker:hover { color:var(--brand-red-dark); }
.ivc-time { color:var(--gray); font-size:12.5px; }

/* ===== Rejilla general: columna principal + columna lateral continua ===== */
.ivc-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:40px;
    align-items:start;
}

/* ===== Nota principal ===== */
.ivc-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    gap:26px;
    align-items:start;
    padding-bottom:24px;
    margin-bottom:24px;
    border-bottom:1px solid var(--ink);
}
.ivc-hero__title {
    font-size:30px !important;
    font-weight:700 !important;
    line-height:1.15;
    margin:0 0 12px;
}
.ivc-hero__title a { color:var(--ink); }
.ivc-hero__title a:hover { color:var(--brand-red); }
.ivc-hero__excerpt { font-size:16px; line-height:1.5; color:#333; margin:0; }

.ivc-hero__media { margin:0; }
.ivc-hero__media img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.ivc-hero__media figcaption { font-size:12px; color:var(--gray); padding-top:7px; line-height:1.35; }

/* ===== Columna lateral ===== */
.ivc-rail { display:flex; flex-direction:column; gap:26px; }

/* Cada widget del area es un tramo de la columna. */
.ivc-rail__widget { margin:0; padding:0; background:transparent; }
/* Varias notas dentro de un mismo widget necesitan aire entre si. */
.ivc-rail__widget .ivc-rail__item + .ivc-rail__item { margin-top:26px; }

.ivc-rail__boxtitle {
    background:#fdf1ef;
    color:var(--brand-red) !important;
    font-size:15px !important;
    margin:0;
    padding:12px 14px;
    border:1px solid #f6dcd8;
    border-bottom:0;
}
.ivc-rail__list {
    list-style:none;
    margin:0;
    padding:0;
    border:1px solid var(--line);
    border-top:0;
}
.ivc-rail__list li { border-bottom:1px solid var(--line); }
.ivc-rail__list li:last-child { border-bottom:0; }
.ivc-rail__list a {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    padding:11px 14px;
    color:var(--ink);
    font-weight:600;
    font-size:14px;
    line-height:1.35;
}
.ivc-rail__list a::before {
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--brand-red);
    margin-top:5px;
}
.ivc-rail__list a:hover { color:var(--brand-red); }

/* Notas sueltas de la columna lateral: antetítulo, titular y foto */
.ivc-rail__title { font-size:16px !important; line-height:1.25; margin:0 0 9px; }
.ivc-rail__title a { color:var(--ink); }
.ivc-rail__title a:hover { color:var(--brand-red); }
.ivc-rail__media { display:block; }
.ivc-rail__media img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }

/* ===== Tarjetas ===== */
.ivc-card { display:flex; flex-direction:column; }
.ivc-card__media { display:block; margin-bottom:9px; }
.ivc-card__media img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.ivc-card__title { font-size:17px !important; line-height:1.25; margin:0; }
.ivc-card__title a { color:var(--ink); }
.ivc-card__title a:hover { color:var(--brand-red); }
.ivc-card__excerpt { font-size:14px; line-height:1.45; color:#4a4a4a; margin:8px 0 0; }

/* Fila de notas secundarias bajo la principal */
.ivc-row {
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:26px;
    padding-bottom:26px;
    margin-bottom:26px;
    border-bottom:1px solid var(--ink);
}

/* ===== Bloques por seccion =====
 * Semana no reparte tarjetas iguales: cada bloque lleva una nota principal
 * con foto grande y, al lado, una pila de notas en fila (miniatura de ~170px
 * + titular). Eso es lo que evita que la portada se lea como una cuadricula.
 */
.ivc-section { margin-bottom:36px; }

.ivc-section__head {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:14px;
    margin:0 0 16px;
    padding-bottom:7px;
    border-bottom:2px solid var(--ink);
}
.ivc-section__title {
    font-size:15px !important;
    text-transform:uppercase !important;
    letter-spacing:.06em;
    margin:0;
    padding:0;
    border:0;
}
.ivc-section__title a { color:var(--brand-red); }
.ivc-section__more {
    font-size:12.5px;
    font-weight:600;
    color:var(--gray);
    white-space:nowrap;
}
.ivc-section__more::after { content:" \203A"; }
.ivc-section__more:hover { color:var(--brand-red); }

/* Proporcion tomada de la rejilla de 7 columnas de Semana: 4 y 3. */
.ivc-section__body {
    display:grid;
    grid-template-columns:4fr 3fr;
    gap:30px;
    align-items:start;
}

/* La nota principal alterna de lado para romper la monotonia vertical. */
.ivc-section:nth-of-type(even) .ivc-lead { order:2; }
.ivc-section:nth-of-type(even) .ivc-section__stack { order:1; }

.ivc-lead__media { display:block; margin-bottom:11px; }
.ivc-lead__media img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.ivc-lead__title { font-size:22px !important; line-height:1.2; margin:0 0 8px; }
.ivc-lead__title a { color:var(--ink); }
.ivc-lead__title a:hover { color:var(--brand-red); }
.ivc-lead__excerpt { font-size:14.5px; line-height:1.5; color:#4a4a4a; margin:0; }

.ivc-section__stack { display:flex; flex-direction:column; }

.ivc-item {
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:14px;
    align-items:start;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}
.ivc-section__stack .ivc-item:first-child { padding-top:0; }
.ivc-section__stack .ivc-item:last-child { border-bottom:0; padding-bottom:0; }
.ivc-item__media { display:block; }
.ivc-item__media img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.ivc-item__title { font-size:15px !important; line-height:1.28; margin:0 0 5px; }
.ivc-item__title a { color:var(--ink); }
.ivc-item__title a:hover { color:var(--brand-red); }
.ivc-item .ivc-meta { margin-bottom:4px; }

@media (max-width:900px){
    .ivc-section__body { grid-template-columns:1fr; gap:22px; }
    /* Apilado, la nota principal siempre va primero. */
    .ivc-section:nth-of-type(even) .ivc-lead { order:0; }
    .ivc-section:nth-of-type(even) .ivc-section__stack { order:1; }
}
@media (max-width:480px){
    .ivc-item { grid-template-columns:110px minmax(0,1fr); gap:11px; }
    .ivc-lead__title { font-size:19px !important; }
}

@media (max-width:1100px){
    .ivc-layout { grid-template-columns:1fr; }
    .ivc-rail { max-width:none; }
}
@media (max-width:900px){
    .ivc-hero { grid-template-columns:1fr; }
    .ivc-row { grid-template-columns:repeat(2, minmax(0,1fr)); }
    .ivc-section__grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:560px){
    .ivc-row, .ivc-section__grid { grid-template-columns:1fr; }
}

/* ===== Archivos: categorias, etiquetas, autor y fechas =====
 *
 * Mismas piezas que la portada (nota principal y tarjetas), pero a todo el
 * ancho: estas paginas no llevan columna lateral.
 */
.ivc-archive__head {
    padding-bottom:9px;
    margin-bottom:26px;
    border-bottom:2px solid var(--ink);
}
.ivc-archive__title {
    font-size:28px !important;
    line-height:1.15;
    margin:0;
}
.ivc-archive__desc {
    font-size:15px;
    line-height:1.55;
    color:var(--gray);
    margin-top:10px;
    max-width:62rem;
}
.ivc-archive__desc p { margin:0 0 .8em; }
.ivc-archive__desc p:last-child { margin-bottom:0; }
.ivc-archive__desc a { color:var(--brand-red); }

/*
 * "Mostrar mas" con <details>: abrir y cerrar lo hace el navegador, aqui solo
 * se disfraza el <summary> de pastilla, igual que las de secciones del 404 y
 * las etiquetas del articulo.
 */
.ivc-desc__more { margin-top:4px; }
.ivc-desc__more > summary {
    display:inline-block;
    cursor:pointer;
    list-style:none;
    background:#f2f2f2;
    border-radius:18px;
    padding:7px 16px;
    font-size:13px;
    font-weight:600;
    color:#3a3a3a;
    user-select:none;
}
.ivc-desc__more > summary:hover { background:var(--brand-red); color:#fff; }
.ivc-desc__more > summary:focus-visible { outline:2px solid var(--brand-red); outline-offset:2px; }
/* Fuera el triangulito del navegador. */
.ivc-desc__more > summary::-webkit-details-marker { display:none; }
.ivc-desc__more > summary::marker { content:""; }

/* Los dos rotulos estan siempre en el HTML; [open] decide cual se ve. */
.ivc-desc__hide { display:none; }
.ivc-desc__more[open] .ivc-desc__show { display:none; }
.ivc-desc__more[open] .ivc-desc__hide { display:inline; }

.ivc-desc__rest { padding-top:10px; }

/* La nota de apertura ocupa el ancho completo, como en la portada. */
.ivc-archive .ivc-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); }

/*
 * Cuatro por fila. A 1240px de ancho cada tarjeta queda en ~290px, casi el
 * mismo tamano que las tres de la portada dentro de su columna de 860.
 */
.ivc-archive__grid {
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:30px 26px;
}

@media (max-width:1100px){
    .ivc-archive__grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:820px){
    .ivc-archive__grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:520px){
    .ivc-archive__grid { grid-template-columns:1fr; }
}

.ivc-archive__vacio { font-size:16px; color:var(--gray); }

/* ===== Resultados de busqueda ===== */
.ivc-search__q { color:var(--brand-red); }
.ivc-search__count {
    font-size:14px;
    color:var(--gray);
    margin:9px 0 0;
}

/* Mismo buscador en pastilla que el del 404. */
.ivc-search__form {
    display:flex;
    max-width:520px;
    margin:0 0 30px;
    border:1px solid #cfcfcf;
    border-radius:26px;
    overflow:hidden;
    background:#fff;
}
.ivc-search__form:focus-within { border-color:var(--brand-red); }
.ivc-search__form input[type="search"] {
    flex:1;
    min-width:0;
    border:0 !important;
    background:transparent !important;
    padding:12px 20px;
    font-size:15px;
    font-family:inherit;
}
.ivc-search__form input[type="search"]:focus { outline:none; box-shadow:none; }
.ivc-search__form button {
    border:0 !important;
    border-radius:0 !important;
    padding:12px 26px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.ivc-search__vacio { max-width:62rem; }
.ivc-search__vacio p {
    font-size:16px;
    line-height:1.55;
    color:#4a4a4a;
    margin:0 0 18px;
}

/* Paginacion */
.ivc-archive .navigation.pagination {
    margin-top:36px;
    padding-top:22px;
    border-top:1px solid var(--line);
}
.ivc-archive .nav-links {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
.ivc-archive .nav-links .page-numbers {
    display:inline-block;
    min-width:38px;
    padding:8px 12px;
    text-align:center;
    border:1px solid var(--line);
    border-radius:19px;
    font-size:14px;
    font-weight:600;
    color:var(--ink);
}
.ivc-archive .nav-links .page-numbers:hover {
    border-color:var(--brand-red);
    color:var(--brand-red);
}
.ivc-archive .nav-links .page-numbers.current {
    background:var(--brand-red);
    border-color:var(--brand-red);
    color:#fff;
}
.ivc-archive .nav-links .page-numbers.dots { border-color:transparent; }

/* ===== Listados que aun usa el tema (resultados de busqueda) =====
 *
 * Las categorias y demas archivos los sirve ahora archive.php con las piezas
 * de la portada. Las reglas que convertian .archive .site-main en rejilla se
 * han retirado: con la plantilla nueva convertian la cabecera y el contenedor
 * en celdas de esa rejilla y descuadraban la pagina entera.
 */
.site-main > .page-header {
    border-bottom:2px solid var(--ink);
    padding-bottom:10px;
    margin-bottom:18px;
}

/*
 * Solo queda el indice del blog. Las categorias las sirve archive.php y los
 * resultados search.php, ambos con maqueta propia: dejar aqui .archive o
 * .search convertia .site-main en rejilla y volvia celdas la cabecera y el
 * contenedor de esas plantillas.
 */
.blog .site-main {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(300px,1fr));
    gap:0 32px;
    align-items:start;
}
.blog .site-main > article {
    border-bottom:1px solid var(--line);
    padding-bottom:24px;
    margin-bottom:24px !important;
    background:transparent;
    box-shadow:none;
    border-radius:0;
}
.blog .inside-article { display:flex; flex-direction:column; box-shadow:none; }
.blog .inside-article > footer.entry-meta { order:1; margin:0 0 6px 0; }
.blog .inside-article > .entry-header { order:2; }
.blog .inside-article > .post-image { order:3; }
.blog .inside-article > .entry-summary { order:4; }

.cat-links .gp-icon { display:none; }
.cat-links a {
    color:var(--brand-red) !important;
    text-transform:uppercase;
    font-weight:800;
    font-size:12px;
    letter-spacing:.03em;
}
.entry-header .entry-meta .posted-on,
.entry-header .entry-meta .byline { color:var(--gray); font-size:13px; }

.entry-title a { color:var(--ink); }
.entry-title a:hover { color:var(--brand-red); }

.blog .site-main > article .post-image img { width:100%; aspect-ratio:16/9; object-fit:cover; }

@media (max-width:768px){
    .blog .site-main { grid-template-columns:1fr; }
}

/* ===== Navegacion pegajosa ===== */
/* Semana deja el menu fijo al desplazar; GeneratePress libre no trae la opcion. */
#site-navigation.main-navigation {
    position:sticky;
    top:0;
    z-index:99;
    box-shadow:0 1px 6px rgba(0,0,0,.07);
}

/* ===== Bloque "Lo mas leido" ===== */
.ivc-mostread { border-top:3px solid var(--brand-red); }
.ivc-mostread__title {
    font-size:15px !important;
    text-transform:uppercase !important;
    letter-spacing:.05em;
    margin:0;
    padding:11px 0 12px;
}
.ivc-mostread__list {
    list-style:none;
    counter-reset:masleido;
    margin:0;
    padding:0;
}
.ivc-mostread__list li {
    counter-increment:masleido;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:12px 0;
    border-top:1px solid var(--line);
}
.ivc-mostread__list li::before {
    content:counter(masleido);
    font-size:26px;
    font-weight:700;
    line-height:1;
    color:var(--brand-red);
    min-width:22px;
}
.ivc-mostread__list a {
    color:var(--ink);
    font-weight:600;
    font-size:14.5px;
    line-height:1.35;
}
.ivc-mostread__list a:hover { color:var(--brand-red); }

/* ===== Columna lateral del articulo =====
 * Ya no se hace pegajosa: con la barra ordenada es mas alta que la ventana, y
 * un sticky mas alto que la pantalla deja su parte baja inalcanzable.
 */
.ivc-article__rail { position:static; }

.ivc-article__rail > .widget,
.ivc-article__rail > .ivc-mostread {
    margin-bottom:30px;
    padding:0;
    background:transparent;
    box-shadow:none;
    border-radius:0;
}
.ivc-article__rail > .widget:last-child { margin-bottom:0; }

/* El titulo heredado era una barra roja con el texto pegado al borde. */
.ivc-article__rail .widget .widget-title {
    background:transparent !important;
    color:var(--ink) !important;
    font-size:15px !important;
    text-transform:uppercase !important;
    letter-spacing:.05em;
    margin:0 0 12px;
    padding:11px 0 0;
    border-top:3px solid var(--brand-red);
}
/*
 * "Lo mas leido" no lleva .widget-title: pinta su propio titular y su filete
 * rojo, identicos a los de la portada. No se le aplica nada aqui a proposito.
 */

/*
 * Listados verticales de los widgets corrientes (menus, entradas recientes,
 * categorias): un titular por fila, separados por filete.
 *
 * Van acotados a <ul> que no sean la fila de iconos sociales. Sin acotar,
 * alcanzaban tambien a "Lo mas leido" (que es un <ol> con numeracion propia)
 * y a cada icono social, pintandoles una raya debajo y descolocandolos.
 */
.ivc-article__rail .widget ul:not(.wp-block-social-links) { list-style:none; margin:0; padding:0; }
.ivc-article__rail .widget ul:not(.wp-block-social-links) > li { border-bottom:1px solid var(--line); }
.ivc-article__rail .widget ul:not(.wp-block-social-links) > li:last-child { border-bottom:0; }
.ivc-article__rail .widget ul:not(.wp-block-social-links) > li > a { display:block; padding:9px 0; font-size:14px; line-height:1.35; }

.ivc-article__rail .widget img { height:auto; display:block; }

/* ===== Redes sociales =====
 * Es un widget de bloque, que no admite titulo: el rotulo lo pone el ::before
 * del propio <ul>, que al ser contenedor flex se comporta como una fila mas.
 */
.ivc-article__rail .wp-block-social-links {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
    padding:11px 0 0;
    border-top:3px solid var(--brand-red);
    list-style:none;
}
.ivc-article__rail .wp-block-social-links::before {
    content:"Síguenos";
    flex-basis:100%;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:var(--ink);
    margin-bottom:2px;
}
/* Venian a tamano "huge", desbordando la columna. */
.ivc-article__rail .wp-block-social-links.has-huge-icon-size { font-size:inherit; }
.ivc-article__rail .wp-social-link {
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
}
.ivc-article__rail .wp-social-link .wp-block-social-link-anchor {
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0 !important;
    border-radius:50%;
    background:#f2f2f2;
    color:#3a3a3a;
}
.ivc-article__rail .wp-social-link .wp-block-social-link-anchor:hover {
    background:var(--brand-red);
    color:#fff;
}
.ivc-article__rail .wp-social-link svg {
    width:20px;
    height:20px;
    fill:currentColor;
}

/* ===== Caja de suscripcion =====
 * El formulario viene con marcado antiguo: los rotulos en <p align="left"> y
 * los campos en <p align="right">, en parrafos distintos, y los input con
 * size="35". En una columna de 340px eso sale en zigzag y desbordado. Se
 * corrige solo con CSS, sin tocar la definicion del formulario, que tambien
 * se usa en la pagina de contacto.
 */
.ivc-article__rail .widget_text .textwidget {
    background:#faf9f7;
    border:1px solid var(--line);
    border-radius:10px;
    padding:16px;
}
.ivc-article__rail .widget_text .textwidget > p {
    font-size:13.5px;
    line-height:1.5;
    color:#4a4a4a;
    margin:0 0 14px;
}

/* Anula la alineacion opuesta y los margenes de parrafo del formulario. */
.ivc-article__rail .wpcf7 p { margin:0; text-align:left !important; }
.ivc-article__rail .wpcf7 p[align] { text-align:left !important; }
.ivc-article__rail .wpcf7 .hidden-fields-container { margin:0; padding:0; border:0; }

/* Los rotulos son <b> sueltos, no <label>. */
.ivc-article__rail .wpcf7 b {
    display:block;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
    color:#4a4a4a;
    margin:12px 0 5px;
}

.ivc-article__rail .wpcf7 .wpcf7-form-control-wrap { display:block; }
.ivc-article__rail .wpcf7 input[type="text"],
.ivc-article__rail .wpcf7 input[type="email"],
.ivc-article__rail .wpcf7 input[type="tel"] {
    /* Gana al size="35" del marcado. */
    width:100% !important;
    max-width:100%;
    box-sizing:border-box;
    padding:9px 13px;
    font-size:14px;
    font-family:inherit;
    border:1px solid #cfcfcf;
    border-radius:8px;
    background:#fff;
}
.ivc-article__rail .wpcf7 input:focus { border-color:var(--brand-red); outline:none; }

.ivc-article__rail .wpcf7 input[type="submit"] {
    width:100%;
    margin-top:16px;
    padding:11px 18px;
    border-radius:22px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.ivc-article__rail .wpcf7-response-output {
    margin:12px 0 0 !important;
    padding:9px 12px !important;
    font-size:12.5px;
    border-radius:8px;
}
.ivc-article__rail .wpcf7-spinner { margin:8px auto 0; display:block; }

/* Buscador */
.ivc-article__rail .wp-block-search__inside-wrapper {
    border:1px solid #cfcfcf;
    border-radius:22px;
    overflow:hidden;
    background:#fff;
}
.ivc-article__rail .wp-block-search__input {
    border:0 !important;
    background:transparent !important;
    padding:10px 16px;
}
.ivc-article__rail .wp-block-search__button {
    border:0 !important;
    border-radius:0 !important;
    margin:0;
    padding:10px 18px;
    font-size:13.5px;
    font-weight:700;
}

/* ===== Articulo =====
 *
 * Reparto de Semana: la cabecera ocupa todo el ancho de la columna y la barra
 * lateral solo arranca al empezar el cuerpo. Lo monta single.php; aqui va la
 * rejilla.
 */
.ivc-article__head { margin-bottom:26px; }

.ivc-article__cols {
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:40px;
    align-items:start;
}

/*
 * Colores de la columna lateral del articulo.
 *
 * El tema pinta de azul (#3c78dd) TODO enlace dentro de .inside-article, y
 * single.php mete ahi tambien el rail. Esa regla tiene mas especificidad que
 * .ivc-kicker o .ivc-mostread__list a, asi que se los llevaba por delante.
 * Anteponiendo .ivc-article__rail, el rail vuelve a pintarse como el de la
 * portada.
 */
.ivc-article__rail a { color:var(--ink); }
.ivc-article__rail a:hover { color:var(--brand-red); }
.ivc-article__rail .ivc-kicker { color:var(--brand-red); }
.ivc-article__rail .ivc-kicker:hover { color:var(--brand-red-dark); }

.ivc-article__media { margin:0; }
.ivc-article__media img {
    width:100%;
    aspect-ratio:16/9;
    /*
     * Con la columna a 1240px un 16:9 se va a ~700px de alto y la foto se come
     * la pantalla. Semana la deja en torno a 550 porque su columna es mas
     * estrecha; el tope reproduce esa proporcion sin estrechar la pagina.
     */
    max-height:540px;
    object-fit:cover;
    display:block;
}

@media (max-width:900px){
    .ivc-article__cols { grid-template-columns:1fr; gap:34px; }
}

.single-post .entry-content {
    max-width:var(--medida-articulo);
    margin-left:0;
    margin-right:0;
}

.single-post .entry-header { padding-bottom:4px; }

/* Miga de pan */
.ivc-breadcrumb ol {
    list-style:none;
    margin:0 0 6px;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
}
.ivc-breadcrumb li { display:flex; align-items:center; }
.ivc-breadcrumb li + li::before {
    content:"\203A";
    color:#b5b5b5;
    margin:0 7px;
}
.ivc-breadcrumb a { color:var(--gray); font-size:12.5px; }
.ivc-breadcrumb a:hover { color:var(--brand-red); }
.ivc-breadcrumb li:last-child a { color:#3a3a3a; }

/* Botonera para compartir */
.ivc-share { display:flex; flex-wrap:wrap; gap:8px; margin-left:auto; }
.ivc-share__link {
    display:inline-block;
    border:1px solid var(--line);
    border-radius:18px;
    padding:6px 14px;
    font-size:12.5px;
    font-weight:600;
    line-height:1.2;
    color:#4a4a4a !important;
    background:#fff;
    cursor:pointer;
    font-family:inherit;
}
.ivc-share__link:hover {
    border-color:var(--brand-red);
    color:var(--brand-red) !important;
    background:#fff;
}
/* Gana al estilo generico de .button del tema. */
button.ivc-share__copy {
    background:#fff !important;
    border-color:var(--line) !important;
    border-radius:18px;
    font-weight:600;
}
button.ivc-share__copy:hover { background:#fff !important; border-color:var(--brand-red) !important; }

/* Pie y credito de la foto de apertura */
.ivc-single__caption {
    max-width:var(--medida-articulo);
    margin:0 auto 22px;
    font-size:12.5px;
    line-height:1.4;
    color:var(--gray);
    padding-top:8px;
}
.ivc-single__credit { color:#999; }

/* Cierre del articulo */
.ivc-related {
    max-width:var(--medida-articulo);
    margin:38px auto 0;
    padding-top:22px;
    border-top:3px solid var(--brand-red);
}
.ivc-related__title {
    font-size:15px !important;
    text-transform:uppercase !important;
    letter-spacing:.05em;
    margin:0 0 18px;
}
.ivc-related__grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:24px;
}
@media (max-width:560px){
    .ivc-related__grid { grid-template-columns:1fr; }
}

.single-post .entry-title {
    font-size:37px !important;
    line-height:1.14;
    margin:6px 0 14px;
}

.single-post .ivc-single__kicker { margin-bottom:4px; }

.single-post .ivc-single__lead {
    font-size:19px;
    line-height:1.45;
    color:#3a3a3a;
    margin:0 0 18px;
}

/* Firma: barra roja, autor y fecha debajo, como Semana. Sin filetes. */
.single-post .ivc-single__byline {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0;
    border:0;
    margin-bottom:24px;
}
.single-post .ivc-single__bylinetext {
    display:flex;
    flex-direction:column;
    line-height:1.4;
    padding-left:11px;
    border-left:3px solid var(--brand-red);
}
.single-post .ivc-single__author a { color:var(--ink); font-weight:700; font-size:14.5px; }
.single-post .ivc-single__author a:hover { color:var(--brand-red); }
.single-post .ivc-single__date { color:var(--gray); font-size:13px; }

/* La foto destacada venia a su alto original (retratos de 1536px). */
.ivc-article__media { margin:0 auto 8px; }
.ivc-article__media img {
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
}

.single-post .entry-content { font-size:18px; line-height:1.65; color:#222; }
.single-post .entry-content p { margin-bottom:1.15em; }
.single-post .entry-content h2 { font-size:24px !important; margin:1.6em 0 .5em; }
.single-post .entry-content h3 { font-size:20px !important; margin:1.4em 0 .45em; }
.single-post .entry-content img { height:auto; }
.single-post .entry-content blockquote {
    border-left:3px solid var(--brand-red);
    padding-left:20px;
    margin-left:0;
    font-size:20px;
    line-height:1.4;
    color:#333;
    font-style:normal;
}
/*
 * El tema pinta los enlaces del cuerpo en azul.
 *
 * Ojo con el alcance: single.php mete tambien la columna lateral dentro de
 * .inside-article, asi que apuntar ahi tenia la misma especificidad que las
 * reglas del rail y, por ir despues, les ganaba: los titulares del rail
 * salian en rojo en el articulo y en negro en la portada. Se acota al cuerpo.
 */
.single-post .entry-content a,
.ivc-article__body .entry-content a { color:var(--brand-red); }
.single-post .entry-content a:hover,
.ivc-article__body .entry-content a:hover { color:var(--brand-red-dark); }

.single-post .entry-content ul,
.single-post .entry-content ol { margin-bottom:1.15em; }

/* Pie del articulo: categorias y etiquetas como pastillas */
.single-post footer.entry-meta {
    max-width:var(--medida-articulo);
    margin:26px auto 0;
    padding-top:18px;
    border-top:1px solid var(--line);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.single-post footer.entry-meta .gp-icon { display:none; }
.single-post footer.entry-meta .cat-links,
.single-post footer.entry-meta .tags-links {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.single-post footer.entry-meta a {
    display:inline-block;
    background:#f2f2f2;
    border-radius:16px;
    padding:6px 14px;
    font-size:12.5px;
    font-weight:600;
    color:#3a3a3a !important;
    text-transform:none;
    letter-spacing:0;
}
.single-post footer.entry-meta a:hover { background:var(--brand-red); color:#fff !important; }

.single-post .comments-area,
.single-post .post-navigation {
    max-width:var(--medida-articulo);
    margin-left:auto;
    margin-right:auto;
}

@media (max-width:768px){
    .single-post .entry-title { font-size:27px !important; }
    .single-post .entry-content { font-size:17px; }
    .single-post .ivc-single__lead { font-size:17px; }
}

/* ===== Contacto ===== */
/*
 * Misma reja que el resto del sitio: columna principal libre y 340 px a la
 * derecha con 40 de separacion, la medida del carril de la portada.
 */
.ivc-contacto {
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:40px;
    align-items:start;
    margin-bottom:50px;
}
.ivc-contacto__pie {
    font-size:15px;
    color:var(--gray);
    margin:0 0 22px;
    max-width:60ch;
}

/* Cada via de contacto: bloque pulsable entero, no un enlace suelto. */
.ivc-via {
    display:block;
    border:1px solid var(--line);
    border-radius:10px;
    padding:16px 18px;
    margin-bottom:12px;
    color:var(--ink);
    transition:border-color .15s, background-color .15s;
}
a.ivc-via:hover { border-color:var(--brand-red); background:#fdf4f3; }
.ivc-via--quieto { background:#fafafa; }

.ivc-via__que {
    display:block;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--brand-red);
    margin-bottom:5px;
}
.ivc-via__dato {
    display:block;
    font-size:19px;
    font-weight:700;
    line-height:1.25;
}
.ivc-via__nota {
    display:block;
    font-size:13px;
    color:var(--gray);
    margin-top:4px;
}

/* WhatsApp lleva su propio verde: es la marca que el lector reconoce. */
.ivc-via--wa .ivc-via__que { color:#128c7e; }
a.ivc-via--wa:hover { border-color:#128c7e; background:#f2fbf8; }

/*
 * Formulario de Contact Form 7. Viene sin estilos propios y heredaba los
 * campos grises y apretados del tema.
 */
.ivc-contacto .wpcf7 { max-width:640px; }
.ivc-contacto .wpcf7 label {
    display:block;
    font-size:13px;
    font-weight:700;
    color:var(--ink);
    margin-bottom:16px;
}
.ivc-contacto .wpcf7 input[type="text"],
.ivc-contacto .wpcf7 input[type="email"],
.ivc-contacto .wpcf7 textarea {
    display:block;
    width:100%;
    margin-top:6px;
    padding:11px 14px;
    border:1px solid var(--line);
    border-radius:8px;
    font-size:15px;
    font-weight:400;
    line-height:1.4;
    background:#fff;
    color:var(--ink);
}
.ivc-contacto .wpcf7 textarea { min-height:150px; resize:vertical; }
.ivc-contacto .wpcf7 input:focus,
.ivc-contacto .wpcf7 textarea:focus {
    outline:none;
    border-color:var(--brand-red);
    box-shadow:0 0 0 3px rgba(230,46,27,.12);
}
.ivc-contacto .wpcf7 input[type="submit"] {
    width:auto;
    background:var(--brand-red);
    color:#fff;
    border:0;
    border-radius:24px;
    padding:12px 30px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
}
.ivc-contacto .wpcf7 input[type="submit"]:hover { background:var(--brand-red-dark); }
.ivc-contacto .wpcf7-not-valid-tip { font-size:13px; font-weight:400; color:var(--brand-red); }
.ivc-contacto .wpcf7-response-output {
    margin:18px 0 0;
    padding:12px 16px;
    border-radius:8px;
    font-size:14px;
}

@media (max-width:900px){
    .ivc-contacto { grid-template-columns:1fr; gap:34px; }
    .ivc-contacto .wpcf7 { max-width:none; }
}

/* ===== Pie por columnas ===== */
.ivc-footer { background:var(--ink); color:#bdbdbd; padding:44px 20px 36px; }
.ivc-footer__inner {
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr)) 1.4fr;
    gap:32px;
}
.ivc-footer__title {
    font-size:13px !important;
    text-transform:uppercase !important;
    letter-spacing:.07em;
    color:#fff !important;
    margin:0 0 14px;
}
.ivc-footer__col ul { list-style:none; margin:0; padding:0; }
.ivc-footer__col li { margin-bottom:9px; }
.ivc-footer__col a { color:#bdbdbd; font-size:14px; }
.ivc-footer__col a:hover { color:var(--brand-red); }
.ivc-footer__brand p { font-size:14px; line-height:1.5; margin:0 0 16px; }
.ivc-footer__cta {
    display:inline-block;
    background:var(--brand-red);
    color:#fff !important;
    font-weight:700;
    font-size:14px;
    padding:9px 22px;
    border-radius:22px;
}
.ivc-footer__cta:hover { background:var(--brand-red-dark); }

@media (max-width:900px){
    .ivc-footer__inner { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:520px){
    .ivc-footer__inner { grid-template-columns:1fr; gap:26px; }
}

/* ===== Pagina 404 ===== */
.ivc-404 {
    text-align:center;
    padding:56px 20px 44px;
    border-bottom:1px solid var(--line);
    margin-bottom:34px;
}
.ivc-404__code {
    font-size:84px;
    font-weight:800;
    line-height:1;
    color:var(--brand-red);
    letter-spacing:-.03em;
    margin:0;
}
.ivc-404__title {
    font-size:32px !important;
    margin:10px 0 12px;
}
.ivc-404__text {
    font-size:17px;
    line-height:1.5;
    color:#555;
    max-width:520px;
    margin:0 auto 26px;
}

.ivc-404__search {
    display:flex;
    max-width:480px;
    margin:0 auto 18px;
    border:1px solid #cfcfcf;
    border-radius:26px;
    overflow:hidden;
    background:#fff;
}
.ivc-404__search:focus-within { border-color:var(--brand-red); }
.ivc-404__search input[type="search"] {
    flex:1;
    min-width:0;
    border:0 !important;
    background:transparent !important;
    padding:12px 20px;
    font-size:15px;
    font-family:inherit;
}
.ivc-404__search input[type="search"]:focus { outline:none; box-shadow:none; }
.ivc-404__search button {
    border:0 !important;
    border-radius:0 !important;
    padding:12px 26px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.ivc-404__home { font-size:14px; font-weight:600; }

.ivc-404__block { margin-bottom:34px; }
/* Aqui no hay .ivc-section__head, asi que el filete lo pone el propio titulo. */
.ivc-404__block .ivc-section__title {
    padding-bottom:7px;
    margin-bottom:16px;
    border-bottom:2px solid var(--ink);
}

/* Secciones como pastillas */
.ivc-404__chips { display:flex; flex-wrap:wrap; gap:9px; }
.ivc-404__chips a {
    display:inline-block;
    background:#f2f2f2;
    border-radius:18px;
    padding:8px 17px;
    font-size:13.5px;
    font-weight:600;
    color:#3a3a3a;
}
.ivc-404__chips a:hover { background:var(--brand-red); color:#fff; }

/*
 * Lo mas reciente, a todo el ancho.
 * Sin columna lateral: misma rejilla de cuatro que categorias y busqueda,
 * para que las tres paginas de listado se lean igual.
 */
.ivc-404__grid {
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:30px 26px;
}

@media (max-width:1100px){
    .ivc-404__grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:560px){
    .ivc-404__code { font-size:62px; }
    .ivc-404__title { font-size:25px !important; }
    .ivc-404__grid { grid-template-columns:1fr; }
}

/* ===== Barra legal (widgets del pie) ===== */
/*
 * Eran tres columnas, cada una con un menu de UN solo enlace y un titulo que
 * repetia ese mismo enlace ("PRIVACIDAD / Politica de Privacidad"). Se
 * convierten en una sola linea de enlaces separados por puntos, pegada al
 * copyright, como el cierre de Semana.
 */
#footer-widgets.footer-widgets {
    background:#111 !important;
    color:#8d8d8d;
    /* El aire lateral va aqui, como en .ivc-footer, para que en pantallas
       estrechas el texto no se pegue al borde. */
    padding:0 20px;
    border-top:1px solid #262626;
}
#footer-widgets .footer-widgets-container { padding:0; }

#footer-widgets .inside-footer-widgets {
    max-width:1240px;
    margin:0 auto;
    /* Sin sangrado lateral: asi los enlaces arrancan en la misma vertical que
       las columnas de arriba, que ya van al borde de esos mismos 1240. */
    padding:14px 0 10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    gap:0;
}
/*
 * El tema reparte los tres widgets a partes iguales (flex:1), y por eso
 * quedaban separados por huecos enormes: 400 px cada uno para un solo
 * enlace. Aqui cada bloque ocupa lo que ocupe su texto.
 */
#footer-widgets .inside-footer-widgets > div {
    flex:0 0 auto !important;
    width:auto !important;
    float:none !important;
    padding:0 !important;
    margin:0 !important;
}
#footer-widgets .widget {
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    font-size:13.5px !important;
}

/* El titulo del widget solo repetia el enlace que lleva debajo. */
#footer-widgets .widget_nav_menu .widget-title { display:none; }

#footer-widgets .widget_nav_menu ul.menu { display:flex; margin:0; padding:0; list-style:none; }
#footer-widgets .widget_nav_menu ul.menu li { margin:0; padding:0; border:0; }
#footer-widgets .widget_nav_menu ul.menu li a {
    display:inline-block;
    /* Sin sangrado horizontal: el primer enlace debe cuadrar con "SECCIONES". */
    padding:4px 0;
    color:#9a9a9a;
    font-size:13.5px;
    line-height:1.4;
}
#footer-widgets .widget_nav_menu ul.menu li a:hover { color:#fff; }

/* Separador entre enlaces, sin puntos sueltos en los extremos. */
#footer-widgets .inside-footer-widgets > div + div .widget_nav_menu ul.menu::before,
#footer-widgets .widget_nav_menu ul.menu li + li::before {
    content:"·";
    color:#4a4a4a;
    align-self:center;
    margin:0 14px;
}

#footer-widgets a { color:#9a9a9a; }
#footer-widgets a:hover { color:#fff; }

@media (max-width:520px){
    /* Apilados y a la izquierda, en la misma vertical que el copyright. */
    #footer-widgets .inside-footer-widgets { flex-direction:column; align-items:flex-start; gap:2px; padding-bottom:10px; }
    #footer-widgets .inside-footer-widgets > div + div .widget_nav_menu ul.menu::before { content:none; }
}

/* ===== Copyright ===== */
.site-info, #copyright-bar {
    background:#111;
    color:#7d7d7d;
    border-top:0;
    padding:0 20px;
}
/*
 * Alineado a la izquierda, en la misma vertical que los enlaces legales.
 * El tema lo monta como flex centrado, asi que no basta con text-align.
 */
.site-info .inside-site-info {
    max-width:1240px;
    margin:0 auto;
    padding:0 0 26px;
    text-align:left;
    justify-content:flex-start;
}
/*
 * Alinear el contenedor no basta. Esta linea la centraba
 * '.site-footer:not(.footer-bar-active) .copyright-bar', de widget-areas.css,
 * con un 'margin:0 auto' que en un contenedor flex manda sobre
 * justify-content. Y son tres clases, asi que hay que igualar la
 * especificidad para poder desactivarlo.
 */
.site-footer .inside-site-info .copyright-bar {
    font-size:13px;
    text-align:left;
    float:none;
    margin-left:0;
    margin-right:auto;
}
/* Separador entre el copyright y la coletilla legal, del mismo tono que el
   de la fila de enlaces de arriba. */
.site-info .ivc-derechos::before { content:"·"; color:#4a4a4a; margin:0 10px; }
.site-info a, #copyright-bar a { color:#9a9a9a; }
.site-info a:hover, #copyright-bar a:hover { color:#fff; }