:root{
  --bg:#ffffff; --fg:#0f0f0f; --muted:#7a7a7a; --accent:#9FD6CF; --line:#efefef;
  --title:'Playfair Display', serif; --text:'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--text);line-height:1.65}

/* Contenedor ancho agradable */
.ct-container, .wp-site-blocks{max-width:1100px;margin-inline:auto;padding:0 24px}

/* Header elegante con leve transparencia */
header{backdrop-filter:saturate(180%) blur(12px)}
.ct-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,0.85)}

/* Logo/título */
.site-title, .brand{font-family:var(--title);letter-spacing:.3px}

/* Navegación */
header a{color:#333;text-decoration:none}

/* Botones */
.wp-element-button, .button, .btn{
  padding:10px 16px;border-radius:999px;border:1px solid var(--accent);
  background:var(--accent);color:#043a35;text-decoration:none;display:inline-block
}

/* Tarjetas y secciones */
.card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.section{padding:40px 0;border-top:1px solid var(--line)}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
.kicker{color:var(--muted);margin-bottom:16px}

/* Nota/alerta */
.note{
  background:#f8fbfb;border:1px dashed var(--accent);border-radius:12px;
  padding:12px 16px;color:#044b44
}

/* Footer */
.site-footer{padding:24px;border-top:1px solid var(--line);color:var(--muted);text-align:center}

/* H1 elegante grande */
h1{font-family:var(--title);font-size:40px;line-height:1.15;margin:0 0 8px}