/* ==========================================
   PARQUE NACIONAL IGUAZU BRASIL
   SOLO estilos específicos de esta página
========================================== */

/* HERO específico */
.hero-brasil-parque{
  background:
    url("../../imagenes/parque-nacional-iguazu-brasil/parque-nacional-iguazu-brasil.webp") center/cover no-repeat;
}

/* INTRO más angosto */
.narrow-content{
  max-width:860px;
  margin:auto;
}

.intro-block p{
  margin:0 0 18px;
}

.intro-block p:last-child{
  margin-bottom:0;
}

/* ===== RECORRIDO DEL BUS ===== */

.park-route{
  position:relative;
  margin-top:30px;
  overflow-x:auto;
  padding-bottom:10px;
}

.park-route-line{
  position:absolute;
  top:28px;
  left:0;
  right:0;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, #092d6a, #25d366);
  z-index:0;
}

.park-route-grid{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:nowrap;
  min-width:700px;
}

.route-stop{
  flex:1;
  min-width:120px;
  text-align:center;
}

.route-stop strong{
  display:block;
  margin-bottom:6px;
  color:#092d6a;
}

.route-stop p{
  margin:0;
  font-size:.85rem;
  line-height:1.45;
  color:#52606d;
}

/* ICONOS */
.route-stop-icon{
  width:56px;
  height:56px;
  margin:0 auto 10px;
  border-radius:50%;
  background:#fff;
  border:2px solid #092d6a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
}

.route-stop-start .route-stop-icon{
  background:#092d6a;
  color:#fff;
}

.route-stop-end .route-stop-icon{
  background:#25d366;
  color:#fff;
  border-color:#25d366;
}

/* TIP verde */
.route-stop-tip{
  display:inline-block;
  margin-top:8px;
  font-size:.78rem;
  color:#25d366;
  font-weight:600;
}

/* ===== BLOQUE DE CARDS DEL SENDERO ===== */

.sendero-cards{
  margin-top:34px;
}

/* ===== LISTA TIPO PILLS ===== */

.pill-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pill-list li{
  background:#eef3f8;
  color:#41515f;
  border-radius:999px;
  padding:8px 12px;
  font-size:.9rem;
  font-weight:600;
}

/* MINI TEXTO */
.mini-tip{
  margin-top:8px;
  font-size:.85rem;
  color:#25d366;
  font-weight:600;
}

/* ===== CTA CENTRADOS ===== */

.center-actions{
  text-align:center;
  margin-top:32px;
}

/* ===== FAQ CUSTOM (porque no usás <details>) ===== */

.faq-list{
  max-width:920px;
  margin:0 auto;
  display:grid;
  gap:16px;
}

.faq-item{
  background:#fff;
  border-radius:14px;
  padding:18px 20px;
  box-shadow:0 5px 15px rgba(0,0,0,.06);
}

.faq-item h3{
  margin:0 0 10px;
  font-size:1.05rem;
  line-height:1.35;
  color:#1e272e;
}

.faq-item p{
  margin:0;
  color:#4b5966;
}

/* ===== AJUSTES FINOS SOBRE MAIN ===== */

.card-content p:last-child{
  margin-bottom:0;
}

.faq-item p:last-child{
  margin-bottom:0;
}

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

@media (max-width:768px){

  .route-stop-icon{
    width:52px;
    height:52px;
    font-size:1.1rem;
  }

  .faq-item{
    padding:16px 18px;
  }

  .park-route-grid{
    min-width:620px;
  }

  .sendero-cards{
    margin-top:28px;
  }
}

/* Cards actividades más premium */
.actividades-cards .rich-card img{
  height:240px;
  object-fit:cover;
}

.actividades-cards .card-body{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.actividades-cards .cta-btn{
  margin-top:auto;
  align-self:flex-start;
}

.center-actions{
  text-align:center;
  margin-top:32px;
}