/* ============================================================
   CONMEMORACIONES — RESPONSIVE
   ============================================================ */

/* Hero */
.conmemoraciones-hero {
    min-height: 55vh;
    margin-top: 120px; /* navbar desktop */
}

/* Imagen de la sección 1 */
.conmemoraciones-img {
    width: 100%;
    height: 420px;
    object-fit: cover;
}

/* Imágenes dentro de los tabs */
.conmemoraciones-tab-img {
    height: 350px;
    overflow: hidden;
    border-radius: 10px;
}

/* Tabs: oculta scrollbar pero permite scroll horizontal en móvil */
.conmemoraciones-tabs-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.conmemoraciones-tabs-wrapper::-webkit-scrollbar {
    display: none;
}

/* ============================================================
   TABLET (768px – 991px)
   ============================================================ */
@media (max-width: 991.98px) {
    .conmemoraciones-hero {
        margin-top: 90px; /* navbar móvil */
        min-height: 50vh;
    }

    .conmemoraciones-hero h1 {
        font-size: 2.2rem !important;
    }

    .conmemoraciones-img {
        height: 320px;
    }

    .conmemoraciones-tab-img {
        height: 260px;
    }
}

/* ============================================================
   MÓVIL (< 768px)
   ============================================================ */
@media (max-width: 767.98px) {

    /* Hero compacto */
    .conmemoraciones-hero {
        min-height: 60vw;
        margin-top: 90px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .conmemoraciones-hero h1 {
        font-size: 1.7rem !important;
        line-height: 1.2;
    }

    .conmemoraciones-hero .lead {
        font-size: 0.88rem;
    }

    .conmemoraciones-hero .btn {
        font-size: 0.78rem;
        padding: 10px 18px !important;
    }

    /* Sección 1: imagen full width sin frame raro */
    .conmemoraciones-img-frame {
        padding: 0 !important;
        margin-top: 10px;
    }

    .conmemoraciones-img-frame .position-absolute {
        display: none; /* oculta el marco dorado en móvil */
    }

    .conmemoraciones-img {
        height: 240px;
        border-radius: 10px;
    }

    /* Tabs: botones más compactos y scroll horizontal */
    .nav-tabs .nav-link {
        font-size: 0.72rem !important;
        padding: 10px 12px !important;
    }

    /* Tab content: imagen debajo del texto */
    .conmemoraciones-tab-img {
        height: 200px;
        margin-top: 10px;
    }

    /* Formulario */
    .col-lg-10.bg-light {
        padding: 20px !important;
    }

    .form-control-lg,
    .form-select {
        font-size: 0.9rem !important;
        padding: 10px 12px !important;
    }

    /* Botón enviar full width en móvil */
    .w-md-auto {
        width: 100% !important;
    }

    /* CTA final */
    .conmemoraciones-hero ~ section h3,
    section h3.fw-light {
        font-size: 1.4rem;
    }
}

/* ============================================================
   MÓVIL MUY PEQUEÑO (< 400px)
   ============================================================ */
@media (max-width: 400px) {
    .conmemoraciones-hero h1 {
        font-size: 1.35rem !important;
    }

    .conmemoraciones-img {
        height: 180px;
    }

    .conmemoraciones-tab-img {
        height: 160px;
    }
}