/* ── Perla · Blog · estilo compartido ── */
:root{
  --marfil:#FBF9F4; --marfil-2:#F3EFE5;
  --tinta:#141F2E; --tinta-2:#1D2B3D; --texto:#2A3644;
  --gris:#6B7686; --oro:#B8933F; --oro-claro:#D9C08A;
  --linea:#E7E1D2; --whatsapp:#1FAF5A;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,sans-serif;
  color:var(--texto); background:var(--marfil);
  line-height:1.7; font-size:17px;
}
.contenedor{max-width:760px;margin:0 auto;padding:0 26px;}
.contenedor.ancho{max-width:1000px;}
a{color:var(--oro);text-decoration:none;}
a:hover{text-decoration:underline;}

/* ── NAV ── */
nav{
  background:rgba(251,249,244,0.92); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--linea); padding:14px 0;
  position:sticky; top:0; z-index:20;
}
nav .contenedor{max-width:1000px;display:flex;justify-content:space-between;align-items:center;}
.logo{font-family:'Fraunces',serif;font-size:26px;color:var(--tinta);}
.logo::before{content:'●';color:var(--oro);font-size:12px;vertical-align:middle;margin-right:9px;}
.logo span{font-family:'Inter',sans-serif;color:var(--gris);font-size:11px;margin-left:8px;letter-spacing:0.05em;}
.nav-cta{
  background:var(--tinta);color:var(--marfil);
  padding:10px 22px;border-radius:99px;
  font-size:14px;font-weight:600;transition:background .2s;
}
.nav-cta:hover{background:var(--oro);color:var(--tinta);text-decoration:none;}

/* ── TÍTULOS ── */
h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif;color:var(--tinta);font-weight:600;line-height:1.2;}

/* ── ÍNDICE / LISTA ── */
.blog-head{padding:70px 0 40px;text-align:center;}
.blog-head .kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--oro);margin-bottom:16px;}
.blog-head h1{font-size:clamp(32px,4.6vw,46px);margin-bottom:16px;}
.blog-head p{font-size:18px;color:var(--gris);max-width:540px;margin:0 auto;}

.lista{display:grid;gap:26px;padding:20px 0 70px;}
.post-card{
  background:#fff;border:1px solid var(--linea);border-radius:16px;
  padding:30px 32px;transition:transform .18s,box-shadow .18s;display:block;
}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,31,46,.09);text-decoration:none;}
.post-card .etiqueta{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--oro);}
.post-card h2{font-size:25px;margin:10px 0 10px;}
.post-card p{color:var(--texto);margin-bottom:14px;}
.post-card .meta{font-size:13.5px;color:var(--gris);}
.post-card.destacado{
  background:linear-gradient(180deg,#fff, #FCFAF3);
  border-color:var(--oro-claro);
}

/* ── ARTÍCULO ── */
article{padding:44px 0 20px;}
.art-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--oro);margin-bottom:14px;}
article h1{font-size:clamp(30px,4.4vw,42px);margin-bottom:18px;letter-spacing:-.01em;}
.art-meta{font-size:14px;color:var(--gris);margin-bottom:8px;border-bottom:1px solid var(--linea);padding-bottom:26px;}
article .entradilla{font-size:20px;color:var(--tinta-2);margin:28px 0;line-height:1.6;}
article h2{font-size:27px;margin:44px 0 14px;}
article h3{font-size:20px;margin:30px 0 8px;color:var(--tinta-2);}
article p{margin:16px 0;}
article ul,article ol{margin:16px 0 16px 24px;}
article li{margin:9px 0;}
article strong{color:var(--tinta-2);}
article blockquote{
  border-left:3px solid var(--oro);background:#fff;
  padding:16px 22px;margin:24px 0;border-radius:0 10px 10px 0;
  color:var(--tinta-2);font-style:italic;
}
.callout{
  background:#fff;border:1px solid var(--linea);border-radius:14px;
  padding:22px 26px;margin:28px 0;
}
.callout .t{font-family:'Fraunces',serif;font-weight:600;color:var(--tinta);font-size:18px;margin-bottom:6px;}
.checklist{list-style:none;margin-left:0;}
.checklist li{padding-left:30px;position:relative;}
.checklist li::before{content:'✓';position:absolute;left:0;color:var(--oro);font-weight:700;}
.aviso{font-size:14.5px;color:var(--gris);background:var(--marfil-2);border-radius:12px;padding:16px 20px;margin:26px 0;}

/* ── CTA PERLA ── */
.cta-perla{
  background:var(--tinta);color:var(--marfil);border-radius:18px;
  padding:38px 36px;margin:46px 0 20px;text-align:center;
}
.cta-perla h3{color:var(--oro-claro);font-size:24px;margin-bottom:10px;}
.cta-perla p{color:#D6DBE2;margin-bottom:22px;font-size:16.5px;}
.btn-wa{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--whatsapp);color:#fff!important;
  padding:14px 28px;border-radius:99px;font-weight:700;font-size:16px;
  box-shadow:0 10px 26px rgba(31,175,90,.28);transition:transform .18s;
}
.btn-wa:hover{transform:translateY(-2px);text-decoration:none;}

.volver{display:inline-block;margin:30px 0 10px;font-weight:600;font-size:14.5px;}

/* ── TABLAS (comparativas · GEO) ── */
.tabla-scroll{overflow-x:auto;margin:22px 0;}
article table{width:100%;border-collapse:collapse;font-size:15.5px;}
article th{background:var(--tinta-2);color:#fff;text-align:left;padding:11px 14px;font-family:'Inter',sans-serif;font-weight:600;}
article td{padding:11px 14px;border-bottom:1px solid var(--linea);vertical-align:top;background:#fff;}
article tr:nth-child(even) td{background:var(--marfil);}

/* ── FOOTER ── */
footer{
  border-top:1px solid var(--linea);text-align:center;
  padding:34px 26px;color:var(--gris);font-size:13.5px;line-height:1.9;
}