body,
html {
    margin: 0;
    overflow: hidden;
}

#map {
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.blackScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    color: white;
    font-size: 2vh;
    /* Valor base */
    z-index: 9;
}

/* Aumentar el tamaño del texto en orientación horizontal */
@media (orientation: landscape) {
    .blackScreen {
        font-size: 4vh;
        /* Ajusta según necesidad */
    }
}

.zoom-level-display {
    position: absolute;
    top: 25px;
    /* justo debajo del botón + */
    left: 45px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    /* color de letra visible */
    font-weight: bold;
    padding: 6px 6px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    pointer-events: none;
    z-index: 2;
}

#coordsDisplay {
    /* Posicionamiento para seguir al ratón */
    position: fixed;
    /* O 'absolute' si prefieres que siga al contenedor del mapa */
    display: none;
    background: white;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    pointer-events: none;
    /* Ignorar el ratón para no interferir con el mapa */
    white-space: nowrap;
    /* Evitar saltos de línea */
    transform: translate(10px, 10px);
    /* Separación del cursor */
}

.infoNavPosition {
    position: fixed;
    bottom: 45px !important;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 128, 0.4);
    /* Fondo azul oscuro más opaco */
    color: #fff;
    border: 2px solid #ffffffcc;
    border-radius: 10px;
    padding: 10px 16px;
    font-family: 'Courier New', monospace;
    font-size: 18px;
    /* ⬅️ Fuente más grande */
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    z-index: 9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    transition: left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

/* Estado oculto transparente para mantener el botón en su sitio y desplazarlo a la derecha */
.infoNavPosition.oculto-abajo {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
    left: 100%;
    transform: translateX(-100%);
}

/* Botón ancla para mostrar/ocultar */
.btn-toggle-nav {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 128, 0.8);
    color: white;
    border: 1px solid #ffffffcc;
    border-radius: 5px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: auto;
}

/* El botón ya no necesita transformarse porque el contenedor no se mueve */
.infoNavPosition.oculto-abajo .btn-toggle-nav {
    transform: none;
}

.btn-toggle-nav:active {
    background-color: rgba(0, 0, 255, 0.8);
}

/* Ocultar los textos hijos para un aspecto más limpio al retraerse */
.infoNavPosition.oculto-abajo>div {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

.infoNavPosition>div {
    transition: opacity 0.2s;
}

/* Estilo cuando se activa */
.infoRuta {
    position: fixed;
    /* Se mantiene fija en pantalla */
    top: 45px;
    /* Separación desde el borde superior */
    left: 50%;
    /* Centrado horizontal */
    transform: translateX(-50%);
    /* Centrado exacto */

    background-color: rgba(0, 255, 0, 0.4);
    /* Verde transparente */
    color: #000;
    border: 2px solid #ffffffcc;
    border-radius: 10px;
    padding: 5px 10px;
    font-family: 'Courier New', monospace;
    font-size: 16px;
    font-weight: bold;
    width: fit-content;
    height: fit-content;
    z-index: 2;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s, border-color 0.4s;
}

/* Estado oculto completamente desplazado hacia arriba */
.infoRuta.oculto-arriba {
    /* Desplaza todo el panel para que su borde inferior quede oculto.
       Al estar top: 55px, restando 55px la base queda en 0. */
    transform: translate(-50%, calc(-100% - 45px)) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Ocultar el contenido principal de infoRuta sin usar display:none inmediato para evitar cortes nítidos */
.infoRuta.oculto-arriba #infoRutaContent {
    opacity: 0;
    pointer-events: none;
}

#infoRutaContent {
    transition: opacity 0.2s ease;
}

/* Botón ancla para infoRuta */
.btn-toggle-ruta {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 128, 0, 0.8);
    color: white;
    border: 1px solid #ffffffcc;
    border-radius: 5px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s, right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), bottom 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: auto;
}

.infoRuta.oculto-arriba .btn-toggle-ruta {
    /* Centrado horizontal al minimizar */
    right: 50%;
    transform: translateX(50%);
    /* Como el div empieza en top: 55px y mide su 100%, lo subimos "100% + 55px".
       Para que el BOTÓN empiece en top: 55px, debemos bajarlo 55px + su altura (30px) = 85px. */
    bottom: -75px;
}

.btn-toggle-ruta:active {
    background-color: rgba(0, 255, 0, 0.8);
}

