html, body{
   height:100%;
}

body{
   background: url('../sitio_imgs/fondo_Organos.png') no-repeat center center;
   background-size: cover;
   background-attachment: fixed;
   overflow-x:hidden;
   font-family: 'Montserrat', sans-serif;
}

/* CONTENEDOR */
.organo{
   display:flex;
   flex-direction:column;
   align-items:center;
   text-align:center;
   background: transparent;
}

/* TITULO */
.organo h1{
   font-size:40px;
   font-weight:700;
   margin-bottom:40px;
	margin-top:85px;
	margin-left:-155px; 
   color:#ffffff;
	justify-content:center;
	font-family: 'Montserrat', sans-serif;
}

/* IMAGEN */
.imagen{
   display:flex;
   justify-content:center;
   width:100%;
}

.imagen img{
   display:block;
   width:90%;
   max-width:1100px;
   border-radius:20px;
}

/* 🔥 CONTENEDOR CARDS CORREGIDO */
.cards{
   display:flex;
   justify-content:center;
   align-items:center;
   gap:25px;
   flex-wrap:wrap;
   width:100%;              /* 🔥 cambio clave */
   max-width:1100px;
   margin:-80px auto 20px -137px;     /* centrado correcto */
}

/* CARD */
.card{
   width:200px;
   height:300px;
   
   background:#e51c3b;
   border-radius:30px;

   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;

   background: rgba(229, 28, 59, 0.85);
   backdrop-filter: blur(10px);
   transition: all 0.25s ease;	
}

.card:hover{
   box-shadow: 0 15px 30px rgba(0,0,0,0.3);
   filter: brightness(1.05);
}

.card:hover img{
   transform: scale(1.1);
}

/* ICONO */
.card img{
   width:150px;
   margin-bottom:5px;
	transition: transform 0.2s ease;
}

/* TEXTO */
.card p{
   font-size:16px;
   font-weight:700;
   text-align:center;
}

/* EVITAR FONDOS BLANCOS */
.container{
   background: transparent !important;
}