/* ==========================================================
   ARTE ACCION
   CASSIOPEIA EXTENDED - JOOMLA 6.2
   CABECERA EDITORIAL DEFINITIVA
   ========================================================== */


/* 01. IDENTIDAD VISUAL
   ---------------------------------------------------------- */

:root {
    --ac-background: #FAFAF8;
    --ac-white: #FFFFFF;
    --ac-ink: #24282C;
    --ac-text: #42494F;
    --ac-grey: #89949B;
    --ac-stone: #E9ECEE;
    --ac-slate: #647D8E;
    --ac-slate-dark: #465D6E;
    --ac-line: #DCE1E4;
}


/* 02. CABECERA GENERAL
   ---------------------------------------------------------- */

.container-header {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "brand"
        "nav";

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;

    background: var(--ac-background) !important;
    background-image: none !important;

    color: var(--ac-ink) !important;
    box-shadow: none !important;
    border: 0 !important;
}


/* 03. ZONA DEL LOGOTIPO
   ---------------------------------------------------------- */

.container-header > .grid-child:has(.navbar-brand) {
    grid-area: brand;

    width: 100%;
    max-width: 1320px;
    min-height: 190px;

    margin: 0 auto;
    padding: 25px 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


/* Contenedor de marca */

.container-header .navbar-brand {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    background: transparent !important;
}


/* 04. LOGOTIPO ARTE ACCIÓN
   ---------------------------------------------------------- */

/* Enlace que contiene el título nativo de Joomla */

.container-header .navbar-brand .brand-logo {
    position: relative;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 7px 38px;
    margin: 0;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: transparent !important;
    text-decoration: none !important;
    line-height: 1;
}


/* Ocultar el texto original conservando
   el elemento nativo y su enlace a inicio */

.container-header .navbar-brand .brand-logo > span {
    display: flex;
    flex-direction: column;
    align-items: center;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;

    white-space: nowrap;
}


/* Primera línea: ARTE */

.container-header .navbar-brand .brand-logo > span::before {
    content: "ARTE";

    display: block;

    color: #202428;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    font-weight: 900;

    letter-spacing: -2.5px;
    line-height: .95;

    text-align: center;
}


/* Segunda línea: ACCIÓN */

.container-header .navbar-brand .brand-logo > span::after {
    content: "ACCIÓN";

    display: block;

    color: #50585E;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 400;

    letter-spacing: .32em;
    padding-left: .32em;

    line-height: 1.5;
    text-align: center;
}


/* 05. CORCHETES AZUL PLOMO
   ---------------------------------------------------------- */

.container-header .navbar-brand .brand-logo::before,
.container-header .navbar-brand .brand-logo::after {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;

    width: 24px;

    border-top: 7px solid var(--ac-slate);
    border-bottom: 7px solid var(--ac-slate);
}

.container-header .navbar-brand .brand-logo::before {
    left: 0;
    border-left: 7px solid var(--ac-slate);
}

.container-header .navbar-brand .brand-logo::after {
    right: 0;
    border-right: 7px solid var(--ac-slate);
}


/* 06. ESLOGAN NATIVO DE JOOMLA
   ---------------------------------------------------------- */

.container-header .navbar-brand .site-description {
    display: block;

    margin: 15px 0 0 !important;
    padding: 0;

    color: var(--ac-slate-dark) !important;
    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;

    letter-spacing: .17em;
    line-height: 1.6;

    text-align: center;
    text-transform: uppercase;

    opacity: 1 !important;
}


/* 07. FACEBOOK Y BUSCADOR
   Posición nativa TOPBAR
   ---------------------------------------------------------- */

.container-header .container-topbar {
    position: absolute !important;

    z-index: 20;

    top: 65px;
    right: max(24px, calc((100vw - 1320px) / 2 + 25px));

    width: auto;
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;

    background: transparent !important;
}

.container-header .container-topbar .moduletable {
    margin: 0;
    padding: 0;
}


/* Facebook */

.ac-facebook-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid #C9D1D6;
    border-radius: 50%;

    color: var(--ac-slate-dark) !important;
    background: transparent;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;

    text-decoration: none !important;
    transition: .2s ease;
}

.ac-facebook-link:hover {
    background: var(--ac-slate);
    border-color: var(--ac-slate);
    color: var(--ac-white) !important;
}


/* 08. MENÚ PRINCIPAL
   ---------------------------------------------------------- */

.container-header .container-nav {
    grid-area: nav;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ac-background) !important;

    border-top: 1px solid var(--ac-line);
    border-bottom: 1px solid var(--ac-line);

    box-shadow: none !important;
}


/* Menú horizontal en escritorio */

@media (min-width: 992px) {

    .container-header .container-nav .mod-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        justify-content: center;
        align-items: center;

        gap: 0;
        margin: 0;
        padding: 0;

        list-style: none;
    }

    .container-header .container-nav .mod-menu > li {
        margin: 0;
        padding: 0;
    }

    .container-header .container-nav .mod-menu > li > a {
        display: block;

        padding: 17px 12px;

        color: var(--ac-text) !important;

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 600;

        letter-spacing: .055em;
        line-height: 1.4;

        text-transform: uppercase;
        text-decoration: none !important;

        border-bottom: 2px solid transparent;
        transition: .2s ease;
    }

    .container-header .container-nav .mod-menu > li > a:hover,
    .container-header .container-nav .mod-menu > li.active > a,
    .container-header .container-nav .mod-menu > li.current > a {
        color: var(--ac-slate-dark) !important;
        border-bottom-color: var(--ac-slate);
        background: transparent !important;
    }
}


