/* ============================================================
   RW Split Promo Widget
   BEM: .rw-split-promo
   ============================================================ */

.rw-split-promo {
    background-color: #B5CF00;
    padding: 80px 24px;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .rw-split-promo {
        padding: 120px clamp(24px, 17.1vw, 315px) 160px;
    }
}

/* ── Inner ───────────────────────────────────────────────── */

.rw-split-promo__inner {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
}

@media (min-width: 1024px) {
    .rw-split-promo__inner {
        flex-direction: row;
        gap: 80px;
        align-items: center;
    }
}

/* ── Media (columna de imágenes) ─────────────────────────── */

.rw-split-promo__media {
    position: relative;
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .rw-split-promo__media {
        flex: 1 1 auto;
        min-width: 0;
        /* padding-left reserva espacio para que la imagen retrato
           sobresalga hacia la izquierda sin mover la imagen de fondo */
        padding-left: 222px;
    }
}

/* ── Imagen de fondo (paisaje) ───────────────────────────── */

.rw-split-promo__bg {
    width: 100%;
    aspect-ratio: 842 / 572;
    background-size: cover;
    background-position: center;
    background-color: #1a1a1a;
}

/* ── Imagen retrato solapada (solo escritorio) ───────────── */

.rw-split-promo__fg {
    display: none;
}

@media (min-width: 1024px) {
    .rw-split-promo__fg {
        display: block;
        position: absolute;
        left: 0;
        top: 96px;
        width: 444px;
        height: 572px;
        object-fit: cover;
    }
}

/* ── Contenido (columna de texto) ────────────────────────── */

.rw-split-promo__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .rw-split-promo__content {
        width: 472px;
    }
}

/* ── Grupo titular ───────────────────────────────────────── */

.rw-split-promo__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Eyebrow ─────────────────────────────────────────────── */

.rw-split-promo__eyebrow {
    display: block;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
}

/* ── Titular ─────────────────────────────────────────────── */

.rw-split-promo__heading {
    font-family: 'Manrope', sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    color: #00938A;
    margin: 0;
}

@media (min-width: 768px) {
    .rw-split-promo__heading {
        font-size: 40px;
        line-height: 48px;
    }
}

/* ── Cuerpo de texto ─────────────────────────────────────── */

.rw-split-promo__body {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
}

.rw-split-promo__body p {
    margin: 0 0 1em;
}

.rw-split-promo__body p:last-child {
    margin: 0;
}

/* ── Botón ───────────────────────────────────────────────── */

.rw-split-promo__cta {
    display: flex;
}

.rw-split-promo__btn {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    padding: 16px 42px;
    text-decoration: none;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    background-color: #00938A;
    transition: background-color 0.3s ease;
}

.rw-split-promo__btn-label {
    display: block;
}

.rw-split-promo__btn-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.rw-split-promo__btn-icon svg {
    width: 20px;
    height: 20px;
    stroke-width: 2px;
    transition: transform 0.3s ease;
}

.rw-split-promo__btn:hover .rw-split-promo__btn-icon svg,
.rw-split-promo__btn:focus-visible .rw-split-promo__btn-icon svg {
    transform: translateX(4px) translateY(-4px);
}