.searchinputdiv {
    top: unset !important;
    /* Elimina la posición superior */
    bottom: 5px !important;
    /* Establece la distancia desde la parte inferior */
    left: 50%;
    /* Coloca el elemento en el centro horizontal */
    transform: translateX(-50%);
    /* Centra el elemento horizontalmente */
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0;
    padding: 5px;
    font-family: monospace;
    position: fixed;
    /* Cambia a una posición fija para mantener el elemento en su lugar mientras se desplaza */
    z-index: 2;
}

/* Estilo para el div de ayuda */
.idAyuda {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 98%;
    height: 100%;
    min-height: 100%;
    max-height: 80%;
    /* Altura máxima del 80% del tamaño de la pantalla */
    max-width: 80%;
    /* Ancho máximo del 80% del tamaño de la pantalla */
    background-color: rgba(255, 255, 255, 1.0);
    padding: 5px 20px 5px 10px;
    overflow-y: auto;
    /* Agrega barras de desplazamiento vertical cuando sea necesario */
    z-index: 10;
}

/* Estilo para el botón de cierre */
.btn-cerrar-ayuda {
    position: fixed;
    right: 10px;
    background-color: #fff;
    /* Fondo blanco */
    border: none;
    cursor: pointer;
    z-index: 10000;
    /* Asegura que el botón esté por encima del contenido del div */
}

/* Estilos ayuda */

.idAyuda {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    max-width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    padding: 10px;
    background-color: #f9f9f9;
    color: #333;
    font-size: clamp(14px, 2.5vw, 18px);
}

h1,
h2,
h3 {
    color: #004d66;
}

.idAyuda section {
    margin-bottom: 40px;
}

ul {
    list-style-type: disc;
    padding-left: 20px;
}

.warning {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 10px;
    margin-bottom: 20px;
    color: #856404;
}

.note {
    background-color: #eef;
    border-left: 4px solid #00f;
    padding: 10px;
    margin: 10px 0;
}

.icon-img {
    display: inline;
    max-width: 20px;
    height: auto;
}

.text-warning {
    color: #b94a48;
    background: #f2dede;
    border: 1px solid #eed3d7;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 1em;
}

/* Spinner centrado */
#spinner {
    display: none;
    /* Ocultar por defecto */
    position: fixed;
    /* Fijo en toda la pantalla */
    top: 50%;
    /* Centrado verticalmente */
    left: 50%;
    /* Centrado horizontalmente */
    transform: translate(-50%, -50%);
    /* Ajustar posición al centro exacto */
    border: 4px solid rgba(0, 0, 0, 0.1);
    /* Borde claro */
    border-top: 4px solid #007BFF;
    /* Borde azul (Color Primario) */
    border-radius: 50%;
    /* Circular */
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    /* Animación */
    z-index: 99999;
    /* Asegurarse de que esté por encima de otros elementos */
}

.popup-centro {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: white;
    font-size: 0.9em;
    padding: 1rem 1.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    width: 90vw;
    /* Fuerza a ocupar el 90% del ancho de la pantalla */
    max-width: 380px;
    /* Limita el ancho máximo en pantallas grandes */
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #333;
    box-sizing: border-box;
    /* Asegura que el padding no desborde el ancho */
}

@media (max-width: 600px) {
    .popup-centro {
        font-size: 0.8em;
    }
}

.popup-centro .popup-close {
    position: absolute;
    top: 4px;
    right: 4px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #888;
}

.popup-centro .popup-close:hover {
    color: #333;
}

#appContextMenu ul {
    padding: 0;
    margin: 0;
    min-width: 150px;
}

#appContextMenu .menu-item {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
}

#appContextMenu .menu-item:hover {
    background: #007bff;
    color: white;
}

/* --- Estilos comunes para todos los modales --- */
#customConfirmModal,
#customAlertModal,
#customPromptModal {
    width: 100%;
}

#customConfirmModal>div,
#customAlertModal>div,
#customPromptModal>div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Texto del mensaje */
#customConfirmModal p,
#customAlertModal p,
#customPromptModal p {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #222;
    text-align: center;
}

/* Input del prompt */
#customPromptModal input {
    width: 100%;
    padding: 0.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    border: 1px solid #999;
    border-radius: 5px;
    box-sizing: border-box;
}

/* Mensaje de error en el prompt */
#customPromptModal #modalPromptError {
    color: red;
    font-size: 0.85rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

/* Botones */
#customConfirmModal button,
#customAlertModal button,
#customPromptModal button {
    min-width: 90px;
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
}

#customConfirmModal button:hover,
#customAlertModal button:hover,
#customPromptModal button:hover {
    opacity: 0.85;
}

/* Botones específicos */
#modalConfirmBtn,
#modalPromptConfirmBtn {
    background: #007bff;
    color: white;
}

