/* Presencia Integral · estilos */
:root{
  --esm:#0E6B4A; --esm-p:#085C40; --lima:#B2F56E; --salvia:#E6F0E8; --hueso:#FBFBF7; --tinta:#1F2A24; --tinta-2:#4A5A52;
  --ancho:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Poppins",system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--tinta);background:var(--hueso)}
h1,h2,h3{font-family:"Lora",Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5vw,3.4rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em;max-width:62ch}
a{color:var(--esm)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lima);outline-offset:2px}
.contenedor{width:min(var(--ancho),92%);margin:0 auto}
.seccion{padding:clamp(3rem,7vw,5.5rem) 0}
.salvia{background:var(--salvia)}
.esmeralda{background:var(--esm);color:#fff}
.esmeralda h2,.esmeralda h3{color:#fff}
.esmeralda a{color:var(--lima)}
.punto{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--lima);box-shadow:0 0 0 .22em rgba(178,245,110,.28);vertical-align:middle;margin-right:.45em}
.boton{display:inline-block;background:var(--esm);color:#fff;text-decoration:none;font-weight:500;padding:.9rem 1.5rem;border-radius:999px;border:0;font-size:1rem;font-family:inherit;cursor:pointer}
.boton:hover{background:var(--esm-p)}
.boton.lima{background:var(--lima);color:var(--tinta)}
.boton.lima:hover{background:#c4ff85}
.boton.hueco{background:transparent;color:var(--esm);border:2px solid var(--esm)}
.esmeralda .boton.hueco{color:#fff;border-color:#fff}
/* cabecera */
.cabecera{position:sticky;top:0;background:rgba(251,251,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid #dfe8e1;z-index:10}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;height:64px}
.marca{white-space:nowrap;font-family:"Lora",serif;font-weight:700;font-size:1.35rem;color:var(--esm-p);text-decoration:none;position:relative}
.marca .i{position:relative;display:inline-block}
.marca .i::before{content:"";position:absolute;left:50%;top:-.08em;width:.36em;height:.36em;border-radius:50%;background:var(--lima);transform:translateX(-50%);box-shadow:0 0 0 .12em rgba(178,245,110,.3)}
.nav{display:flex;gap:1.4rem;align-items:center}
.nav a{text-decoration:none;color:var(--tinta-2);font-size:.95rem}
.nav a.boton{color:#fff;padding:.55rem 1.1rem}
.nav a.boton{white-space:nowrap}
@media (max-width:760px){.nav a:not(.boton){display:none}.marca{font-size:1.15rem}.nav a.boton{font-size:.9rem;padding:.5rem .9rem}}
/* pie */
.pie{background:var(--tinta);color:#cfd9d3;font-size:.9rem;padding:2.5rem 0}
.pie a{color:#fff}
.pie .filas{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr}
@media (max-width:640px){.pie .filas{grid-template-columns:1fr}}
.pie p{max-width:none}
/* formularios */
.campo{display:block;margin-bottom:1.1rem}
.campo span{display:block;font-size:.92rem;margin-bottom:.3rem;color:var(--tinta-2)}
.campo input,.campo textarea,.campo select{width:100%;padding:.75rem .9rem;border:1.5px solid #c9d6cd;border-radius:10px;font:inherit;font-size:1rem;background:#fff;color:var(--tinta)}
.campo textarea{min-height:120px;resize:vertical}
.dos{display:grid;gap:0 1.2rem;grid-template-columns:1fr 1fr}
@media (max-width:640px){.dos{grid-template-columns:1fr}}
.aviso{background:var(--salvia);border-left:4px solid var(--esm);padding:1rem 1.2rem;border-radius:0 10px 10px 0;margin:1.5rem 0}
.legal p{max-width:70ch}
.legal h2{margin-top:2.2rem;font-size:1.45rem}
.legal h3{margin-top:1.6rem}
.legal ul{padding-left:1.2rem}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
