/* =========================================================
   Casa en Renta por Día – landing styles
   Companion to luxury-estate.css + pool-weekend.css
   (same design line: Cormorant Garamond + Jost, gold #c19b76).
   ========================================================= */

/* ── Legibilidad del hero sobre la foto de fondo ────────── */
.le-atf-title {
    text-shadow: 0 2px 4px rgba(0,0,0,.45), 0 6px 28px rgba(0,0,0,.55);
}
.le-atf-eyebrow,
.le-atf-sub,
.le-atf-bullets li,
.le-atf-microcopy {
    text-shadow: 0 1px 3px rgba(0,0,0,.5), 0 3px 14px rgba(0,0,0,.45);
}
.le-atf-sub {
    color: rgba(255,255,255,.94);
}
.le-atf-bullets li {
    color: rgba(255,255,255,.96);
}
/* Refuerza el velado de la imagen para no depender solo de la sombra */
.le-atf-bg::after {
    background:
        linear-gradient(to right, rgba(12,9,6,.72) 0%, rgba(12,9,6,.45) 55%, rgba(12,9,6,.2) 100%),
        linear-gradient(to top, rgba(12,9,6,.6) 0%, transparent 45%);
}

/* ── Bloque de cotización (CTA al modal de reservación) ─── */
.le-quickform-wrap {
    padding: 26px 28px;
}
.le-quickform-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1410;
    line-height: 1.25;
    margin-bottom: 4px;
}
.le-quickform-sub {
    font-family: 'Jost', sans-serif;
    font-size: .9rem;
    font-weight: 300;
    color: #6b6459;
    line-height: 1.6;
    margin-bottom: 20px;
}
.le-quickform-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.le-quickform-actions .le-quickform-submit {
    justify-content: center;
    white-space: nowrap;
}

/* ── Cards de elección (modalidad / interlinks) ─────────── */
.le-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 1.75rem;
}
.le-choice-grid--4 {
    grid-template-columns: repeat(2, 1fr);
}
.le-choice-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #ece5db;
    border-radius: 12px;
    padding: 26px 24px 24px;
    box-shadow: 0 8px 24px rgba(60,50,40,.05);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.le-choice-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(60,50,40,.1);
    border-color: #e0d0bf;
}
.le-choice-card--featured {
    background: #fdf9f5;
    border-color: #c19b76;
    border-left: 4px solid #c19b76;
}
.le-choice-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #f4efe7;
    color: #c19b76;
    font-size: 1.1rem;
    margin-bottom: 14px;
}
.le-choice-card h3 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c2a27;
    line-height: 1.3;
    margin-bottom: 8px;
}
.le-choice-card p {
    font-family: 'Jost', sans-serif;
    font-size: .92rem;
    font-weight: 300;
    color: #6b6459;
    line-height: 1.6;
    margin: 0 0 18px;
    flex: 1;
}
.le-choice-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Jost', sans-serif;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #c19b76 !important;
    text-decoration: none !important;
    border: 1px solid rgba(193,155,118,.45);
    border-radius: 4px;
    padding: 10px 18px;
    width: fit-content;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.le-choice-cta:hover {
    background: #c19b76;
    color: #fff !important;
    border-color: #c19b76;
    text-decoration: none !important;
}
.le-choice-cta .fa,
.le-choice-cta .fas,
.le-choice-cta .fab {
    font-size: .8rem;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 991px) {
    .le-choice-grid,
    .le-choice-grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .le-quickform-wrap {
        padding: 22px 20px;
    }
    .le-quickform-actions {
        align-items: stretch;
        flex-direction: column;
    }
    .le-choice-grid,
    .le-choice-grid--4 {
        grid-template-columns: 1fr;
    }
}