/* 09. AJUSTES GENERALES
   ---------------------------------------------------------- */

.container-header a:focus-visible {
    outline: 2px solid var(--ac-slate);
    outline-offset: 4px;
}


/* 10. TABLET
   ---------------------------------------------------------- */

@media (max-width: 991px) {

    .container-header > .grid-child:has(.navbar-brand) {
        min-height: 170px;
        padding: 25px 15px;
    }

    .container-header .navbar-brand .brand-logo > span::before {
        font-size: 51px;
    }

    .container-header .navbar-brand .brand-logo > span::after {
        font-size: 18px;
    }

    .container-header .navbar-brand .brand-logo::before,
    .container-header .navbar-brand .brand-logo::after {
        width: 20px;
        border-top-width: 6px;
        border-bottom-width: 6px;
    }

    .container-header .navbar-brand .brand-logo::before {
        border-left-width: 6px;
    }

    .container-header .navbar-brand .brand-logo::after {
        border-right-width: 6px;
    }

    .container-header .container-topbar {
        top: 18px;
        right: 18px;
    }
}


/* 11. MÓVILES
   ---------------------------------------------------------- */

@media (max-width: 600px) {

    .container-header > .grid-child:has(.navbar-brand) {
        min-height: 160px;
        padding: 40px 12px 18px;
    }

    .container-header .navbar-brand .brand-logo {
        padding: 5px 27px;
    }

    .container-header .navbar-brand .brand-logo > span::before {
        font-size: 43px;
        letter-spacing: -2px;
    }

    .container-header .navbar-brand .brand-logo > span::after {
        font-size: 15px;
        letter-spacing: .28em;
    }

    .container-header .navbar-brand .brand-logo::before,
    .container-header .navbar-brand .brand-logo::after {
        width: 18px;
        border-top-width: 5px;
        border-bottom-width: 5px;
    }

    .container-header .navbar-brand .brand-logo::before {
        border-left-width: 5px;
    }

    .container-header .navbar-brand .brand-logo::after {
        border-right-width: 5px;
    }

    .container-header .navbar-brand .site-description {
        max-width: 290px;
        margin-top: 11px !important;

        font-size: 8px;
        letter-spacing: .10em;
    }

    .container-header .container-topbar {
        top: 8px;
        right: 12px;
        gap: 8px;
    }

    .ac-facebook-link {
        width: 35px;
        height: 35px;
        font-size: 19px;
    }

    .container-header .container-nav {
        padding: 0 8px;
    }
}


/* 12. REDUCIR ANIMACIONES SI SE SOLICITA */

@media (prefers-reduced-motion: reduce) {
    .container-header *,
    .container-header *::before,
    .container-header *::after {
        transition: none !important;
    }
}

/* ==================================================
   ARTEACCION - FACEBOOK Y BUSCADOR
   ================================================== */

.ac-social-search {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

/* Ambos iconos circulares */

.ac-social-search .ac-facebook-link,
.ac-social-search .ac-search-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    border: 1px solid #C9D1D6 !important;
    border-radius: 50% !important;

    background: transparent !important;
    color: #465D6E !important;

    text-decoration: none !important;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

/* Facebook */

.ac-social-search .ac-facebook-link {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

/* Botón de la lupa */

.ac-social-search .ac-search {
    position: relative;
    display: inline-block;
}

.ac-social-search .ac-search-toggle {
    list-style: none !important;
    appearance: none;
    -webkit-appearance: none;
}

.ac-social-search .ac-search-toggle::-webkit-details-marker {
    display: none !important;
}

.ac-social-search .ac-search-toggle::marker {
    content: "";
}

/* Dibujo de la lupa */

.ac-social-search .ac-search-icon {
    position: relative;
    display: block;
    width: 21px;
    height: 21px;
}

.ac-social-search .ac-search-icon::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 1px;
    top: 1px;
    border: 2px solid currentColor;
    border-radius: 50%;
    box-sizing: border-box;
}

.ac-social-search .ac-search-icon::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    left: 13px;
    top: 14px;
    background: currentColor;
    border-radius: 2px;
    transform: rotate(45deg);
    transform-origin: left center;
}

/* Hover */

.ac-social-search .ac-facebook-link:hover,
.ac-social-search .ac-search-toggle:hover {
    background: #647D8E !important;
    border-color: #647D8E !important;
    color: #FFFFFF !important;
}

/* Ventana desplegable */

.ac-social-search .ac-search-form {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 8px;

    width: 340px;
    max-width: calc(100vw - 30px);
    padding: 12px;

    background: #FFFFFF;
    border: 1px solid #DCE1E4;
    box-shadow: 0 5px 20px rgba(0,0,0,.10);
}

