@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';


        .hero-section {
            position: relative;
            overflow: hidden;
        }

        .hero-slide {
            min-height: clamp(22rem, 60vh, 36rem);
            background-position: center;
            background-size: cover;
            display: flex;
            align-items: center;
            color: #fff;
        }

        .hero-overlay {
            background: linear-gradient(135deg, rgba(10, 16, 28, 0.85), rgba(19, 33, 63, 0.65));
            width: 100%;
            padding: clamp(3rem, 5vw, 5rem) 0;
        }

        .hero-caption h1,
        .hero-caption h2 {
            font-weight: 700;
        }

        main {
            flex-grow: 1;
        }

  

        @media (max-width: 991px) {
            .site-header .navbar-collapse {
                padding: 1rem 0;
            }
        }
*,
main,
nav,
input,
select,
textarea {
  border-radius: 0;}

body{
    overflow-x: hidden;
}

/**
 * Banner de Cookies - Estilos principales
 * Usamos CamelCase para las clases según las instrucciones del proyecto.
 */
.cookieBannerContainer {
  position: fixed; /* Mantenemos el banner fijo en la parte inferior */
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(10, 16, 28, 0.98); /* Fondo oscuro con ligera transparencia */
  color: #ffffff;
  z-index: 10000; /* Aseguramos que esté por encima de otros elementos como el footer */
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.4);
  padding: 1.5rem 0;
  border-top: 2px solid #ffc107; /* Borde superior resaltado (warning color) */
  transition: transform 0.3s ease-in-out;
}

/* Clase para ocultar el banner mediante JS */
.cookieBannerHidden {
  display: none !important;
}

/* Estilo para el enlace de política de cookies dentro del banner */
.cookieBannerLink {
  color: #ffc107; /* Usamos el mismo color que el botón de advertencia */
  text-decoration: underline;
  transition: color 0.2s ease;
}

.cookieBannerLink:hover {
  color: #ffffff;
}