/* ============================================================
   WOMENIZE LATAM — PÁGINA CONTENIDOS
   Archivo: assets/css/contenidos.css (ajusta a tu estructura)
   Colores y tipografías heredados del tema.
============================================================ */
.wl-content-page,
.wl-content-page * { box-sizing: border-box; }

.wl-content-page { background: #f8f8ec; color: #380310; }
.wl-content-container { width: min(100% - 48px, 1280px); margin-inline: auto; }

/* HERO */
.wl-content-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(370px, 39vw, 550px);
    overflow: hidden;
    isolation: isolate;
    background: #23060f;
}
.wl-content-hero__image,
.wl-content-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.wl-content-hero__image { object-fit: cover; object-position: center 42%; z-index: -2; }
.wl-content-hero__shade {
    z-index: -1;
    background: linear-gradient(90deg, rgba(22, 3, 9, .95) 0%, rgba(30, 5, 13, .80) 37%, rgba(30, 5, 13, .28) 70%, rgba(30, 5, 13, .04) 100%);
}
/* Más aire para que el contenido no quede pegado al borde. */
.wl-content-hero__inner {
    width: min(100% - 48px, 1280px);
    margin-inline: auto;
    padding: 110px clamp(24px, 5vw, 90px) 78px;
}
.wl-content-hero__copy { max-width: 620px; }
.wl-content-hero h1 {
    margin: 0 0 22px;
    color: #fffaf1;
    font-family: var(--font-title, Georgia, serif);
    font-size: clamp(54px, 6.6vw, 92px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.025em;
    text-transform: none;
}
.wl-content-hero p {
    margin: 0;
    max-width: 470px;
    color: #fffaf1;
    font-family: var(--font-body, Montserrat, sans-serif);
    font-size: clamp(18px, 1.9vw, 25px);
    line-height: 1.45;
    font-weight: 500;
}

/* TRES TARJETAS */
.wl-content-sections { padding: clamp(45px, 6vw, 86px) 0; }
.wl-content-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 26px; }
.wl-content-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 30px 28px 27px;
    border: 1px solid rgba(56, 3, 16, .10);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 9px 35px rgba(56, 3, 16, .045);
    transition: transform .2s ease, box-shadow .2s ease;
}
.wl-content-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(56, 3, 16, .10); }
.wl-content-card__text { min-height: 120px; }
.wl-content-card h2 {
    margin: 0 0 14px;
    color: #380310;
    font-family: var(--font-title, Georgia, serif);
    font-size: clamp(27px, 2.7vw, 36px);
    font-weight: 600;
    line-height: 1.05;
    text-transform: none;
}
.wl-content-card p {
    margin: 0;
    color: #5e5154;
    font-family: var(--font-body, Montserrat, sans-serif);
    font-size: 15px;
    line-height: 1.55;
}
.wl-content-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(200px, 23vw, 290px);
    margin: 12px 0 30px;
}
.wl-content-card__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.wl-content-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    align-self: center;
    margin-top: auto;
    min-height: 50px;
    padding: 10px 25px;
    border-radius: 5px;
    background: #380310;
    color: #fff !important;
    font-family: var(--font-body, Montserrat, sans-serif);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: none;
    transition: background .2s ease, transform .2s ease;
}
.wl-content-card__button:hover { background: #6d1830; transform: translateY(-2px); }
.wl-content-card__button:focus-visible { outline: 3px solid #b0907d; outline-offset: 4px; }

/* BANNER DE CIERRE: el footer existente aparece justo después */
.wl-content-legacy {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(220px, 24vw, 340px);
    isolation: isolate;
    overflow: hidden;
    background: #380310;
}
.wl-content-legacy__image,
.wl-content-legacy__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.wl-content-legacy__image { z-index: -2; object-fit: cover; object-position: center 45%; }
.wl-content-legacy__shade { z-index: -1; background: linear-gradient(90deg, rgba(56, 3, 16, .98) 0%, rgba(56, 3, 16, .82) 45%, rgba(56, 3, 16, .08) 100%); }
.wl-content-legacy__inner { width: 100%; padding-block: 55px; }
.wl-content-legacy p {
    max-width: 700px;
    margin: 0;
    color: #fff7ed;
    font-family: var(--font-title, Georgia, serif);
    font-size: clamp(29px, 3.2vw, 48px);
    font-weight: 500;
    line-height: 1.15;
}

@media (max-width: 900px) {
    .wl-content-hero__inner { padding-inline: clamp(12px, 3vw, 32px); }
    .wl-content-cards { gap: 15px; }
    .wl-content-card { padding: 23px 18px; }
    .wl-content-card__text { min-height: 142px; }
    .wl-content-card__media { height: 220px; }
}
@media (max-width: 700px) {
    .wl-content-container { width: min(100% - 32px, 560px); }
    .wl-content-hero { min-height: 460px; align-items: flex-end; }
    .wl-content-hero__image { object-position: 65% center; }
    .wl-content-hero__shade { background: linear-gradient(0deg, rgba(28, 3, 10, .97), rgba(28, 3, 10, .55) 52%, rgba(28, 3, 10, .08)); }
    .wl-content-hero__inner {
        width: min(100% - 32px, 560px);
        padding: 140px 8px 45px;
    }
    .wl-content-hero h1 { font-size: clamp(48px, 11vw, 68px); }
    .wl-content-hero p { font-size: 17px; }
    .wl-content-cards { grid-template-columns: 1fr; gap: 22px; }
    .wl-content-card { padding: 25px; }
    .wl-content-card__text { min-height: 0; }
    .wl-content-card__media { height: 250px; margin-block: 25px; }
    .wl-content-legacy { min-height: 265px; }
    .wl-content-legacy__shade { background: linear-gradient(90deg, rgba(56, 3, 16, .96), rgba(56, 3, 16, .64)); }
    .wl-content-legacy p { font-size: clamp(29px, 7vw, 38px); }
}
@media (prefers-reduced-motion: reduce) {
    .wl-content-card, .wl-content-card__button { transition: none; }
}