.ac-social-search .ac-search-input {
    flex: 1;
    min-width: 0;
    height: 42px;
    padding: 8px 11px;

    background: #FAFAF8;
    border: 1px solid #DCE1E4;
    color: #24292D;
}

.ac-social-search .ac-search-submit {
    height: 42px;
    padding: 0 16px;

    border: 0;
    background: #647D8E;
    color: #FFFFFF;
    cursor: pointer;
}

.ac-social-search .ac-search-submit:hover {
    background: #465D6E;
}

/* Móvil */

@media (max-width: 600px) {
    .ac-social-search {
        gap: 8px;
    }

    .ac-social-search .ac-facebook-link,
    .ac-social-search .ac-search-toggle {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
    }

    .ac-social-search .ac-search-form {
        right: 0;
        width: 310px;
    }
}
/* ==================================================
   CARRUSEL PRINCIPAL ARTEACCIÓN
   ================================================== */

.ac-carousel {
    position: relative;
    width: min(1320px, calc(100% - 40px));
    margin: 0 auto 55px;
    overflow: hidden;
    color: #24282D;
}

.ac-carousel-viewport {
    width: 100%;
    overflow: hidden;
}

.ac-carousel-track {
    display: flex;
    width: 100%;
    transition: transform 650ms ease;
    will-change: transform;
}

.ac-carousel-slide {
    flex: 0 0 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ac-carousel-slide > ul.mod-articles-items {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ac-carousel-slide li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ac-carousel-article {
    position: relative;
    width: 100%;
    aspect-ratio: 3.58 / 1;
    min-height: 0;
    overflow: hidden;
    background: #E9ECEE;
}

.ac-carousel-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.ac-carousel-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ac-carousel-caption {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    width: min(58%, 680px);
    padding: clamp(25px, 5vw, 70px);
    background: linear-gradient(
        90deg,
        rgba(250, 250, 248, 0.98) 0%,
        rgba(250, 250, 248, 0.94) 72%,
        rgba(250, 250, 248, 0) 100%
    );
}

.ac-carousel-caption h2 {
    margin: 0 0 20px;
    font-size: clamp(25px, 2.6vw, 38px);
    line-height: 1.18;
    font-weight: 600;
    color: #465D6E;
}

.ac-carousel-caption h2 a {
    color: inherit;
    text-decoration: none;
}

.ac-carousel-caption h2 a:hover {
    color: #647D8E;
}

.ac-carousel-caption dl {
    margin: 0 0 16px;
    font-size: 13px;
    color: #647D8E;
}

.ac-carousel-caption p {
    max-width: 540px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.65;
    color: #42494F;
}

.ac-carousel-caption a.btn {
    margin-top: 8px;
    padding: 10px 20px;
    border: 1px solid #647D8E;
    border-radius: 2px;
    background: transparent;
    color: #465D6E;
    text-decoration: none;
}

.ac-carousel-caption a.btn:hover {
    background: #647D8E;
    color: #FFFFFF;
}

/* Flechas */

.ac-carousel-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 50%;
    background: rgba(250,250,248,.9);
    color: #465D6E;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

.ac-carousel-prev {
    left: 16px;
}

.ac-carousel-next {
    right: 16px;
}

.ac-carousel-arrow:hover {
    background: #647D8E;
    color: #FFFFFF;
}

/* Indicadores */

.ac-carousel-dots {
    position: absolute;
    z-index: 5;
    bottom: 20px;
    left: 50%;
    display: flex;
    gap: 10px;
    transform: translateX(-50%);
}

.ac-carousel-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid #647D8E;
    border-radius: 50%;
    background: #FFFFFF;
    cursor: pointer;
}

.ac-carousel-dot.is-active {
    background: #647D8E;
}

/* Adaptación a móviles */

@media (max-width: 768px) {
    .ac-carousel {
        width: 100%;
        margin-bottom: 35px;
    }

.ac-carousel-article {
    aspect-ratio: auto;
    min-height: 590px;
}

    .ac-carousel-caption {
        inset: auto 0 0;
        width: 100%;
        padding: 45px 25px 65px;
        background: linear-gradient(
            0deg,
            rgba(250,250,248,.99) 0%,
            rgba(250,250,248,.96) 82%,
            rgba(250,250,248,0) 100%
        );
    }

    .ac-carousel-caption h2 {
        font-size: 25px;
    }

    .ac-carousel-caption p {
        font-size: 14px;
    }

    .ac-carousel-prev {
        left: 10px;
    }

    .ac-carousel-next {
        right: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ac-carousel-track {
        transition: none;
    }
}
/* AJUSTE DEL TEXTO DEL CARRUSEL */

@media (min-width: 769px) {

    .ac-carousel-caption {
        width: min(58%, 700px);
        padding: 28px 44px 50px 55px;
        justify-content: center;
    }

    /* Categoría antes del titular */
    .ac-carousel-caption .mod-articles-item-content {
        display: flex;
        flex-direction: column;
    }

    .ac-carousel-caption .mod-articles-item-content dl {
        order: 1;
        margin: 0 0 12px;
        font-size: 12px;
    }

    .ac-carousel-caption .mod-articles-item-content h2 {
        order: 2;
        margin: 0 0 14px;
        font-size: clamp(25px, 2.15vw, 30px);
        line-height: 1.12;
    }

    /* Entradilla */
    .ac-carousel-caption p {
        font-size: 14px;
        line-height: 1.45;
        margin-bottom: 14px;
    }

    /* Botón */
    .ac-carousel-caption a.btn {
        padding: 8px 16px;
        margin-top: 4px;
    }
}
/* ==========================================
   CARRUSEL ARTEACCIÓN · AJUSTE EDITORIAL
   ========================================== */

/* Orden correcto de los elementos */
.ac-carousel-caption .mod-articles-item-content {
    display: flex;
    flex-direction: column;
}

/* 1. Categoría */
.ac-carousel-caption .mod-articles-item-content dl {
    order: 1;
    margin: 0 0 13px;
    padding: 0;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #647D8E;
}

/* Eliminar el icono de carpeta */
.ac-carousel-caption .mod-articles-item-content dl .icon-folder,
.ac-carousel-caption .mod-articles-item-content dl .icon-folder-open {
    display: none !important;
}

/* 2. Titular */
.ac-carousel-caption .mod-articles-item-content h2 {
    order: 2;
    margin: 0 0 15px;
    font-size: clamp(25px, 2.1vw, 30px);
    line-height: 1.15;
    font-weight: 600;
    color: #465D6E;
}

.ac-carousel-caption .mod-articles-item-content h2 a {
    color: inherit;
    text-decoration: none;
}

/* 3. Entradilla */
.ac-carousel-caption .mod-articles-item-content p:not(:has(a.btn)) {
    order: 3;
    margin: 0 0 17px;
    max-width: 510px;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    color: #42494F;
}

/* 4. Enlace Leer más */
.ac-carousel-caption .mod-articles-item-content p:has(a.btn) {
    order: 4;
    margin: 5px 0 0;
}

.ac-carousel-caption a.btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #465D6E !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
}

.ac-carousel-caption a.btn::after {
    content: "→";
    font-size: 19px;
    font-weight: 400;
    transition: transform 180ms ease;
}

.ac-carousel-caption a.btn:hover::after {
    transform: translateX(5px);
}

.ac-carousel-caption a.btn:hover {
    color: #647D8E !important;
}

/* Ajustes de espaciado */
@media (min-width: 769px) {
    .ac-carousel-caption {
        padding: 35px 45px 45px 55px;
        justify-content: center;
    }
}
/* Carrusel: mostrar únicamente la flecha */

.ac-carousel-caption a.btn {
    font-size: 0 !important;
    letter-spacing: 0 !important;
}

.ac-carousel-caption a.btn [class*="icon-"] {
    display: none !important;
}

.ac-carousel-caption a.btn::after {
    content: "→";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    color: #465D6E;
    transition: transform 180ms ease;
}

.ac-carousel-caption a.btn:hover::after {
    transform: translateX(5px);
}
/* ==========================================
   ARTEACCIÓN · SEIS ARTÍCULOS DE PORTADA
   ========================================== */

/* Contenedor general: dos columnas */
.site-grid > .grid-child:has(> .top-a.ac-home-card) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 36px;
    width: min(1320px, calc(100% - 40px));
    margin: 35px auto 55px;
}

