:root {
  --tinta: #151515;
  --acento: #00AA55;
  --fondo: #FFFFFF;
  --alterna: color-mix(in srgb, var(--tinta) 4%, var(--fondo));
  --filete: color-mix(in srgb, var(--tinta) 15%, transparent);
  --radio: 9px;
  --fuente: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--tinta); font-family: var(--fuente); line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
.envoltura { max-width: 1060px; margin: 0 auto; padding-inline: 20px; }
h1 { font-size: clamp(2.1rem, 6vw, 3.6rem); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 14px; text-wrap: balance; }
h2 { font-size: clamp(1.5rem, 3.2vw, 2.1rem); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 12px; text-wrap: balance; }
h3 { font-size: 1.05rem; margin: 0 0 6px; }
p { margin: 0 0 12px; }
.rotulo { font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; opacity: .6; margin-bottom: 10px; }
.entrada { font-size: 1.06rem; opacity: .75; max-width: 58ch; }
.portada { padding-block: clamp(56px, 10vw, 104px); border-bottom: 1px solid var(--filete); }
.portada-imagen { margin-top: 32px; border-radius: var(--radio); }
.seccion { padding-block: clamp(44px, 7vw, 76px); border-bottom: 1px solid var(--filete); }
.seccion.alterna { background: var(--alterna); }
.boton { display: inline-block; margin-top: 8px; margin-right: 8px; padding: 12px 22px; border-radius: var(--radio); background: var(--acento); color: #fff; text-decoration: none; font-weight: 600; }
.boton.hueco { background: transparent; color: var(--tinta); border: 1px solid var(--filete); }
.rejilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 24px; }
.tarjeta { border: 1px solid var(--filete); border-radius: var(--radio); padding: 20px; }
.pasos { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px; margin-top: 24px; }
.pasos .numeral { font-size: .76rem; letter-spacing: .1em; color: var(--acento); }
.galeria { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 24px; }
.galeria figure { margin: 0; }
.galeria img { border-radius: var(--radio); aspect-ratio: 4 / 3; object-fit: cover; }
.galeria figcaption { font-size: .85rem; opacity: .7; margin-top: 6px; }
.preguntas { margin-top: 20px; max-width: 72ch; }
.preguntas details { border-bottom: 1px solid var(--filete); padding-block: 14px; }
.preguntas summary { cursor: pointer; font-weight: 600; }
.preguntas p { margin: 10px 0 0; opacity: .78; }
.prosa { max-width: 68ch; }
.contacto .acciones { margin-top: 18px; }
.pie-contacto { opacity: .7; font-size: .92rem; }
footer { padding-block: 28px; font-size: .86rem; opacity: .65; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }