/* =====================================================
   eTA CANADÁ - BASE
===================================================== */

.eta-page{
background:#ffffff;
font-family:'Poppins', sans-serif;
color:#000;
}


/* =====================================================
   CONTENEDOR GLOBAL
===================================================== */

.eta-wrap{
width:90%;
max-width:1200px;
margin:0 auto;
padding:80px 0;
}


/* =====================================================
   HERO
===================================================== */

.eta-hero-section{
background:#ffffff;
}

.eta-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.eta-left{
max-width:520px;
margin-left:40px;
}

.eta-title{
font-size:56px;
font-weight:800;
line-height:1.05;
color:#000;
margin-bottom:20px;
}

.eta-text{
font-size:18px;
line-height:1.7;
color:#000;
margin-bottom:30px;
}

.eta-btn{
display:inline-block;
background:#ed1f2a;
color:#ffffff;
padding:16px 36px;
border-radius:999px;
font-weight:600;
text-decoration:none;
transition:0.3s ease;
}

.eta-btn:hover{
background:#002e57;
}

.eta-hero-img{
width:100%;
max-width:400px;
display:block;
margin-left:auto;
}


/* =====================================================
   COSTOS
===================================================== */

.eta-cost-section{
background:#ffffff;
padding:80px 0;
}

.eta-cost-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.eta-cost-title{
font-size:52px;
font-weight:800;
color:#000;
margin-bottom:20px;
}

.eta-cost-text{
font-size:18px;
line-height:1.7;
color:#000;
margin-bottom:30px;
max-width:520px;
}

.eta-cost-img{
max-width:220px;
margin-top:30px;
}

.eta-cost-card{
background:#f6f7f9;
padding:50px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

.eta-cost-card h3{
font-size:26px;
margin-bottom:30px;
}

.eta-cost-block{
margin-bottom:30px;
}

.eta-cost-subtitle{
font-weight:700;
font-size:20px;
margin-bottom:5px;
}

.eta-cost-note{
margin-top:30px;
font-size:16px;
line-height:1.6;
}


/* =====================================================
   TIEMPO APROBACIÓN
===================================================== */

.eta-time-section{
background:#ffffff;
padding:80px 0;
text-align:center;
}

.eta-time-title{
font-size:52px;
font-weight:800;
margin-bottom:20px;
}

.eta-time-text{
font-size:18px;
line-height:1.7;
max-width:650px;
margin:0 auto 60px auto;
}

.eta-time-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
}

.eta-time-card{
background:#f6f7f9;
padding:40px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
text-align:left;
}

.eta-time-card h3{
font-size:22px;
margin-bottom:15px;
}

.eta-time-number{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}


/* =====================================================
   INFO
===================================================== */

.eta-info-section{
background:#ffffff;
padding:90px 0;
text-align:center;
}

.eta-info-title{
font-size:52px;
font-weight:800;
margin-bottom:20px;
}

.eta-info-img{
max-width:90px;
margin:20px auto 50px auto;
display:block;
}

.eta-info-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
max-width:1100px;
margin:0 auto;
}

.eta-info-card{
background:#f6f7f9;
padding:40px;
border-radius:20px;
box-shadow:0 12px 30px rgba(0,0,0,0.05);
text-align:left;
transition:0.25s ease;
}

.eta-info-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.08);
}

.eta-info-card h3{
font-size:22px;
margin-bottom:15px;
}

.eta-info-card p{
font-size:17px;
line-height:1.6;
}


/* =====================================================
   CTA FINAL
===================================================== */

.eta-cta-section{
background:#ffffff;
padding:100px 0;
text-align:center;
}

.eta-cta-img{
max-width:90px;
margin:0 auto 25px auto;
display:block;
}

.eta-cta-title{
font-size:48px;
font-weight:800;
margin-bottom:20px;
}

.eta-cta-text{
font-size:18px;
line-height:1.7;
color:#444;
margin-bottom:35px;
max-width:650px;
margin-left:auto;
margin-right:auto;
}

.eta-cta-btn{
display:inline-block;
background:#ed1f2a;
color:#ffffff;
padding:18px 40px;
border-radius:999px;
font-size:18px;
font-weight:600;
text-decoration:none;
transition:0.25s ease;
}

.eta-cta-btn:hover{
background:#002e57;
transform:translateY(-3px);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:980px){

.eta-grid{
grid-template-columns:1fr;
gap:40px;
}

.eta-cost-grid{
grid-template-columns:1fr;
gap:40px;
}

.eta-time-grid{
grid-template-columns:1fr;
}

.eta-info-grid{
grid-template-columns:1fr;
}

.eta-title,
.eta-cost-title,
.eta-time-title,
.eta-info-title{
font-size:40px;
}

.eta-cost-card{
padding:30px;
}

.eta-hero-img{
margin:0 auto;
}

}