/**
 * VENDOR / SMART SLIDER 3
 * -----------------------------------------------------------------------------
 * El slider de la portada (4 slides definidos en la bajada del proyecto) se
 * arma dentro del editor del plugin. Aquí solo se resuelve lo que depende del
 * tema: encaje bajo el header fijo, ancho completo y unificación de controles.
 *
 * Se carga únicamente si el plugin está activo (ver inc/enqueue.php).
 */

/* --- Encaje en el layout ------------------------------------------------ */

.n2-section-smartslider {
    position: relative;
    z-index: var(--z-base);
}

/* Slider a ancho completo aunque viva dentro de .container */
.smart-slider-full .n2-section-smartslider {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

/*
 * El slider de portada reemplaza al hero: se coloca justo debajo del header
 * fijo. La plantilla añade .home-slider alrededor (ver pages/home.css).
 */
.home-slider .n2-section-smartslider {
    margin: 0;
}

/* --- Tipografía dentro del slider --------------------------------------- */

.n2-section-smartslider .n2-ss-slide {
    font-family: var(--font-body);
}

.n2-section-smartslider .n2-ss-item-content h1,
.n2-section-smartslider .n2-ss-item-content h2 {
    font-family: var(--font-heading);
}

/* Botones creados con la capa "Button" que lleven la clase .btn del tema */
.n2-section-smartslider .n2-ss-button-container .btn {
    text-decoration: none;
}

/* --- Controles ---------------------------------------------------------- */

.n2-section-smartslider .n2-ss-slider-controls svg path {
    fill: var(--white);
}

.n2-section-smartslider .n2-bullet {
    background: rgba(255, 255, 255, 0.35);
    transition: var(--transition);
}

.n2-section-smartslider .n2-bullet.n2-active {
    background: var(--blue);
}

/*
 * La compensación del header fijo la hace .hero-block en pages/home.css.
 * Aquí no debe repetirse: al estar en los dos sitios el slider bajaba el
 * doble y dejaba una franja vacía bajo la cabecera.
 */