/* ==========================================================
   Latey Finance — Identidad visual propia
   Paleta: "Tinta, Arcilla y Arena" (original, no corresponde a ninguna marca)
   Tipografía: Fraunces (titulares, serif de autor) + Source Sans 3 (texto)
   Iconografía: trazo lineal de 1.75 px, esquinas redondeadas, dos tonos
   ========================================================== */
:root{
  --tinta:#1f2a2e;      /* texto */
  --verde:#1d5c63;      /* primario */
  --verde-osc:#14434a;
  --arcilla:#c4573b;    /* acento */
  --arena:#f6f0e6;      /* fondo */
  --arena-2:#ece3d2;
  --papel:#fffdf9;
  --linea:#d9cfba;
  --suave:#5b6a6e;
  --radio:14px;
  --serif:"Fraunces", Georgia, "Times New Roman", serif;
  --sans:"Source Sans 3", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--arena);color:var(--tinta);font-family:var(--sans);font-size:18px;line-height:1.65}
a{color:var(--verde);text-underline-offset:3px}
a:hover{color:var(--arcilla)}
img,svg{max-width:100%}
.wrap{width:min(1120px,92%);margin-inline:auto}
.narrow{width:min(760px,92%);margin-inline:auto}

/* ---------- Exención superior / pie ---------- */
.exencion-top{background:var(--tinta);color:#f3ecdd;font-size:.95rem;padding:.85rem 0;border-bottom:4px solid var(--arcilla)}
.exencion-top .wrap{display:flex;gap:.8rem;align-items:flex-start}
.exencion-top strong{color:#fff}
.exencion-top svg{flex:none;margin-top:.15rem}
.exencion-inline{background:var(--arena-2);border-left:4px solid var(--arcilla);padding:.8rem 1rem;font-size:.93rem;margin:1.5rem 0;border-radius:0 8px 8px 0}

/* ---------- Cabecera ---------- */
.site-header{background:var(--papel);border-bottom:1px solid var(--linea)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--tinta)}
.brand-name{font-family:var(--serif);font-weight:700;font-size:1.55rem;line-height:1;letter-spacing:-.01em}
.brand-tag{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--arcilla);font-weight:700;margin-top:.3rem}
nav.main a{margin-left:1.2rem;text-decoration:none;font-weight:600;color:var(--tinta);font-size:.98rem}
nav.main a:hover,nav.main a[aria-current]{color:var(--arcilla)}

