/* =====================================================
   VISA AMERICANA - BASE GLOBAL
===================================================== */

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

/* Contenedor */
.visa-wrap{
  width:90%;
  max-width:1200px;
  margin:0 auto;
  padding:60px 0;
}

/* Botón Global (USA) */
.visa-btn{
  display:inline-block;
  background:#002e57;        /* azul marino */
  color:#ffffff;
  padding:16px 36px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  transition:0.3s ease;
}

.visa-btn:hover{
  background:#ed1f2a;        /* hover rojo */
}


/* =====================================================
   SECCIÓN 1, 2 Y 3 - ESTILO TIPO VISA CANADÁ (2 COL)
===================================================== */

.visa-hero-section{
  padding:70px 0;
  background:#f6f7f9;
}

/* Grid principal (Texto + Imagen) */
.visa-hero-grid{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap:70px;
  align-items:center;
  margin-bottom:35px;
}

.visa-hero-left{
  text-align:left;
}

.visa-hero-right{
  text-align:center;
}

/* Títulos */
.visa-hero-title{
  font-size:58px;
  font-weight:800;
  line-height:1.05;
  margin:0 0 18px 0;
  color:#0b2239;
}

/* Texto */
.visa-hero-text{
  font-size:18px;
  line-height:1.7;
  margin:0 0 26px 0;
  color:#444;
}

/* Imagen en el hero */
.visa-hero-img{
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  max-width:340px;
}

/* Ajustes por imagen específica (si quieres limitar diferente) */
.visa-arancel-hero-img{ max-width:280px; }
.visa-renovacion-hero-img{ max-width:320px; }
.visa-primera-hero-img{ max-width:320px; }

/* Card principal debajo (tipo Canadá) */
.visa-hero-card{
  background:#ffffff;
  border-radius:20px;
  padding:50px;
  max-width:980px;
  margin:0 auto;
  box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

.visa-hero-card h3{
  font-size:28px;
  margin:0 0 25px 0;
  color:#0b2239;
}

.visa-hero-card ul{
  padding-left:20px;
  margin:0;
}

.visa-hero-card li{
  font-size:18px;
  margin-bottom:18px;
  line-height:1.6;
}

/* Bloques arancel */
.arancel-block{
  margin-bottom:30px;
}

.arancel-block p{
  font-size:18px;
  line-height:1.6;
  margin-bottom:8px;
}

.arancel-final{
  font-size:18px;
  margin-top:25px;
  line-height:1.6;
}


/* =====================================================
   SECCIÓN 4 - CONSULADOS  (NO MOVER)
===================================================== */

.visa-consulados-section{
  padding:60px 0;
  background:#f6f7f9;
  color:#111111;
}

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

/* Mover mapa ligeramente hacia izquierda */
.visa-consulados-grid > div:first-child{
  position:relative;
  left:-135px;
}

.visa-consulados-img{
  width:150%;
  max-width:none;
}

.visa-consulados-title{
  font-size:56px;
  font-weight:800;
  line-height:1.05;
  margin-bottom:20px;
}

.visa-consulados-text{
  font-size:18px;
  line-height:1.7;
  margin-bottom:40px;
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}

.visa-consulados-subtitle{
  font-size:26px;
  font-weight:700;
  margin-bottom:20px;
}

.visa-consulados-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 60px;
  list-style:none;
  padding:0;
  margin:0;
}

.visa-consulados-list li{
  font-size:18px;
  margin-bottom:8px;
}

.visa-consulados-grid > div:last-child{
  text-align:center;
}


/* =====================================================
   SECCIÓN 5 - ENTREGA VISA  (NO MOVER)
   (Aquí sí te dejo el estilo completo para que NO se vea “movida”)
===================================================== */

.visa-entrega-section{
  padding:60px 0;
  background:#f6f7f9;
}

.visa-entrega-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:80px;
  align-items:center;
}

.visa-entrega-title{
  font-size:56px;
  font-weight:800;
  line-height:1.05;
  margin-bottom:18px;
  color:#111111;
}

.visa-entrega-text{
  font-size:18px;
  line-height:1.7;
  margin-bottom:22px;
  color:#000000;
}

.visa-entrega-subtitle{
  font-size:26px;
  font-weight:700;
  margin:25px 0 18px 0;
  color:#000000;
}

.entrega-block{
  background:#ffffff;
  padding:24px;
  border-radius:18px;
  margin-bottom:18px;
  box-shadow:0 12px 30px rgba(0,0,0,0.05);
}

.entrega-option{
  margin:0 0 10px 0;
  font-size:18px;
  color:#000000;
}

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

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

.visa-entrega-img{
  width:100%;
  max-width:520px;
  height:auto;
  display:block;
  margin-left:auto;
}

/* =====================================================
   SECCIÓN 6 - CITAS VISA AMERICANA
===================================================== */

.visa-citas-section{
background:#f6f7f9;
padding:80px 0;
text-align:center;
}

.visa-citas-title{
font-size:56px;
font-weight:800;
color:#000000;
margin-bottom:20px;
}

.visa-citas-intro{
font-size:18px;
line-height:1.7;
max-width:700px;
margin:0 auto 50px auto;
color:#000000;
}

/* GRID */

.visa-citas-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:stretch;
}

/* TARJETAS */

.visa-cita-card{
background:#ffffff;
padding:45px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.06);
text-align:left;
transition:0.3s ease;
}

.visa-cita-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* ICONO */

.visa-cita-icon img{
width:80px;
margin-bottom:20px;
}

/* TITULO */

.visa-cita-title{
font-size:28px;
font-weight:700;
margin-bottom:15px;
color:#0000000;
}

/* DESCRIPCIÓN */

.visa-cita-desc{
font-size:17px;
line-height:1.6;
margin-bottom:20px;
color:#000000;
}

/* LISTA */

.visa-cita-list{
padding-left:20px;
margin-bottom:20px;
}

.visa-cita-list li{
font-size:17px;
margin-bottom:10px;
}

/* NOTA */

.visa-cita-note{
font-size:16px;
color:#555;
line-height:1.6;
}

/* RESPONSIVE */

@media (max-width:980px){

.visa-citas-grid{
grid-template-columns:1fr;
gap:30px;
}

.visa-citas-title{
font-size:40px;
}

}

/* =====================================================
   SECCIÓN 7 - CTA FINAL VISA AMERICANA
===================================================== */

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

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

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

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

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

.usa-cta-btn:hover{
background:#ed1f2a;
transform:translateY(-3px);
}

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

@media (max-width:980px){

  /* Secciones 1-3 */
  .visa-hero-grid{
    grid-template-columns:1fr;
    gap:35px;
    text-align:center;
  }

  .visa-hero-left{
    text-align:center;
  }

  .visa-hero-title{
    font-size:42px;
  }

  .visa-hero-card{
    padding:30px;
  }

  /* Consulados */
  .visa-consulados-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .visa-consulados-title{
    font-size:42px;
  }

  .visa-consulados-list{
    grid-template-columns:1fr;
  }

  /* Entrega */
  .visa-entrega-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .visa-entrega-title{
    font-size:42px;
  }

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