/* Cada módulo */
.ac-home-card {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 0 22px !important;
    border: 0 !important;
    border-bottom: 1px solid #DCE1E4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Eliminar espacios de listas */
.ac-home-card ul.mod-articles-items {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ac-home-card li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Tarjeta: fotografía izquierda y texto derecha */
.ac-home-card article.mod-articles-item {
    display: grid !important;
    grid-template-columns: minmax(0, 34%) minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: 22px;
    align-items: start;
}

/* Fotografía */
.ac-home-card figure.mod-articles-image {
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
}

.ac-home-card figure.mod-articles-image img {
    display: block;
    width: 100%;
    aspect-ratio: 1.22 / 1;
    object-fit: cover;
}

/* Contenido textual */
.ac-home-card .mod-articles-item-content {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Categoría */
.ac-home-card .mod-articles-item-content dl {
    order: 1;
    margin: 0 0 9px !important;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #647D8E;
}

.ac-home-card .mod-articles-item-content dl [class*="icon-folder"] {
    display: none !important;
}

/* Titular */
.ac-home-card .mod-articles-item-content h2,
.ac-home-card .mod-articles-item-content h3 {
    order: 2;
    margin: 0 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(18px, 1.55vw, 22px);
    font-weight: 500;
    line-height: 1.16;
    color: #24282D;
}

.ac-home-card .mod-articles-item-content h2 a,
.ac-home-card .mod-articles-item-content h3 a {
    color: inherit;
    text-decoration: none;
}

.ac-home-card .mod-articles-item-content h2 a:hover,
.ac-home-card .mod-articles-item-content h3 a:hover {
    color: #647D8E;
}

/* Entradilla */
.ac-home-card article.mod-articles-item > p:not(:has(a.btn)) {
    grid-column: 2;
    grid-row: 2;
    margin: 9px 0 8px !important;
    font-size: 13px;
    line-height: 1.45;
    color: #42494F;
}

/* Leer más: enlace editorial */
.ac-home-card article.mod-articles-item > p:has(a.btn) {
    grid-column: 2;
    grid-row: 3;
    margin: 2px 0 0 !important;
}

.ac-home-card a.btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #465D6E !important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.ac-home-card a.btn::after {
    content: "→";
    font-size: 19px;
    font-weight: 400;
    transition: transform 180ms ease;
}

.ac-home-card a.btn:hover::after {
    transform: translateX(5px);
}

/* Móvil y tablet */
@media (max-width: 850px) {
    .site-grid > .grid-child:has(> .top-a.ac-home-card) {
        grid-template-columns: 1fr;
        gap: 24px;
        width: calc(100% - 30px);
    }

    .ac-home-card article.mod-articles-item {
        grid-template-columns: minmax(0, 34%) minmax(0, 1fr);
        column-gap: 16px;
    }

    .ac-home-card .mod-articles-item-content h2,
    .ac-home-card .mod-articles-item-content h3 {
        font-size: 19px;
    }
}
/* ==========================================
   ARTEACCIÓN · ESTRUCTURA INTERNA DE TARJETAS
   ========================================== */

/* Cada módulo contiene un solo artículo:
   eliminar su cuadrícula interna de dos columnas */

.ac-home-card ul.mod-articles-items.mod-articles-grid {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ac-home-card ul.mod-articles-items > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Distribución: fotografía izquierda y texto derecha */

.ac-home-card article.mod-articles-item {
    display: grid !important;
    grid-template-columns: minmax(0, 35%) minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 22px;
    align-items: start;
    width: 100% !important;
}

/* Liberar los elementos internos para
   distribuirlos directamente en la cuadrícula */

.ac-home-card .mod-articles-item-content {
    display: contents !important;
}

/* Fotografía */

.ac-home-card figure.mod-articles-image {
    grid-column: 1;
    grid-row: 1 / 5;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.ac-home-card figure.mod-articles-image img {
    display: block;
    width: 100% !important;
    aspect-ratio: 1.22 / 1;
    object-fit: cover;
}

/* Categoría */

.ac-home-card article.mod-articles-item dl {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 9px !important;
    padding: 0 !important;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
    color: #647D8E;
}

.ac-home-card article.mod-articles-item dl [class*="icon-folder"] {
    display: none !important;
}

/* Titular */

.ac-home-card article.mod-articles-item h3 {
    grid-column: 2;
    grid-row: 2;
    margin: 0 0 9px !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(18px, 1.55vw, 22px);
    font-weight: 500;
    line-height: 1.16;
    color: #24282D;
}

.ac-home-card article.mod-articles-item h3 a {
    color: inherit;
    text-decoration: none;
}

.ac-home-card article.mod-articles-item h3 a:hover {
    color: #647D8E;
}

/* Texto de introducción */

.ac-home-card article.mod-articles-item > p:not(.readmore) {
    grid-column: 2;
    grid-row: 3;
    margin: 0 0 10px !important;
    font-size: 13px;
    line-height: 1.45;
    color: #42494F;
}

/* Enlace final: una sola flecha */

.ac-home-card article.mod-articles-item > p.readmore {
    grid-column: 2;
    grid-row: 4;
    margin: 2px 0 0 !important;
}

.ac-home-card article.mod-articles-item p.readmore a {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #465D6E !important;
    font-size: 0 !important;
    text-decoration: none;
}

.ac-home-card article.mod-articles-item p.readmore a [class*="icon-"] {
    display: none !important;
}

.ac-home-card article.mod-articles-item p.readmore a::after {
    content: "→";
    font-size: 21px;
    font-weight: 400;
    transition: transform 180ms ease;
}

.ac-home-card article.mod-articles-item p.readmore a:hover::after {
    transform: translateX(5px);
}

/* Adaptación a pantallas pequeñas */

@media (max-width: 850px) {
    .ac-home-card article.mod-articles-item {
        grid-template-columns: minmax(0, 35%) minmax(0, 1fr);
        column-gap: 15px;
    }

    .ac-home-card article.mod-articles-item h3 {
        font-size: 18px;
    }
}
/* ==========================================
   AJUSTE DE ESPACIADO · PORTADA ARTEACCIÓN
   ========================================== */

/* Separación entre carrusel y noticias */
.ac-carousel {
    margin-bottom: 22px !important;
}

/* Cuadrícula de seis artículos */
.site-grid > .grid-child:has(> .top-a.ac-home-card) {
    margin-top: 12px !important;
    margin-bottom: 45px !important;
    row-gap: 18px !important;
    column-gap: 36px !important;
}

/* Fotografías homogéneas */
.ac-home-card figure.mod-articles-image {
    width: 100% !important;
    aspect-ratio: 1.22 / 1;
    overflow: hidden;
}

.ac-home-card figure.mod-articles-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1.22 / 1;
    object-fit: cover;
}

/* Separación inferior de cada tarjeta */
.ac-home-card {
    padding-bottom: 14px !important;
}
/* ==========================================
   PORTADA ARTEACCIÓN · CUADRÍCULA COMPACTA
   ========================================== */

/* Agrupación de los seis módulos */
.site-grid > .grid-child:has(> .top-a.ac-home-card) {
    width: min(1320px, calc(100% - 40px));
    margin: 12px auto 30px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px !important;
    row-gap: 10px !important;
}

/* Eliminar espacios interiores innecesarios */
.ac-home-card {
    margin: 0 !important;
    padding: 0 0 10px !important;
}

.ac-home-card .card-body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen cuadrada */
.ac-home-card figure.mod-articles-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    overflow: hidden;
}

.ac-home-card figure.mod-articles-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
}

/* Acercar imagen y texto */
.ac-home-card article.mod-articles-item {
    grid-template-columns: minmax(0, 34%) minmax(0, 1fr);
    column-gap: 18px !important;
}

/* Reducir separación entre filas */
.ac-home-card {
    border-bottom: 1px solid #DCE1E4 !important;
}

@media (max-width: 850px) {
    .site-grid > .grid-child:has(> .top-a.ac-home-card) {
        width: calc(100% - 30px);
        grid-template-columns: 1fr;
        row-gap: 16px !important;
    }
}
/* Acercar las seis noticias al carrusel */

.ac-carousel {
    margin-bottom: 0 !important;
}

.site-grid > .container-banner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.site-grid > .grid-child:has(> .top-a.ac-home-card) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Separación entre carrusel y cuadrícula de noticias */

.site-grid > .grid-child:has(> .top-a.ac-home-card) {
    margin-top: 22px !important;
}
/* ==========================================
   ARTEACCIÓN · TIPOGRAFÍA EDITORIAL
   ========================================== */

/* Categorías */
.ac-home-card article.mod-articles-item dl {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
    color: #647D8E !important;
}

/* Línea editorial después de la categoría */
.ac-home-card article.mod-articles-item dl::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    margin-left: 10px;
    vertical-align: middle;
    background: #647D8E;
}