/* ---------- Inicio: hero + grid ---------- */
.hero{padding:3.5rem 0 2.5rem}
.hero h1{font-family:var(--serif);font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.1;margin:.2rem 0 1rem;letter-spacing:-.02em}
.hero h1 em{color:var(--verde);font-style:italic}
.hero p.lead{font-size:1.2rem;max-width:62ch;color:#33433f}
.eyebrow{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--arcilla)}
.es-no-es{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.es-no-es div{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem 1.3rem}
.es-no-es h2{font-family:var(--serif);font-size:1.15rem;margin:0 0 .5rem}
.es-no-es ul{margin:0;padding-left:1.1rem}
.es-no-es .si{border-top:5px solid var(--verde)}
.es-no-es .no{border-top:5px solid var(--arcilla)}
.section-title{font-family:var(--serif);font-size:1.9rem;margin:2.5rem 0 1.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.3rem;padding-bottom:3rem}
.card{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card .thumb{height:130px;display:flex;align-items:center;justify-content:center}
.card .body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card h3{font-family:var(--serif);font-size:1.2rem;line-height:1.25;margin:0}
.card h3 a{color:var(--tinta);text-decoration:none}
.card h3 a:hover{color:var(--arcilla)}
.card p{margin:0;font-size:.97rem;color:var(--suave)}
.tag{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--verde)}
.t1{background:#dcebe8}.t2{background:#f5ddd3}.t3{background:#efe4c2}.t4{background:#d9e2ef}

/* ---------- Artículos ---------- */
.art-head{padding:3rem 0 1rem}
.art-head h1{font-family:var(--serif);font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.15;margin:.3rem 0 .8rem;letter-spacing:-.015em}
.meta{color:var(--suave);font-size:.93rem}
.article h2{font-family:var(--serif);font-size:1.5rem;margin:2.2rem 0 .6rem}
.sabias{background:var(--verde);color:#fff;border-radius:var(--radio);padding:1.3rem 1.5rem;margin:2rem 0}
.sabias strong{display:block;font-family:var(--serif);font-size:1.15rem;margin-bottom:.3rem;color:#ffd9cc}
.fuentes{border-top:2px solid var(--tinta);margin-top:2.5rem;padding-top:1rem;font-size:.95rem}
.fuentes ol{padding-left:1.2rem}
.aviso-edu{font-size:.93rem;color:var(--suave);font-style:italic}

/* ---------- Acerca de (2 columnas) ---------- */
.two-col{display:grid;grid-template-columns:5fr 7fr;gap:3rem;padding:3rem 0;align-items:start}
.two-col aside{position:sticky;top:1.5rem;background:var(--arena-2);border-radius:var(--radio);padding:1.5rem;text-align:center}
.two-col aside figcaption{font-size:.88rem;color:var(--suave);margin-top:.8rem}
.two-col h1{font-family:var(--serif);font-size:2.4rem;margin:0 0 1rem}
.two-col h2{font-family:var(--serif);font-size:1.4rem;margin:2rem 0 .5rem}
.ficha{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:1rem 1.2rem;font-size:.97rem}
.ficha dt{font-weight:700;color:var(--verde);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}
.ficha dd{margin:0 0 .7rem}

/* ---------- Política editorial (lista numerada con iconos) ---------- */
.pe-head{padding:3rem 0 1rem}
.pe-head h1{font-family:var(--serif);font-size:2.4rem;margin:0 0 .5rem}
ol.pe{list-style:none;counter-reset:pe;padding:0;margin:1.5rem 0 3rem;display:grid;gap:1rem}
ol.pe li{counter-increment:pe;display:grid;grid-template-columns:64px 1fr;gap:1.1rem;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem 1.3rem;position:relative}
ol.pe li::before{content:counter(pe);position:absolute;top:.6rem;right:1rem;font-family:var(--serif);font-size:2.2rem;color:var(--linea);font-weight:700}
ol.pe .ico{width:56px;height:56px;border-radius:50%;background:#dcebe8;display:flex;align-items:center;justify-content:center}
ol.pe h2{font-family:var(--serif);font-size:1.2rem;margin:0 0 .25rem}
ol.pe p{margin:0;font-size:.98rem;color:#33433f}

/* ---------- Páginas legales: documento limpio, sin decoración ---------- */
body.legal{background:#fff;font-family:Georgia,"Times New Roman",serif;font-size:17px}
body.legal .site-header{background:#fff}
body.legal main{width:min(720px,92%);margin:2.5rem auto 3.5rem}
body.legal h1{font-size:1.9rem;border-bottom:1px solid #000;padding-bottom:.4rem;margin-bottom:.3rem;font-family:Georgia,serif}
body.legal h2{font-size:1.15rem;margin:1.8rem 0 .4rem;font-family:Georgia,serif}
body.legal p,body.legal li{text-align:left}
body.legal .upd{font-size:.9rem;color:#555;margin-bottom:1.5rem}
body.legal table{border-collapse:collapse;width:100%;font-size:.95rem}
body.legal th,body.legal td{border:1px solid #999;padding:.45rem .6rem;text-align:left;vertical-align:top}

/* ---------- Pie de página ---------- */
.site-footer{background:var(--tinta);color:#d8d2c3;padding:2.5rem 0 2rem;font-size:.95rem;margin-top:2rem}
.site-footer a{color:#fff}
.site-footer .exencion-foot{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1.5rem;color:#fff}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.site-footer h2{font-family:var(--serif);font-size:1rem;color:#ffd9cc;margin:0 0 .6rem}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:.3rem 0}
.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:1.5rem;padding-top:1rem;font-size:.87rem}

@media (max-width:760px){
  .es-no-es,.two-col,.foot-grid{grid-template-columns:1fr}
  .two-col aside{position:static}
  nav.main a{margin:0 1rem 0 0}
  ol.pe li{grid-template-columns:1fr}
}