/*
 Theme Name: Astra Child - Barragás
 Theme URI: https://barragas.cl
 Description: Child theme para Barragás basado en Astra. Incluye variables de color y utilidades para secciones HTML personalizadas.
 Author: QuieroVentas.cl
 Author URI: https://quieroventas.cl
 Template: astra
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: astra-barragas-child
*/

/* ===== Variables de marca ===== */
:root{
  --bg:#ffffff;
  --text:#1E1E1E;
  --muted:#6B7280;
  --blue:#0E3B74;    /* azul del logo */
  --orange:#F26322;  /* naranja del logo */
  --line:#E5E7EB;
  --radius:16px;
  --shadow:0 6px 24px rgba(0,0,0,.08);
  --container:1200px;
  --container-pad:24px;
  --header-h:72px;
  --header-h-mobile:68px;
}

/* ===== Base layout ===== */
html{scroll-behavior:smooth}
body{background:var(--bg); color:var(--text)}
.container{max-width:var(--container); margin:0 auto; padding:0 var(--container-pad)}
.section{padding:64px 0}
.section .intro{color:var(--muted); max-width:820px}

/* ===== Utilidades ===== */
.grid{display:grid; gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 900px){
  .grid-2,.grid-3{grid-template-columns:1fr}
}
.btn{display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:999px; font-weight:600; text-decoration:none; transition:.25s; box-shadow:var(--shadow)}
.btn-primary{background:var(--orange); color:#fff}
.btn-primary:hover{transform:translateY(-2px); filter:brightness(1.05)}
.btn-outline{border:1px solid var(--line); color:var(--blue); background:#fff}
.btn-outline:hover{border-color:var(--blue)}
.card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:24px}
h1,h2,h3{line-height:1.15; letter-spacing:-.02em}
h1{font-size:clamp(28px,4.5vw,44px)}
h2{font-size:clamp(24px,3.2vw,32px)}
h3{font-size:clamp(20px,2.4vw,24px)}
.brand{color:var(--blue)}
.accent{color:var(--orange)}

/* ===== Animación suave ===== */
.reveal{opacity:0; transform:translateY(14px); animation:rise .7s ease forwards}
.reveal.d0{animation-delay:.05s}.reveal.d1{animation-delay:.15s}.reveal.d2{animation-delay:.25s}
@keyframes rise{to{opacity:1; transform:none}}

/* ===== Fix de anclas con header sticky ===== */
[id]{scroll-margin-top:var(--header-h)}
@media (max-width:767px){[id]{scroll-margin-top:calc(var(--header-h-mobile) + 8px)}}

/* ===== Botón flotante WhatsApp (opcional) ===== */
.wsp-float{
  position:fixed; right:18px; bottom:18px; z-index:9999;
  width:58px; height:58px; border-radius:50%;
  display:grid; place-items:center; background:#25D366; color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.18); transition:.25s;
}
.wsp-float:hover{transform:translateY(-2px)}
/* ===== Ajustes rápidos Astra ===== */
.site-header{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.main-header-menu a{font-weight:600}
.ast-primary-header-bar{min-height:var(--header-h)}
@media (max-width:767px){.ast-primary-header-bar{min-height:var(--header-h-mobile)}}