/* ==========================================================
   ACABADO FINAL DE PORTADA
   Tarjetas Personalizados + Nuestra historia
   ========================================================== */

body.costurero-premium-v2
.costurero-home-final-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: clamp(22px, 2.4vw, 34px) !important;
}

/*
 * Base común.
 */
body.costurero-premium-v2
.costurero-home-final-card {
    position: relative !important;
    min-width: 0 !important;
    min-height:
        clamp(460px, 39vw, 535px) !important;

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

    padding:
        clamp(42px, 4.7vw, 68px) !important;

    overflow: hidden !important;

    border:
        1px solid
        rgba(107, 55, 70, .10) !important;

    border-radius:
        32px !important;

    box-shadow:
        0 25px 65px
        rgba(79, 40, 52, .11) !important;
}

/*
 * Tarjeta clara de personalizados.
 */
body.costurero-premium-v2
.costurero-home-gifts {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(240, 207, 216, .34),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #fffdfc 0%,
            #f9eef1 100%
        ) !important;

    color:
        var(--premium-text) !important;
}

/*
 * Tarjeta oscura de historia.
 */
body.costurero-premium-v2
.costurero-home-story {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(232, 177, 193, .20),
            transparent 39%
        ),
        linear-gradient(
            145deg,
            #7b4b5b 0%,
            #603540 100%
        ) !important;

    color:
        rgba(255, 248, 250, .87) !important;
}

/*
 * Pequeño detalle decorativo.
 */
body.costurero-premium-v2
.costurero-home-story::after {
    content: "";

    position: absolute;
    right: -80px;
    bottom: -105px;

    width: 250px;
    height: 250px;

    border:
        1px solid
        rgba(255, 255, 255, .11);

    border-radius: 50%;

    box-shadow:
        0 0 0 28px
        rgba(255, 255, 255, .025);

    pointer-events: none;
}

/*
 * Etiquetas superiores.
 */
body.costurero-premium-v2
.costurero-home-final-badge {
    position: relative;
    z-index: 2;

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

    min-height: 43px !important;

    margin:
        0 0 24px !important;

    padding:
        9px 18px !important;

    border:
        1px solid
        rgba(124, 56, 75, .12) !important;

    border-radius:
        999px !important;

    background:
        rgba(255, 255, 255, .91) !important;

    color:
        #9c304a !important;

    font-family:
        var(--premium-body) !important;

    font-size:
        12px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    letter-spacing:
        .14em !important;

    text-transform:
        uppercase !important;

    box-shadow:
        0 10px 25px
        rgba(82, 40, 52, .08) !important;
}

/*
 * Títulos equilibrados.
 */
body.costurero-premium-v2
.costurero-home-final-title {
    position: relative;
    z-index: 2;

    max-width: 530px;

    margin:
        0 0 20px !important;

    font-family:
        var(--premium-display) !important;

    font-size:
        clamp(45px, 4.2vw, 63px) !important;

    font-weight:
        400 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.04em !important;

    text-transform:
        none !important;
}

body.costurero-premium-v2
.costurero-home-gifts
.costurero-home-final-title {
    color:
        var(--premium-wine-dark) !important;
}

body.costurero-premium-v2
.costurero-home-story
.costurero-home-final-title {
    color:
        #fff8fa !important;

    text-shadow:
        0 2px 15px
        rgba(35, 14, 21, .11);
}

/*
 * Descripciones.
 */
body.costurero-premium-v2
.costurero-home-final-description {
    position: relative;
    z-index: 2;

    max-width: 510px;

    margin:
        0 0 25px !important;

    font-family:
        var(--premium-body) !important;

    font-size:
        15px !important;

    line-height:
        1.72 !important;
}

body.costurero-premium-v2
.costurero-home-gifts
.costurero-home-final-description {
    color:
        var(--premium-muted) !important;
}

body.costurero-premium-v2
.costurero-home-story
.costurero-home-final-description {
    color:
        rgba(255, 248, 250, .76) !important;
}

/*
 * Evitar que reglas generales vuelvan oscuro el texto.
 */
body.costurero-premium-v2
.costurero-home-story h1,
body.costurero-premium-v2
.costurero-home-story h2,
body.costurero-premium-v2
.costurero-home-story h3,
body.costurero-premium-v2
.costurero-home-story h4 {
    color:
        #fff8fa !important;
}

body.costurero-premium-v2
.costurero-home-story p {
    color:
        rgba(255, 248, 250, .76) !important;
}

/*
 * Botones.
 */
body.costurero-premium-v2
.costurero-home-final-cta {
    position: relative !important;
    z-index: 2 !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 52px !important;

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

    margin: 0 !important;

    padding:
        12px 26px !important;

    border-radius:
        999px !important;

    font-size:
        13px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;
}

body.costurero-premium-v2
.costurero-home-gifts
.costurero-home-final-cta {
    border:
        1px solid
        var(--premium-wine) !important;

    background:
        linear-gradient(
            135deg,
            #a23751,
            #872d43
        ) !important;

    color:
        #fff !important;

    box-shadow:
        0 15px 31px
        rgba(140, 48, 71, .23) !important;
}

body.costurero-premium-v2
.costurero-home-story
.costurero-home-final-cta {
    border:
        1px solid
        rgba(255, 255, 255, .25) !important;

    background:
        #f5dce3 !important;

    background-image:
        none !important;

    color:
        #713548 !important;

    box-shadow:
        0 15px 32px
        rgba(32, 12, 19, .18) !important;
}

body.costurero-premium-v2
.costurero-home-final-cta:hover {
    transform:
        translateY(-2px) !important;
}

body.costurero-premium-v2
.costurero-home-story
.costurero-home-final-cta:hover {
    background:
        #fff4f7 !important;

    color:
        #60313f !important;

    box-shadow:
        0 19px 39px
        rgba(32, 12, 19, .23) !important;
}

/*
 * Tablet y móvil.
 */
@media (max-width: 920px) {
    body.costurero-premium-v2
    .costurero-home-final-grid {
        grid-template-columns:
            1fr !important;
    }

    body.costurero-premium-v2
    .costurero-home-final-card {
        min-height: 470px !important;
    }
}

@media (max-width: 600px) {
    body.costurero-premium-v2
    .costurero-home-final-card {
        min-height: 430px !important;

        padding:
            38px 26px !important;

        border-radius:
            25px !important;
    }

    body.costurero-premium-v2
    .costurero-home-final-title {
        font-size:
            clamp(39px, 12vw, 49px) !important;

        line-height:
            1.04 !important;
    }

    body.costurero-premium-v2
    .costurero-home-final-description {
        font-size:
            14px !important;
    }

    body.costurero-premium-v2
    .costurero-home-final-badge {
        margin-bottom:
            19px !important;

        font-size:
            10px !important;
    }
}