#modalCancelBtn,
#modalPromptCancelBtn {
    background: #ccc;
    color: #222;
}

#modalCloseBtn {
    background: #007bff;
    color: white;
}



@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Estilo del botón pequeño */
button.small-button {
    font-size: 12px;
    padding: 2px 4px;
    border: 1px solid #007BFF;
    background-color: #E0F0FF;
    color: #007BFF;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

button.small-button:hover {
    background-color: #007BFF;
    color: #FFF;
}

button.small-button:active {
    background-color: #0056b3;
    border-color: #004080;
}

select.small-select {
    font-size: 12px;
    padding: 2px 4px;
    border: 1px solid #007BFF;
    background-color: #E0F0FF;
    color: #007BFF;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    outline: none;
}

select.small-select:hover {
    background-color: #007BFF;
    color: #FFF;
}

select.small-select:focus {
    border-color: #0056b3;
    box-shadow: 0 0 4px rgba(0, 91, 187, 0.5);
}

select.small-select:disabled {
    background-color: #f0f0f0;
    color: #aaa;
    border-color: #ddd;
    cursor: not-allowed;
}

input {
    font-size: 12px;
    padding: 2px 4px;
    border: 1px solid #007BFF;
    background-color: #E0F0FF;
    color: #007BFF;
    border-radius: 4px;
    cursor: text;
    /* Cambia cursor a text, ya que es un campo de entrada */
    transition: all 0.2s ease-in-out;
    outline: none;
}

input {
    border-color: #0056b3;
    /* Cambia el color del borde al enfocar */
    background-color: #D0E8FF;
    /* Ajusta ligeramente el fondo */
}

/* Cambiar el tamaño del control de capas */
.leaflet-control-layers-toggle {
    width: 32px !important;
    height: 32px !important;
    background-image: url(../img/layers.png) !important;
}

/* Cambiar el tamaño de los checkboxes y etiquetas dentro del control */
.leaflet-control-layers-overlays label {
    font-size: 12px;
    /* Cambiar el tamaño de la fuente de las etiquetas */
}

.labelMedida {
    background-color: rgba(255, 255, 255, 0.6);
    /* Fondo blanco semi-transparente */
    border: 1px solid #007bff;
    /* Borde azul */
    border-radius: 5px;
    /* Esquinas redondeadas */
    text-align: center;
    /* Centra el texto */
    font-size: 12px;
    /* Tamaño de fuente */
    padding: 0 5px;
    /* 0px arriba y abajo, 5px a la izquierda y derecha */
    font-weight: bold;
    /* Texto en negrita */
    width: auto !important;
    /* Asegura que el ancho se ajuste automáticamente al contenido */
    white-space: nowrap;
    /* Evita que el contenido se divida en varias líneas */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    /* Sombra para un efecto de profundidad */
}

@media (max-width: 600px) {
    .mens {
        font-size: 0.8em;
    }
}

.mens {
    visibility: hidden;
    /* Hidden by default. Visible on click */
    font-size: 0.9em;
    min-width: 100px;
    /* Set a default minimum width */
    background-color: #004173;
    /* Blue background color */
    color: #fff;
    /* White text color */
    text-align: center;
    /* Centered text */
    border-radius: 10px;
    /* Rounded borders */
    padding: 8px;
    /* Padding */
    position: fixed;
    /* Sit on top of the screen */
    z-index: 5;
    /* Add a z-index if needed */
    left: 50%;
    /* Center the div horizontally */
    transform: translateX(-50%);
    /* Move the div backwards by half of its own width */
    width: auto;
    /* Permite que el ancho del popup se ajuste automáticamente al tamaño del contenido */
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#menstop {
    top: 55px;
    /* 55px desde la parte superior del contenedor */
}

#mensbot {
    bottom: 200px;
    /* 15px desde la parte inferior del contenedor */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.mens.show {
    visibility: visible;
    /* Show the mensaje */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
	However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.hidden {
    display: none !important;
}

.center {
    text-align: center;
}

/* Parpadeo imagen */

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blink {
    animation: blink 1s infinite;
}

.boton-redondo {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.boton-centrar {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFkSURBVEhL1ZUtUMNAEIXjKpHISiQSiaysRCKRlZW4SiSysrKyshKJRCIrK7H0fektbDN7uaQ/M/Bm3qR7vezP271L1RPrxIvhfwa4Eh/EV3GbOBcfxWvxJEzFL/Fb3IgW4DOtwZk4EHuBrFciDsj2VgReohsR5+z5SHZn4IRMkcEj6sG9SHVURWJFPItk1XQOWIvW70SkXNRWC4YiG5GlLyYiiY1qKwOyY1MvPRNoNLK+1FYGZI6WOVBhW/Cl+L7/+QtrnDUWmu31ZpKoDo5ZSGCP7bfxNRseGOjPRJjtA+DUAjyxkFAM4BGW6IAznOcOVknin0noNM8BcN46gaazl6ArOAu862UNwWGhF9G08HLkgIrJniujeC+xmUazmbH0iBpn91YuqRDcLzayXNWGZgBkIXOcF6Vpgrv+TURXnPA94Ak5rVTIfzzttj0KZEZfkA2HkMoY6baRPQpRD86KvxagqnYnfXUHFofqmAAAAABJRU5ErkJggg==") no-repeat center center;
    background-color: #f0f0f0;
}

/* Estilo cuando se activa */
.boton-centrar-activado {
    background-color: rgba(255, 100, 0, 1);
    /* anaranjado */
}

/* Define un estilo para resaltar texto como un h4 rojo */
.texto-xte {
    font-size: 1.1em;
    /* Tamaño de un h4 (aproximadamente, puede variar entre navegadores) */
    color: red;
    /* Color rojo */
    font-weight: bold;
    /* Los h4 suelen ser en negrita */
    padding: 2px 5px;
}

.btnRutaOn {
    background-color: rgba(0, 255, 0, 0.4);
    /* Verde transparente */
    color: #000;
}

.btnRutaRegistroOn {
    background-color: rgba(255, 0, 0, 0.4);
    /* Color rojo transparente */
    color: #fff;
}

.leaflet-popup-content-wrapper {
    background: transparent;
    background-color: rgba(255, 255, 255, 0.7);
}

.leaflet-container {
    height: 400px;
    width: 600px;
    max-width: 100%;
    max-height: 100%;
}

.custom-control leaflet-control {
    font-size: 12px;
    /* Ajusta el tamaño de fuente */
    padding: 0px;
    /* Ajusta el espacio interno */
    margin-left: 0px;
    border-radius: 5px;
    /* Ajusta los bordes redondeados */
}

.control-principal {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: 'center';
    margin: '10px 5px 10px 10px';
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    /* Ajusta el padding a la izquierda */
    padding-right: 5px;
    /* Ajusta el padding a la derecha */
    border-radius: 5px;
    /* Ajusta los bordes redondeados */
}

.polyline-draw-icon {
    background-image: url('../img/route_icon.svg');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
    background-position: center center;
    /* Centra la imagen */
}

/* Icono del waypoint: div que contiene el SVG */
.waypoint-icon {
    background-color: transparent;
    border: none;
    display: block;
    width: 15px;
    /* ICONO MÁS PEQUEÑO: 15px de ancho */
    height: 15px;
    /* ICONO MÁS PEQUEÑO: 15px de alto */
}

/* SVG de la flecha: A este le aplicaremos la rotación */
.waypoint-icon svg {
    fill: white;
    stroke: #333;
    stroke-width: 1.5px;
    /* Puedes ajustar el grosor del borde si es necesario */
    width: 100%;
    /* Ocupa el 100% del div .waypoint-icon */
    height: 100%;
    /* Ocupa el 100% del div .waypoint-icon */
    transform-origin: center center;
    transform: none;
    /* Asegura que no haya transformaciones CSS por defecto */
}


.color-picker-container {
    display: flex;
    /* Alinear elementos en fila */
    align-items: center;
    /* Centrar verticalmente */
    justify-content: space-between;
    /* Separar elementos (opcional si el espacio es importante) */
}

.small-color-picker {
    width: 20px;
    /* Ajusta el tamaño horizontal */
    height: 20px;
    /* Ajusta el tamaño vertical */
    margin-left: auto;
    /* Empuja el input hacia la derecha */
}

/* Estilos control rainviewer */

.leaflet-control-rainviewer-active {
    width: auto;
    height: auto;
    background-color: #fff;
    padding: 10px 10px;
}

.leaflet-control-rainviewer-active a.leaflet-control-rainviewer-button {
    display: none;
}

.leaflet-control-rainviewer-container {
    margin: auto;
    text-align: center;
    position: relative;
}

.leaflet-control-rainviewer-timestamp {
    text-align: center;
    margin: auto;
    clear: both;
}

.leaflet-control-rainviewer a.leaflet-control-rainviewer-button {
    background: #fff url(../img/rainviewer.png) no-repeat 0 0;
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-rainviewer a {
    background-position: 2px 2px;
}

.sprites {
    background: url(data:image/png;base64,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);
    width: 25px;
    height: 25px;
    opacity: 1;
    display: inline-block
}