/* =====================================================
   VISA CANADIENSE - BASE
===================================================== */

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


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

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


/* =====================================================
   TIPOGRAFÍA GENERAL
===================================================== */

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

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


/* =====================================================
   BOTÓN CTA
===================================================== */

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

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


/* =====================================================
   SECCIÓN 1 - HERO
===================================================== */

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

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


/* CARD REQUISITOS */

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

.canada-card h3{
font-size:28px;
margin-bottom:25px;
color:#000;
}

.canada-card ul{
padding-left:20px;
}

.canada-card li{
font-size:18px;
margin-bottom:18px;
line-height:1.6;
color:#000;
}


/* =====================================================
   SECCIÓN 2 - ARANCEL
===================================================== */

.canada-arancel-section{
background:#ffffff;
padding:80px 0;
}

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

.canada-arancel-img{
max-width:220px;
margin-top:30px;
}

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

.canada-arancel-card h3{
font-size:26px;
margin-bottom:30px;
color:#000;
}

.canada-arancel-block{
margin-bottom:30px;
}

.canada-arancel-subtitle{
font-weight:700;
font-size:20px;
margin-bottom:5px;
color:#000;
}

.canada-arancel-note{
margin-top:30px;
font-size:16px;
line-height:1.6;
color:#000;
}


/* =====================================================
   SECCIÓN 3 - TIEMPOS
===================================================== */

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

.canada-tiempo-header{
max-width:700px;
margin:0 auto 60px auto;
}

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

.canada-tiempo-text{
font-size:18px;
line-height:1.7;
color:#000;
}


/* GRID TARJETAS */

.canada-tiempo-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
}


/* TARJETAS */

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

.canada-tiempo-card h3{
font-size:22px;
margin-bottom:15px;
color:#000;
}

.canada-tiempo-card p{
font-size:17px;
line-height:1.6;
color:#000;
}

.canada-tiempo-card ul{
padding-left:20px;
}

.canada-tiempo-card li{
margin-bottom:10px;
font-size:17px;
color:#000;
}

.canada-tiempo-number{
font-size:36px;
font-weight:700;
color:#000;
margin-bottom:10px;
}


/* =====================================================
   SECCIÓN 4 - ENTREGA
===================================================== */

.canada-entrega-section{
background:#ffffff;
padding:80px 0;
}

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

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

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

.canada-entrega-subtitle{
font-size:26px;
font-weight:700;
margin-bottom:20px;
color:#000;
}

.canada-entrega-block{
margin-bottom:30px;
}

.canada-entrega-option{
font-size:20px;
margin-bottom:10px;
color:#000;
}

.canada-entrega-block ul{
padding-left:20px;
}

.canada-entrega-block li{
font-size:18px;
margin-bottom:10px;
line-height:1.6;
color:#000;
}

.canada-entrega-img{
width:100%;
max-width:450px;
display:block;
margin-left:auto;
}


/* =====================================================
   SECCIÓN 5 - INFORMACIÓN IMPORTANTE
===================================================== */

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

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


/* IMAGEN MAPLE */

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


/* GRID TARJETAS */

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


/* TARJETAS */

.canada-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;
}

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

.canada-info-card h3{
font-size:22px;
margin-bottom:15px;
color:#000;
}

.canada-info-card p{
font-size:17px;
line-height:1.6;
color:#000;
}

.canada-info-card ul{
padding-left:20px;
margin-top:10px;
}

.canada-info-card li{
font-size:17px;
margin-bottom:10px;
color:#000;
}

/* =====================================================
   SECCIÓN 6 - CTA FINAL
===================================================== */

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

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

.canada-cta-title{
font-size:48px;
font-weight:800;
color:#000;
margin-bottom:20px;
max-width:800px;
margin-left:auto;
margin-right:auto;
}

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

.canada-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;
}

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

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

@media (max-width:980px){

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

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

.canada-tiempo-grid{
grid-template-columns:1fr;
gap:30px;
}

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

.canada-info-grid{
grid-template-columns:1fr;
gap:30px;
}

.canada-title,
.canada-arancel-title,
.canada-entrega-title,
.canada-tiempo-title,
.canada-info-title{
font-size:40px;
}

.canada-card,
.canada-arancel-card{
padding:30px;
}

.canada-entrega-img{
margin:0 auto;
}

}

/* =====================================================
   EFECTO HOVER GLOBAL PARA TODAS LAS CARDS
===================================================== */

.canada-card,
.canada-arancel-card,
.canada-tiempo-card,
.canada-info-card{
transition:0.25s ease;
}

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