*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{

background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url("https://www.transparenttextures.com/patterns/diamond-upholstery.png");

background-size:cover;
color:white;
}

/* CONTENEDOR */

.container{

max-width:1200px;
margin:auto;
padding:40px 20px;

}

/* HEADER */

.header{

text-align:center;
margin-bottom:40px;

}

.header img{

width:160px;
margin-bottom:15px;

}

.header h1{

font-size:42px;
letter-spacing:2px;

}

.header span{

color:#2ecc71;
}

/* INFORMACIÓN */

.info{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;

}

/* TARJETAS */

.card{

background:rgba(255,255,255,0.08);
backdrop-filter:blur(8px);
border-radius:15px;
padding:25px;
transition:0.3s;
border:1px solid rgba(255,255,255,0.15);

}

.card:hover{

transform:translateY(-5px);
background:rgba(255,255,255,0.15);

}

.card h2{

margin-bottom:10px;
color:#27ae60;

}

.card p{

line-height:1.6;

}

/* COBERTURA */

.coverage{

margin-top:50px;
text-align:center;

}

.coverage h2{

margin-bottom:20px;

}

.states{

display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;

}

.state{

background:#27ae60;
padding:10px 18px;
border-radius:20px;
font-size:14px;

}

/* FOOTER */

.footer{

margin-top:60px;
text-align:center;
font-size:14px;
opacity:0.8;

}