/* SECCIÓN REGIONAL */

.region{
  padding:100px 8%;
  background:linear-gradient(180deg,#050816 0%, #020617 100%);
  color:white;
}

.region-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  flex-wrap:wrap;
}

/* TEXTO */

.region-content{
  flex:1;
  min-width:300px;
}

.region-tag{
  color:#00E5FF;
  letter-spacing:1px;
  margin-bottom:10px;
  font-weight:600;
}

.region h2{
  font-family:'Orbitron', sans-serif;
  font-size:2.5rem;
  margin-bottom:20px;
}

.region p{
  color:#cbd5e1;
  margin-bottom:20px;
}

/* LISTA */

.region-list li{
  margin-bottom:12px;
  font-size:0.95rem;
  color:#94a3b8;
}

.region-list strong{
  color:white;
}

/* CARD DERECHA */

.region-card{
  flex:1;
  min-width:280px;

  padding:30px;
  border-radius:16px;

  background:rgba(0,229,255,0.05);
  border:1px solid rgba(0,229,255,0.2);

  backdrop-filter: blur(10px);

  text-align:center;

  position:relative;
  overflow:hidden;
}

/* EFECTO GLOW */

.region-card::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-50%;
  width:200%;
  height:200%;

  background:radial-gradient(circle, rgba(0,229,255,0.15) 0%, transparent 70%);
  animation:rotateGlow 8s linear infinite;
}

@keyframes rotateGlow{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

/* TEXTO CARD */

.region-card p{
  position:relative;
  z-index:2;
}

.region-card .title{
  color:#00E5FF;
  font-weight:bold;
  margin-bottom:10px;
}

.region-card .desc{
  font-size:0.9rem;
  color:#94a3b8;
}
@media (max-width: 768px){

  .region{
    padding:70px 5%;
    text-align:center;
  }

  .region h2{
    font-size:2rem;
  }

  .region-container{
    flex-direction:column;
  }

}
.region{
  background:
    linear-gradient(rgba(5,8,22,0.9), rgba(5,8,22,0.95)),
    url('./img/tu-imagen-fondo.png') center/cover no-repeat;
}