.header_logo { background-image: url(Images/HeaderLogo.jpg); display: block; width: 310px; height: 56px; background-size: 310px auto; background-repeat: no-repeat; background-position: left center; margin-top: -0.5rem; margin-bottom: -0.5rem; margin-right: 1rem; }

.blur { -webkit-filter: blur(5px); filter: blur(5px); }

.fa-caret-up { transition: all 0.3s ease; }

.btn.collapsed .fa-caret-up { transform: rotate(180deg); }

.animation-fade-down { animation: fade-down 1.5s; }

@keyframes fade-down {
	0% { opacity: 0; transform: translateY(-30px) scale(0.9); }

	100% { opacity: 1; transform: translateY(-0px) scale(1); }
}

.sticky-header { position: sticky; top: 0; }

.table-md { display: block; overflow-x: auto; }

.autocomplete-select { background-color: white; border: 1px solid #ccc; max-height: 800px; /* Limitar el tamaño máximo de la lista */ overflow-y: auto; /* Activar scroll si hay demasiadas opciones */ position: absolute; /* Asegurar que esté posicionado correctamente */ z-index: 1000; /* Asegurarse de que aparezca encima de otros elementos */ width: 100%; /* Asegurar que se ajuste al ancho del input */ display: none; /* Ocultar inicialmente */ }

.map-marker { display: block; background: url(Images/MapMarker.png); width: 16px; height: 28px; background-size: 16px 28px; position: relative; cursor: pointer; }
.map-marker * { display: none; }
.map-marker div { position: absolute; color: #000000; font-size: 1.5em; line-height: 24px; text-align: center; width: min-content; transform: translateX(-50%); bottom: 35px; left: 7px; background: rgba(255, 255, 255, 0.85); padding: 1px 5px 1px 5px; border-radius: 3px; border: solid 1px #303030; font-family: consolas; box-shadow: 5px 5px 5px rgba(0,0,0,0.4); white-space: nowrap; }
.map-marker div span.code { font-weight: bold; }
.map-marker div span.species { font-weight: normal; font-size: 0.9em; opacity: 0.8; }

.map-marker.highlightGoogleMapMarker { background-image: url(Images/MapMarkerHighlight.png); }
.map-marker.highlightGoogleMapMarker * { display: revert; }

.map-marker-bank div { font-family: sans-serif; }

.hover-underline { text-decoration: none; }
.hover-underline:hover { text-decoration: underline; }


@media (max-width: 575.98px) {
	.rowDynamicSearch { border-bottom: solid 2px #D0D0D0; margin-bottom: 1em; border-bottom-style: dotted; }
	.rowDynamicSearch .frm { margin-left: 2em; flex-shrink: unset; }
}

@media print {

	body { font-size: 75%; }

	/* Márgenes de la página al imprimir */
	@page { size: auto; /* Configura automáticamente la orientación de la página */ margin: 15mm, 15mm, 20mm, 20mm; /* Márgenes específicos de impresión */ }

	.print-no-break { break-inside: avoid; page-break-inside: avoid; }
}