/* Titulares: serif más refinada */
.ac-home-card article.mod-articles-item h3 {
    font-family: "Baskerville",
                 "Palatino Linotype",
                 "Book Antiqua",
                 Palatino,
                 serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.13 !important;
    letter-spacing: -0.025em;
    color: #24282D !important;
}

/* Enlaces de los titulares */
.ac-home-card article.mod-articles-item h3 a {
    font-family: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* Entradillas */
.ac-home-card article.mod-articles-item > p:not(.readmore) {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #42494F !important;
}

/* Flechas */
.ac-home-card article.mod-articles-item p.readmore a::after {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #465D6E !important;
}

@media (max-width: 850px) {
    .ac-home-card article.mod-articles-item h3 {
        font-size: 19px !important;
    }
}
/* ==========================================
   TIPOGRAFÍA UNIFICADA CON EL CARRUSEL
   ========================================== */

/* Titulares de las seis tarjetas */
.ac-home-card article.mod-articles-item h3,
.ac-home-card article.mod-articles-item h3 a {
    font-family: inherit !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
    color: #465D6E !important;
    text-decoration: none !important;
}

/* Entradillas: misma familia que el carrusel */
.ac-home-card article.mod-articles-item > p:not(.readmore) {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #42494F !important;
}

/* Categorías */
.ac-home-card article.mod-articles-item dl {
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    color: #647D8E !important;
}

/* Móvil */
@media (max-width: 850px) {
    .ac-home-card article.mod-articles-item h3,
    .ac-home-card article.mod-articles-item h3 a {
        font-size: 18px !important;
    }
}
/* Efecto hover en titulares de las seis noticias */

.ac-home-card article.mod-articles-item h3 a {
    transition: color 200ms ease;
}

.ac-home-card article.mod-articles-item h3 a:hover {
    color: #647D8E !important;
}

/* También al navegar con teclado */
.ac-home-card article.mod-articles-item h3 a:focus-visible {
    color: #647D8E !important;
    outline-offset: 3px;
}
/* ==========================================
   ARTEACCIÓN · BANNER INFERIOR
   ========================================== */

.ac-home-banner {
    width: min(1320px, calc(100% - 40px));
    margin: 28px auto 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: url("/images/banner-recursos-carrera-artistica.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Eliminar el fondo y los márgenes internos de Joomla */
.ac-home-banner .card-body {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Zona del texto */
.ac-home-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    min-height: 140px;
    padding: 22px 5%;
}

/* Línea decorativa azul plomo */
.ac-home-banner-content::before {
    content: "";
    display: block;
    width: 65px;
    height: 4px;
    margin-bottom: 12px;
    background: #465D6E;
}

/* Frase */
.ac-home-banner-content h2 {
    max-width: 590px;
    margin: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
    color: #24282D !important;
}

/* Adaptación a móviles */
@media (max-width: 768px) {
    .ac-home-banner {
        width: calc(100% - 30px);
        margin: 22px auto !important;
    }

    .ac-home-banner-content {
        min-height: 150px;
        padding: 25px;
    }

    .ac-home-banner-content h2 {
        font-size: 23px !important;
        max-width: 100%;
    }
}
/* Ajuste final del banner inferior */

.ac-home-banner {
    margin-top: 14px !important;
}

.ac-home-banner-content {
    min-height: 122px;
    padding: 18px 5%;
}
/* Ajustar separación entre noticias y banner */

.site-grid > .grid-child:has(> .top-a.ac-home-card) {
    margin-bottom: 8px !important;
}

.ac-home-banner {
    margin-top: 8px !important;
}
/* Enlaces del footer ArteAcción */

.ac-footer-links a {
    color: #42494F !important;
    text-decoration: none !important;
    font-size: 12px;
    transition: color 180ms ease;
}

.ac-footer-links a + a::before {
    content: "|";
    margin-right: 12px;
    color: #AAB2B7;
}

.ac-footer-links a:hover {
    color: #647D8E !important;
}
/* ==========================================
   FOOTER ARTEACCIÓN · DISTRIBUCIÓN DEFINITIVA
   ========================================== */

.container-footer {
    background: #FFFFFF !important;
    padding: 0 !important;
    border-top: 1px solid #DCE1E4;
}

.ac-site-footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ac-site-footer .ac-footer-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 40px;
    align-items: center;
    gap: 30px;
    width: min(1320px, calc(100% - 40px));
    margin: 0 auto !important;
    padding: 20px 0 !important;
}

/* Logotipo */
.ac-site-footer .ac-footer-brand {
    display: inline-flex !important;
    justify-self: start;
    align-items: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px !important;
    font-weight: 800;
    letter-spacing: -1.2px;
    line-height: 1;
    text-decoration: none !important;
    color: #24282D !important;
}

.ac-site-footer .ac-footer-brand-main {
    color: #24282D;
}

.ac-site-footer .ac-footer-brand-second {
    color: #89949B;
    font-weight: 400;
}

/* Enlaces */
.ac-site-footer .ac-footer-links {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
}

.ac-site-footer .ac-footer-links a {
    color: #42494F !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.ac-site-footer .ac-footer-links a + a::before {
    content: "|";
    margin-right: 12px;
    color: #AAB2B7;
}

.ac-site-footer .ac-footer-links a:hover {
    color: #647D8E !important;
}

/* Facebook */
.ac-site-footer .ac-footer-facebook {
    display: flex !important;
    justify-self: end;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 36px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 29px !important;
    font-weight: 700;
    color: #465D6E !important;
    text-decoration: none !important;
}

.ac-site-footer .ac-footer-facebook:hover {
    color: #647D8E !important;
}

/* Móviles */
@media (max-width: 650px) {
    .ac-site-footer .ac-footer-inner {
        grid-template-columns: 1fr auto;
        row-gap: 18px;
    }

    .ac-site-footer .ac-footer-links {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }
}
/* ==========================================
   FOOTER ARTEACCIÓN · SELECTORES CORRECTOS
   ========================================== */

footer.container-footer {
    background: #FFFFFF !important;
    padding: 0 !important;
    border-top: 1px solid #DCE1E4;
}

footer.container-footer > .grid-child {
    display: block !important;
    width: min(1320px, calc(100% - 40px));
    max-width: none !important;
    margin: 0 auto !important;
    padding: 18px 0 !important;
}

footer.container-footer .mod-custom.custom {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

footer.container-footer .ac-footer-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 40px;
    align-items: center;
    gap: 30px;
    width: 100%;
}

/* Logotipo */
footer.container-footer .ac-footer-brand {
    display: inline-flex !important;
    align-items: baseline;
    justify-self: start;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px !important;
    font-weight: 800;
    letter-spacing: -1.2px;
    line-height: 1;
    text-decoration: none !important;
    color: #24282D !important;
}

.ac-footer-brand-main {
    color: #24282D;
}

.ac-footer-brand-second {
    color: #89949B;
    font-weight: 400;
}

/* Enlaces centrales */
footer.container-footer .ac-footer-links {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

footer.container-footer .ac-footer-links a {
    color: #42494F !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

footer.container-footer .ac-footer-links a + a::before {
    content: "|";
    margin-right: 12px;
    color: #AAB2B7;
}

footer.container-footer .ac-footer-links a:hover {
    color: #647D8E !important;
}

/* Facebook */
footer.container-footer .ac-footer-facebook {
    display: flex !important;
    align-items: center;
    justify-content: center;
    justify-self: end;
    width: 32px;
    height: 36px;
    color: #465D6E !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 29px !important;
    font-weight: 700;
    text-decoration: none !important;
}

footer.container-footer .ac-footer-facebook:hover {
    color: #647D8E !important;
}

/* Móviles */
@media (max-width: 650px) {
    footer.container-footer .ac-footer-inner {
        grid-template-columns: 1fr auto;
        row-gap: 18px;
    }

    footer.container-footer .ac-footer-links {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }
}
/* ==========================================
   ARTEACCIÓN · ESTILO GLOBAL DE CONTENIDOS
   ========================================== */

/* Titulares de artículos en categorías */
.com-content-category-blog .page-header a,
.com-content-category-blog .item-title a,
.com-content-category-blog h2 a,
.com-content-category-blog h3 a {
    text-decoration: none !important;
    color: #465D6E;
    transition: color 200ms ease;
}

/* Cambio de color al pasar el ratón */
.com-content-category-blog .page-header a:hover,
.com-content-category-blog .item-title a:hover,
.com-content-category-blog h2 a:hover,
.com-content-category-blog h3 a:hover {
    color: #647D8E !important;
}

/* Titulares dentro de los artículos */
.com-content-article .page-header,
.com-content-article .page-header a,
.item-page .page-header,
.item-page .page-header a {
    text-decoration: none !important;
}

/* Fotografías alineadas a la izquierda */
.com-content-category-blog img[style*="float: left"],
.com-content-category-blog img[style*="float:left"],
.com-content-article img[style*="float: left"],
.com-content-article img[style*="float:left"],
.item-page img[style*="float: left"],
.item-page img[style*="float:left"] {
    margin: 0 20px 16px 0 !important;
}

/* Fotografías alineadas a la derecha */
.com-content-category-blog img[style*="float: right"],
.com-content-category-blog img[style*="float:right"],
.com-content-article img[style*="float: right"],
.com-content-article img[style*="float:right"],
.item-page img[style*="float: right"],
.item-page img[style*="float:right"] {
    margin: 0 0 16px 20px !important;
}

/* Espacio inferior para otras imágenes */
.com-content-category-blog .item-content img,
.com-content-article img,
.item-page .item-page-content img {
    margin-bottom: 14px;
}
/* ==========================================
   ARTEACCIÓN · SEPARACIÓN DE IMÁGENES
   EN ARTÍCULOS INDIVIDUALES
   ========================================== */

/* Imagen alineada a la izquierda */
.com-content-article.item-page figure.left.item-image {
    margin: 0 28px 22px 0 !important;
}

/* Imagen alineada a la derecha */
.com-content-article.item-page figure.right.item-image {
    margin: 0 0 22px 28px !important;
}

/* Imágenes adaptables */
.com-content-article.item-page figure.item-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* En móviles, imagen a ancho completo */
@media (max-width: 768px) {
    .com-content-article.item-page figure.left.item-image,
    .com-content-article.item-page figure.right.item-image {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
}
/* ==========================================
   ARTEACCIÓN · RECOMENDACIONES LATERALES
   NOTICIAS · GUÍAS · OPINIÓN
   ========================================== */

/* Módulos: eliminar aspecto de tarjetas */
.sidebar-right.ac-sidebar-feature {
    margin: 0 0 20px !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #DCE1E4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Eliminar espacios internos de Joomla */
.sidebar-right.ac-sidebar-feature .card-body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Lista de artículos */
.ac-sidebar-feature ul.mod-articles-items {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ac-sidebar-feature ul.mod-articles-items > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Distribución: imagen izquierda, texto derecha */
.ac-sidebar-feature .mod-articles-item-content {
    display: grid !important;
    grid-template-columns: 94px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 13px;
    align-items: start;
}

/* Fotografía cuadrada */
.ac-sidebar-feature figure.mod-articles-image {
    grid-column: 1;
    grid-row: 1 / 5;
    width: 94px !important;
    height: 94px !important;
    aspect-ratio: 1 / 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.ac-sidebar-feature figure.mod-articles-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    margin: 0 !important;
}

/* Categoría */
.ac-sidebar-feature .mod-articles-item-content dl {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-family: inherit;
    font-size: 9px !important;
    font-weight: 600;
    letter-spacing: 0.10em;
    line-height: 1.3;
    text-transform: uppercase;
    color: #647D8E;
}

/* Ocultar icono de carpeta */
.ac-sidebar-feature .mod-articles-item-content dl [class*="icon-folder"] {
    display: none !important;
}

/* Titular */
.ac-sidebar-feature h4.mod-articles-title {
    grid-column: 2;
    grid-row: 2;
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #465D6E !important;
}

/* Enlace del titular */
.ac-sidebar-feature h4.mod-articles-title a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 180ms ease;
}

.ac-sidebar-feature h4.mod-articles-title a:hover {
    color: #647D8E !important;
}

/* Entradilla */
.ac-sidebar-feature .mod-articles-item-content > p:not(.readmore) {
    grid-column: 2;
    grid-row: 3;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-family: inherit;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    color: #42494F;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}

/* Leer más: solamente una flecha */
.ac-sidebar-feature p.readmore {
    grid-column: 2;
    grid-row: 4;
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

.ac-sidebar-feature p.readmore a {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #465D6E !important;
    font-size: 0 !important;
    text-decoration: none !important;
}

.ac-sidebar-feature p.readmore a [class*="icon-"] {
    display: none !important;
}

.ac-sidebar-feature p.readmore a::after {
    content: "→";
    font-size: 19px;
    font-weight: 400;
    transition: transform 180ms ease;
}

.ac-sidebar-feature p.readmore a:hover::after {
    transform: translateX(4px);
}

/* Adaptación a móviles */
@media (max-width: 768px) {
    .ac-sidebar-feature .mod-articles-item-content {
        grid-template-columns: 90px minmax(0, 1fr);
        column-gap: 12px;
    }

    .ac-sidebar-feature figure.mod-articles-image {
        width: 90px !important;
        height: 90px !important;
    }
}
/* ==========================================
   ARTEACCIÓN · TÍTULOS DE MÓDULOS LATERALES
   ========================================== */

.sidebar-right.ac-sidebar-feature > .card-header {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #DCE1E4 !important;
    border-radius: 0 !important;
    padding: 0 0 11px !important;
    margin: 0 0 15px !important;

    color: #647D8E !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
    box-shadow: none !important;
}