@import url("contenedor_principal.css");
@import url("bienvenida-mastermap.css");
@import url("mastermap-reporte.css");
@import url("navegacion_arriba.css");
@import url("seguriddadcaptcha.css");
@import url("banner_principal.css");
@import url("mastermap-mapa.css");
@import url("emergentes.css");
@import url("animacion.css");
@import url("pie_pagina.css");
@import url("mastermap.css");
:root {
    --bg-body: #f8fafc;       /* Fondo de la página claro y limpio (Slate 50) */
    --bg-card: #ffffff;       /* Fondo blanco para las tarjetas y paneles */
    --primary: #041324;       /* Azul marino corporativo (Máxima seriedad) */
    --primary-light: #134074; /* Azul de enfoque o hover */
    --accent-cyan: #00b4d8;   /* Cian tecnológico para acentos secundarios */
    --accent-green: #00e676;  /* Verde Eléctrico para estados y WhatsApp */
    --text-dark: #041d47;     /* Texto principal ultra legible */
    --text-muted: #474747;    /* Texto secundario y descripciones */
    --border-color: #6292de;  /* Bordes limpios y modernos */
    --error: rgb(196, 2, 2);
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    scroll-behavior: smooth;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
body {
    background-color: var(--bg-body);
    color: var(--text-dark);
    line-height: 1.6;
    overflow-x: hidden;
}
h1{
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
    color: var(--text-dark);
}
.salto{clear: both;}
#tech-bg {
    position: fixed;   /* 1. OBLIGATORIO: Activa el soporte para z-index */
    top: 0;            /* 2. Lo alinea al inicio superior */
    left: 0;           /* 3. Lo alinea al inicio izquierdo */
    width: 100vw;
    height: 100vh;
    z-index: -1;       /* 4. Ahora sí se envía detrás de todo el contenido */
    pointer-events: none;
    display: block;
}
.no-seleccionable{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.carga{
    width:100%;
    height:220px;
    border:none;
    background-image:url('../resources/loading.webp');
    background-size:320px;
    background-repeat:no-repeat;
    background-position:center;
    animation: iluminacion 3s infinite ease-in-out;
}