/* ==========================================================================
   apuaventura.pe — Estilos base
   Paleta, tipografía y componentes tomados de "Agave_Experience_Full_Day_v3".
   Cambia colores aquí (variables) y se actualiza en todo el sitio.
   ========================================================================== */
:root{
  --agave:#4E6B72; --agave-deep:#24363C; --aqua:#DCE7E8;
  --paper:#F5F4F0; --card:#FFFFFF; --ink:#1E2528; --muted:#6E6A62;
  --fire:#E0782F; --fire-deep:#C4621C; --fire-soft:#FBE8D8; --wine:#7C2F2B; --line:#E2E2DC;
  --font-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --font-head:"Fraunces",Georgia,serif;
  --maxw:1200px;
  --header-h:76px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-head);font-weight:600;line-height:1.15;text-wrap:balance;margin:0}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px}

/* Accesibilidad */
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--agave-deep);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;transition:top .15s}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--fire);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Botones (pastilla, como el botón de WhatsApp del diseño original) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1;text-decoration:none;padding:13px 22px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s}
.btn:hover{transform:translateY(-1px)}
.btn-wa{background:var(--fire);color:#fff;box-shadow:0 8px 20px -10px rgba(224,120,47,.9)}
.btn-wa:hover{background:var(--fire-deep);box-shadow:0 12px 24px -10px rgba(196,98,28,.95)}

/* Encabezados de sección con la marca naranja del diseño original */
.section-title{font-size:clamp(24px,3.6vw,30px);color:var(--agave-deep);display:flex;align-items:center;gap:12px}
.section-title::before{content:"";width:28px;height:3px;background:var(--fire);border-radius:2px;flex:none}

/* Portada y cabecera de páginas internas */
.hero{background:var(--agave-deep);color:#EEF2F2}
.hero .wrap{padding-block:clamp(40px,7vw,84px)}
.hero h1{font-size:clamp(38px,6.4vw,64px);font-weight:700;letter-spacing:-.01em;color:#fff;max-width:18ch}
.hero .sub{font-family:var(--font-head);font-size:clamp(18px,2.6vw,22px);color:var(--aqua);margin-top:10px}
.hero .lead{max-width:56ch;margin-top:22px;font-size:17px;color:#DCE4E4}
.hero .btn{margin-top:28px}

.page-head{background:var(--aqua)}
.page-head .wrap{padding-block:clamp(28px,5vw,52px)}
.page-head h1{font-size:clamp(30px,5vw,46px);color:var(--agave-deep)}
.page-head p{margin:10px 0 0;color:#3A4549;max-width:60ch}

.content{padding-block:40px 64px}
.content p{max-width:70ch}
.notice{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;color:var(--muted)}

/* Botones adicionales */
.btn-fire{background:var(--fire);color:#fff;box-shadow:0 10px 24px -12px rgba(224,120,47,.95)}
.btn-fire:hover{background:var(--fire-deep)}
.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.btn-line:hover{background:rgba(255,255,255,.12)}