/* Botón flotante */
#btnSubir {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* oculto al inicio */
    z-index: 1000;
}


/* MENU -------------------------------- */
/* Submenús anidados */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%; /* aparecerá al lado derecho del padre */
    margin-top: -1px;
    display: none; /* oculto por defecto */
}

.dropdown-submenu > .dropdown-menu.show {
    display: block; /* se mostrará cuando el JS agregue la clase show */
}


/* ------------------------------ CUERPO -- */
.slidertitulo{
    font-weight: bold; 
    font-size: 30px; 
    color: #fff; 
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.slidertexto{
    font-weight:bold; 
    font-size: 20px; 
    color: #fff; 
    color: white;
    text-shadow: 2px 2px 1px #000000;
}

/* ------------------------------ tres banners de portada -- */


.bloque-banner {
    position: relative;
    display: block;
    overflow: hidden;
    height: 300px;
    text-decoration: none;
    color: #fff;
}

/* Contenedor de la imagen */
.imagen-wrapper {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.imagen-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Zoom solo a la imagen */
.bloque-banner:hover img {
    transform: scale(1.1);
}

/* Oscurecer imagen */
.imagen-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
}

/* Texto encima */
.texto-overlay {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 2;
}

/* Estilos opcionales */
.banner3titulo {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: bold;
}

.banner3texto {
    margin: 0;
    font-size: 16px;
}

.bloque-banner,
.bloque-banner:hover,
.bloque-banner:focus,
.bloque-banner:active {
    color: #fff;
    text-decoration: none;
}

/* Asegura que títulos y textos no hereden azul */
.bloque-banner h3,
.bloque-banner p {
    color: #fff;
}

.bloque-banner:hover h3,
.bloque-banner:hover p {
    color: #fff;
}


/* ------------------------------PORTADA NUESTRA HISTORIA-- */
.portadahistoria{
    color:rgb(220, 97, 14);
}

.portadahistoriasub{
    color:rgb(220, 97, 14);
}

.fondoportadahistoria{
    background-color: rgba(245, 179, 124, 0.7);
}


/* ------------------------------ SECCIONES -- */

.texto-gris{
    color:#555555;
}

.texto-gris p{
    color:#555555;
}

.texto-negro{
    color:#000000;
}
.texto-negro p{
    color:#000000;
}

.texto-titulo-seccion{
    color:#000000;
    font-size: 2.5rem;
}


.texto-gris ul,
.texto-gris ol {
  padding-left: 3.1rem;
}

.texto-gris li {
  margin-bottom: 0.5rem;
}

/* ------------------------------ PIE -- */
.enlace-legal {
    text-decoration: none; /* evita subrayado por defecto */
}


.enlace-legal:hover {
  text-decoration: underline;
  color: inherit; /* Mantiene el mismo color */
}



/* ------------------------------ RESPONSIVE -- */