/* castaia.com (D-655): página de inicio y documentos legales. Colores de la marca (D-504): tinta #202B2B, jade #278575, cobre #B66A45. */
:root{--tinta:#202B2B;--texto:#1d2626;--suave:#4d5856;--tenue:#6b7674;--borde:#dfe4e1;--fondo:#f4f5f2;--hoja:#fff;--jade:#278575;--jade-suave:#e2f1ed;--cobre:#B66A45;--max:1120px}
@media (prefers-color-scheme:dark){:root{--texto:#e7ecea;--suave:#aab4b1;--tenue:#8e9997;--borde:#2c3837;--fondo:#121817;--hoja:#192120;--jade:#35a38f;--jade-suave:#17332e}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--jade)}
.cont{max-width:var(--max);margin:0 auto;padding:0 20px}

/* Encabezado */
.cab{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--hoja) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}
.cab .cont{display:flex;align-items:center;gap:20px;height:64px}
.cab .logo img{height:34px;width:auto}
@media (prefers-color-scheme:dark){.cab .logo img{content:url(img/logo-blanco.svg)}}
.cab nav{margin-left:auto;display:flex;gap:22px;align-items:center}
.cab nav a{color:var(--suave);text-decoration:none;font-size:15px}
.cab nav a:hover{color:var(--texto)}
.cab nav a[aria-current]{color:var(--texto);font-weight:600}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;background:var(--jade);color:#fff !important;text-decoration:none;font-weight:600;font-size:16px;border:0}
.boton:hover{filter:brightness(1.08)}
.boton.sec{background:transparent;color:var(--texto) !important;border:1px solid var(--borde)}
.cab nav .boton{padding:8px 16px;font-size:15px}

/* Portada */
.portada{padding:72px 0 40px;text-align:center}
.etiqueta{display:inline-block;font-size:13px;font-weight:600;color:var(--jade);background:var(--jade-suave);padding:5px 12px;border-radius:999px;margin-bottom:18px}
.portada h1{font-size:clamp(32px,5vw,54px);line-height:1.1;letter-spacing:-.02em;margin:0 auto 18px;max-width:880px;color:var(--texto)}
.portada h1 em{font-style:normal;color:var(--jade)}
.portada p.lead{font-size:clamp(17px,2vw,20px);color:var(--suave);max-width:720px;margin:0 auto 28px}
.acciones{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.captura{margin:48px auto 0;max-width:1040px;border-radius:16px;overflow:hidden;border:1px solid var(--borde);box-shadow:0 24px 60px rgba(32,43,43,.18)}

/* Secciones */
section.bloque{padding:72px 0}
section.bloque.alt{background:var(--hoja);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.bloque h2{font-size:clamp(26px,3.4vw,36px);line-height:1.2;letter-spacing:-.01em;margin:0 0 12px}
.bloque .intro{color:var(--suave);max-width:680px;margin:0 0 36px}
.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tarjeta{background:var(--hoja);border:1px solid var(--borde);border-radius:16px;padding:24px}
.alt .tarjeta{background:var(--fondo)}
.tarjeta .ico{width:40px;height:40px;border-radius:10px;background:var(--jade-suave);color:var(--jade);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.tarjeta .ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tarjeta h3{font-size:18px;margin:0 0 6px}
.tarjeta p{margin:0;color:var(--suave);font-size:15.5px}
.dos{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.dos .movil{max-width:300px;margin:0 auto;border-radius:28px;overflow:hidden;border:8px solid var(--tinta);box-shadow:0 20px 50px rgba(32,43,43,.25)}
.lista{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}
.lista li{display:grid;grid-template-columns:24px 1fr;gap:12px;color:var(--suave)}
.lista li b{color:var(--texto)}
.lista li::before{content:"";width:10px;height:10px;margin-top:9px;border-radius:50%;background:var(--jade)}
.cierre{text-align:center}
.cierre .intro{margin:0 auto 28px}

/* Pie */
.pie{background:var(--tinta);color:#c9d3d0;padding:48px 0 32px;font-size:14.5px}
.pie .cont{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:32px}
.pie img{height:30px;width:auto;margin-bottom:14px}
.pie h4{color:#fff;font-size:14px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}
.pie a{color:#c9d3d0;text-decoration:none;display:block;margin:6px 0}
.pie a:hover{color:#fff}
.pie .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#8fa09b;font-size:13px}

/* Documentos legales */
.doc{max-width:860px;margin:32px auto 64px;padding:36px 32px;background:var(--hoja);border:1px solid var(--borde);border-radius:16px}
.doc h1{font-size:30px;line-height:1.25;margin:0 0 6px}
.doc .fecha{color:var(--tenue);font-size:14px;margin:0 0 24px}
.doc h2{font-size:20px;margin:32px 0 8px;padding-top:12px;border-top:1px solid var(--borde)}
.doc h3{font-size:16.5px;margin:20px 0 6px}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:4px 0}
.nota{background:var(--jade-suave);border-left:4px solid var(--jade);padding:12px 16px;border-radius:8px;margin:16px 0}
.doc table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
.doc th,.doc td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--borde)}
.doc th{font-size:13px;color:var(--tenue);font-weight:600}
.tabla{overflow-x:auto}

@media (max-width:860px){
  .rejilla{grid-template-columns:minmax(0,1fr)}
  .dos{grid-template-columns:minmax(0,1fr);gap:32px}
  .pie .cont{grid-template-columns:minmax(0,1fr)}
  .cab nav a:not(.boton){display:none}
}
@media (max-width:600px){
  body{font-size:16px}
  .portada{padding:48px 0 24px}
  section.bloque{padding:52px 0}
  .doc{margin:0;border-radius:0;border-left:0;border-right:0;padding:24px 16px}
  .doc h1{font-size:25px}
}
@media print{.cab,.pie{display:none}.doc{border:0;margin:0}}