.info-hero{background:linear-gradient(115deg,#240b0b,#830000 75%,#bc0202);color:white;padding:90px 0 65px}.info-hero .container{max-width:1120px}.info-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.3rem,5vw,4.1rem);margin:10px 0 18px;color:#fff}.info-hero p{max-width:700px;color:#f7e6e6;font-size:1.1rem;line-height:1.75}.info-hero .eyebrow{color:#ffd5d5;letter-spacing:.14em;text-transform:uppercase}.info-layout{max-width:1120px;margin:0 auto;padding:48px 20px 90px}.info-tools{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.info-tools input{flex:1;min-width:220px;border:1px solid #d7d0d0;border-radius:12px;padding:15px;font:inherit}.info-tools button{border:1px solid #e4d9d9;border-radius:30px;padding:10px 17px;background:#fff;color:#6b2222;cursor:pointer}.info-tools button.active{background:#830000;color:#fff}.info-list{display:grid;gap:12px}.info-list details{border:1px solid #eadfdf;border-radius:15px;background:white;box-shadow:0 5px 24px #3210100b;overflow:hidden}.info-list summary{padding:20px 23px;cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:18px}.info-list summary::-webkit-details-marker{display:none}.info-list summary:after{content:'+';color:#bc0202;font-size:24px}.info-list details[open] summary:after{content:'−'}.info-answer{padding:0 23px 23px;line-height:1.8;color:#484040}.info-answer a,.info-card a{color:#9e0000;text-decoration:underline}.info-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.info-card{background:white;border:1px solid #eee0e0;border-radius:18px;padding:26px;box-shadow:0 8px 28px #300c0c0a}.info-card h2{font-size:1.25rem;margin:10px 0}.info-card p{line-height:1.75;color:#4d4545}.info-card a{font-weight:700}.info-section{padding:28px 0;border-bottom:1px solid #e9dddd;scroll-margin-top:95px}.info-section h2{font-family:'Playfair Display',serif;font-size:1.8rem;color:#650000;margin-bottom:18px}.info-section h3{font-size:1.1rem;margin:22px 0 7px}.info-section p,.info-section li{line-height:1.85;color:#454040}.info-section ul{padding-left:24px}.info-quick{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.info-quick a{padding:10px 14px;border:1px solid #e3d7d7;border-radius:24px;color:#830000;text-decoration:none}.info-quick a:hover{background:#830000;color:white}.info-note{padding:18px 22px;background:#fff6f2;border-left:4px solid #bc0202;border-radius:8px;margin:25px 0;line-height:1.65}.info-footer{background:#201616;color:#fff;padding:38px 20px}.info-footer-inner{max-width:1120px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px}.info-footer a{color:#fff;margin-right:16px;line-height:2}.info-footer img{max-width:175px}.info-cta{background:#f9f1f0;padding:30px;border-radius:18px;margin-top:40px}.info-cta a{display:inline-block;background:#830000;color:#fff;padding:13px 22px;border-radius:9px;text-decoration:none;margin-top:12px}@media(max-width:700px){.info-hero{padding:65px 0 45px}.info-layout{padding-top:30px}.info-list summary{padding:18px}}
/* Encabezado de Turismo con fotografía */
.info-hero.tour-hero-new {
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.45) 55%,
      rgba(0, 0, 0, 0.15) 100%
    ),
    url('../assets/turismo/g8.webp')
      center center / cover no-repeat;

  min-height: 480px;
  display: flex;
  align-items: center;
}

/* Mantener el texto visible */
.info-hero.tour-hero-new h1,
.info-hero.tour-hero-new p {
  color: #ffffff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

/* Adaptación para celulares */
@media (max-width: 700px) {
  .info-hero.tour-hero-new {
    min-height: 380px;
    background-position: center;
  }
}

/* Encabezado de Ayuda - Parhíkuni */
.info-hero.ayuda-hero {
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.78) 0%,
      rgba(0, 0, 0, 0.48) 55%,
      rgba(0, 0, 0, 0.20) 100%
    ),
    url('../assets/ayuda/ayuda.webp')
      center center / cover no-repeat;

  min-height: 420px;
  display: flex;
  align-items: center;
}

/* Texto del encabezado */
.info-hero.ayuda-hero h1,
.info-hero.ayuda-hero p {
  color: #ffffff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* Adaptación a dispositivos móviles */
@media (max-width: 700px) {
  .info-hero.ayuda-hero {
    min-height: 320px;
    background-position: center;
  }
}