@charset "utf-8";
/* CSS Document */

.oasa-portada {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding: 3rem 2rem;
  background-color: #fff;
  text-align: center;
}

.boton-portada {
  cursor: pointer;
  transition: transform 0.3s;
}

.boton-portada:hover {
  transform: translateY(-5px);
}

.imagen-contenedor {
  width: 190px;
  height: 190px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}

.imagen-contenedor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-in-out;
}

.boton-portada p {
  margin-top: 0.8rem;
  font-weight: 600;
  color: #000000; /* Azul del logo */
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size:1.3rem;
}

/* 🌐 Responsividad */


.portada-Promo {	
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
    padding: 3rem 2rem;
	background-color:#001b7a; color:#FFFFFF;
}
.portada-Promo h1, .portada-Promo h2 { color:#FFF; }


.portadaDosC { overflow:hidden; }

.dosCol-por { width:50%; float:left; }

.porBnv { padding:15px; }

.portadaBienv {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding:15px 0;
}

.portadaBienv p, .textoBienv p {
	font-size:1.4rem;
	font-weight:300;
	margin-bottom:1.3rem;
}


.portadaBienv img { border-radius: 12px;
	display: block; }


/* Tablets (hasta 1024px): 2 columnas */
@media (max-width: 1024px) {
  .oasa-portada {
    grid-template-columns: repeat(2, 1fr);
  }
 
}

/* Móviles (hasta 600px): 1 columna */
@media (max-width: 600px) {
  .oasa-portada {
    grid-template-columns: 1fr;
  }
   .portada-Promo, .portadaBienv {
	  grid-template-columns: 1fr;
  }
  
  .dosCol-por { width:100%; clear:left; } 
  
  .portadaBienv img { margin:auto; margin-bottom:30px; }
  
}


.video-portada {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.video-portada video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: none;
}