.rnec_footer {
    width: 100% !important;
    height: 700px;
}

.btn-spacing {
    margin-top: 2px !important; /* Espacio entre grupos y botón */
}

.btn-custom {
    width: 200px !important;
    height: 39px !important;
    justify-content: center !important;
    margin-top: 0px !important;
    display: block;               /* Botón en bloque */
    margin: 0 auto;               /* Centrado horizontal */
}

.modal-content {
    border-radius: 20px; /* Ajusta al gusto */
}

#img_cancelar { cursor: pointer; }

.inputs_general {
    width: 100% !important;
    margin: 0px !important;
}

/* Quitar spinners de number (Chromium/WebKit) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] { appearance: textfield; }

/* SweetAlert por encima del modal */
.my-swal-container { z-index: 9999 !important; }
.my-swal-popup     { z-index: 10000 !important; }

.recuadro-Interno {
    padding: 5px 10px 15px 10px;
    margin: auto;
    width: 98%;
    border-radius: 10px;
    box-shadow: 5px 2px 20px #00F5E8;
    background:
        radial-gradient(circle at 1% 1%, rgba(0,245,227,0.5), transparent 10%),
        radial-gradient(circle at 99% 99%, rgba(0,245,227,0.5), transparent 10%),
        radial-gradient(circle at 50% 50%, #002D55, #002D55 100%);
}

/* ====== Mobile (≤576px) — bloque único ====== */
@media (max-width: 576px) {
    /* Gana a .txtSize30 aunque tenga !important y/o cargue después */
    .form_menu_landing_page #logo_azul .txtSize30#nom_proyecto,
    .form_menu_landing_page #logo_azul #nom_proyecto.txtSize30,
    .form_menu_landing_page .txtSize30#nom_proyecto,
    .form_menu_landing_page #nom_proyecto.txtSize30,
    #logo_azul .txtSize30#nom_proyecto,
    #logo_azul #nom_proyecto.txtSize30,
    #nom_proyecto.txtSize30,
    .form_menu_landing_page #nom_proyecto {
        font-size: clamp(1rem, 3.2vw + .22rem, 1.35rem) !important;
        line-height: 1.25;
    }

    .rnec_footer { height: auto !important; }
    .form_menu_landing_page { height: auto; padding: 16px; }

    /* Neutraliza align heredado */
    .form_menu_landing_page [align="left"] { text-align: initial !important; }

    /* Respirito lateral en cols centradas */
    .row.justify-content-center > [class*="col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Card centrada y compacta (tu preferencia: 360px) */
    .card1_datos_basicos {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
        max-width: 360px !important;
    }

    .card .card-body { padding: .75rem; }

    /* Botón full width en móvil */
    .btn-custom {
        width: 100% !important;
        height: 42px !important;
    }

    /* En el modal, las columnas col-2/col-6 pasan a ocupar 100% en móvil */
    #modal1 .row > .col-2,
    #modal1 .row > .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Los wrappers internos que venían con width:95% se fuerzan a 100% */
    #modal1 .bordeDivRojo { width: 100% !important; }

    /* Inputs de resultado más legibles en móvil */
    #modal1 input.form-control[readonly] {
        font-size: 1.05rem;    /* sube un poco la letra */
        padding: .6rem .75rem; /* altura cómoda */
        height: auto;          /* por si quedó fijo en algún lado */
    }

    /* Etiquetas un pelín más claras */
    #modal1 .form-label { font-size: .95rem; }

    /* (Opcional) Quita cualquier compresión lateral */
    #modal1 .row.g-0 { margin-left: 0; margin-right: 0; }
}

/* ====== Tablets (≥576px y <992px) — override fuerte del título ====== */
@media (min-width: 576px) and (max-width: 991.98px) {
    .form_menu_landing_page #logo_azul .txtSize30#nom_proyecto,
    .form_menu_landing_page #logo_azul #nom_proyecto.txtSize30,
    .form_menu_landing_page .txtSize30#nom_proyecto,
    .form_menu_landing_page #nom_proyecto {
        font-size: clamp(1rem, 1.6vw + .6rem, 1.25rem) !important;
        line-height: 1.25 !important;
    }

    .card1_datos_basicos { max-width: 520px !important; }
    .btn-custom { width: 100% !important; }
}

#btn_consultar[aria-disabled="true"] { pointer-events: none; opacity: .7; }