/* Camping El Carlitos — páginas interiores
   Ajustes para que compartan cabecera, desplegable y paleta con la portada
   (home-carlitos.css), sin depender del vídeo del héroe que solo existe ahí. */

/* Estas páginas no tienen vídeo que revele la cabecera al terminar: se ve
   siempre, fija arriba, sin animación ni depender de scroll/JS. */
.mh-header{max-height:none!important;opacity:1!important;overflow:visible!important}

/* ---------- Cabecera de página interior: banda azul con sol y olas ---------- */
/* Fondo azul liso, un sol naranja asomando arriba a la derecha y dos olas
   suaves abajo que desembocan en el crema de la página. Todo es CSS + un SVG
   decorativo, así que el texto de cada página no cambia. */
.ph-hero{background:var(--cream)}
.ph-hero__cloud{position:relative;overflow:hidden;width:100%;padding:72px 0 150px;background:var(--sea);color:#fff;text-align:center}
.ph-hero__sun{position:absolute;right:4%;top:-50px;width:180px;height:180px;border-radius:50%;background:var(--sun)}
.ph-hero__waves{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:180px;display:block}
.ph-hero__wave-back{fill:#15437d}
.ph-hero__wave-front{fill:var(--cream)}
.ph-hero__inner{position:relative;z-index:1;max-width:var(--wrap,1508px);margin:0 auto;padding:0 41.6px}
/* Páginas de mobil-home: dibujo de la casa en lugar del sol. En pantallas
   anchas va a la derecha del título; en las estrechas, centrado encima. */
.ph-hero__art{position:absolute;right:48px;top:50%;width:200px;height:200px;transform:translateY(-50%)}
.ph-hero__inner:has(.ph-hero__art){padding-inline:290px}
@media (max-width:1100px){
  .ph-hero__art{position:static;display:block;width:120px;height:120px;margin:0 auto 8px;transform:none}
  .ph-hero__inner:has(.ph-hero__art){padding-inline:41.6px}
}
.ph-hero .eyebrow{color:#f4a76a;letter-spacing:.18em;font-weight:700;gap:12px}
.ph-hero .eyebrow::before,
.ph-hero .eyebrow::after{content:"";width:28px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 12' fill='none' stroke='%23f4a76a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M2 6 q6 -6 12 0 t12 0'/%3E%3C/svg%3E") no-repeat center/contain}
.ph-hero h1{font-size:clamp(2.2rem, 1.2rem + 4vw, 5.75rem);line-height:1;letter-spacing:-.02em;color:#fff;margin:10px auto 12px;max-width:1100px;text-wrap:balance}
.ph-hero__script{margin:0;font-size:36px;line-height:1.1;color:#fff;text-wrap:balance}
@media (max-width:760px){
  .ph-hero__cloud{padding:48px 0 100px}
  .ph-hero__sun{right:-36px;top:-56px;width:120px;height:120px}
  .ph-hero__waves{height:100px}
  .ph-hero__art{width:96px;height:96px}
  .ph-hero .eyebrow{font-size:.8rem;gap:10px}
  .ph-hero .eyebrow::before,.ph-hero .eyebrow::after{width:22px;height:10px}
  .ph-hero__script{font-size:27px}
}

/* ---------- Sección "sobre nosotros": foto con etiqueta manuscrita ---------- */
.ph-bio{padding-top:114.4px}
.ph-bio__photo{position:relative}
.ph-bio__photo img{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;height:100%;object-fit:cover}
.ph-bio__tag{position:absolute;left:-18.2px;bottom:-18.2px;background:#fff;color:var(--terra);
  border-radius:15.6px;padding:13px 23.4px;font-size:31.2px;box-shadow:var(--shadow-soft);transform:rotate(-4deg)}
@media (max-width:760px){
  .ph-bio{padding-top:62.72px}
  .ph-bio__tag{left:13.44px;bottom:13.44px;font-size:22.4px}
}