body{
  margin:0;
  font-family:'Segoe UI', sans-serif;
  background:linear-gradient(180deg,#4fc3f7,#0d47a1);
  color:white;
}

header{
  padding:15px;
  background:rgba(0,0,0,0.3);
}

.hero{
  text-align:center;
  padding:80px 20px;
}

.title{
  font-size:clamp(2rem,5vw,3rem);
  background:linear-gradient(90deg,#fff,#4fc3f7);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

select{
  margin-top:20px;
  padding:12px;
  border-radius:15px;
  border:none;
}

.lista{
  padding:20px;
}

.tabla{
  width:100%;
  border-collapse:collapse;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(15px);
}

.tabla th, .tabla td{
  padding:10px;
}

.tabla th{
  background:rgba(0,0,0,0.3);
}

.tabla tr:nth-child(even){
  background:rgba(255,255,255,0.05);
}

/* MOBILE */
@media(max-width:768px){
  .tabla th, .tabla td{
    font-size:12px;
  }
}

/* MOBILE */
@media(max-width:768px){

  select{
    width:90%;
  }

  .card{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .call{
    width:100%;
  }

}

body{
  margin:0;
  overflow-x:hidden;
}

@media(max-width:768px){

  select{
    width:90%;
    font-size:16px;
    padding:14px;
  }

}

@media(max-width:768px){

  .tabla{
    font-size:13px;
  }

  .tabla th, .tabla td{
    padding:8px;
  }

}

.lista{
  padding:15px;
  max-width:900px;
  margin:auto;
}

.tabla{
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

a{
  display:inline-block;
  padding:6px 10px;
}

.hero{
  padding:60px 15px;
}