/**
 * Block: Hotel CTA — Scoped Stylesheet
 * Cargado en el frontend y en el editor Gutenberg (scoped bajo .hotel-cta-block).
 *
 * Author: ably Peru
 * Text Domain: ab_theme
 */

/* ── Fuente base y estilos de reset del bloque ──────────────────────────── */
.hotel-cta-block,
.hotel-cta-block * {
    font-family: 'Outfit', sans-serif !important;
}

/* ── Label Superior (Ready to Experience?) ──────────────────────────────── */
.hotel-cta-block__label,
.hotel-cta-block span.hotel-cta-block__label {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5em !important;
    font-weight: 700 !important;
    color: #BF9958 !important; /* Color brand oro */
    display: block !important;
}

/* ── Título H2 ──────────────────────────────────────────────────────────── */
.hotel-cta-block h2,
.hotel-cta-block__title {
    font-size: 2.5rem !important; /* 4xl base */
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
}

@media (min-width: 768px) {
    .hotel-cta-block h2,
    .hotel-cta-block__title {
        font-size: 4.5rem !important; /* 7xl md */
    }
}

/* ── Descripción ────────────────────────────────────────────────────────── */
.hotel-cta-block p,
.hotel-cta-block__desc {
    font-size: 1rem !important;
    font-weight: 300 !important;
    line-height: 1.625 !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ── Rich text: negrita (strong) diferenciada ───────────────────────────── */
.hotel-cta-block strong,
.hotel-cta-block b {
    font-weight: 800 !important;
    color: #ffffff !important;
}

/* ── Rich text: cursiva (em) diferenciada ─────────────────────────────── */
.hotel-cta-block em,
.hotel-cta-block i {
    font-style: italic !important;
    color: #BF9958 !important; /* Destaca en oro */
}

/* ── Rich text: enlaces (a) diferenciados en el párrafo ──────────────────── */
.hotel-cta-block p a,
.hotel-cta-block__desc a {
    color: #BF9958 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: #BF9958 !important;
    text-underline-offset: 4px !important;
}

.hotel-cta-block p a:hover,
.hotel-cta-block__desc a:hover {
    color: #ffffff !important;
    text-decoration-color: #ffffff !important;
}

/* ── Estilos específicos para el Editor de Gutenberg ────────────────────── */
.hotel-cta-block-editor {
    position: relative;
    padding: 7rem 2rem !important;
    background: #1c1008 !important; /* Simula bg-brand3 */
    border-radius: 2rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.hotel-cta-block-editor .block-editor-rich-text__editable {
    outline: none !important;
    border: none !important;
    background: transparent !important;
}

/* Placeholders claros en el editor sobre fondo oscuro */
.hotel-cta-block-editor [data-rich-text-placeholder]::after {
    color: rgba(255, 255, 255, 0.3) !important;
}

.hotel-cta-block-editor .hotel-cta-block__label [data-rich-text-placeholder]::after {
    color: rgba(191, 153, 88, 0.4) !important;
}