:root{
  --petroleo:#0d4a52;--petroleo-2:#0a383f;--turquesa:#3aa99f;--turquesa-cl:#8fd4cc;
  --sand:#d8a47f;--crema:#f7f4ef;--hueso:#fbfaf6;--tinta:#16302e;--gris:#5a6a67;
  --linea:rgba(13,74,82,.12);--sombra:0 18px 50px -18px rgba(13,74,82,.30);--sombra-s:0 8px 24px -10px rgba(13,74,82,.22);--r:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--tinta);background:var(--hueso);line-height:1.8;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-.01em;line-height:1.18}
.wrap{max-width:760px;margin:0 auto;padding:0 26px}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--turquesa);color:#fff;font-weight:600;font-size:.98rem;padding:14px 28px;border-radius:999px;transition:.25s;border:1.5px solid var(--turquesa)}
.btn:hover{background:var(--petroleo);border-color:var(--petroleo);transform:translateY(-2px);box-shadow:var(--sombra-s)}
.btn span{transition:transform .25s;display:inline-block}.btn:hover span{transform:translateX(4px)}
.btn.wa{background:#25d366;border-color:#25d366}.btn.wa:hover{background:#1da851;border-color:#1da851}
.btn.sm{padding:11px 20px;font-size:.92rem}
.btn.ghost2{background:transparent;color:var(--petroleo);border-color:var(--linea)}.btn.ghost2:hover{background:var(--petroleo);color:#fff}

.draft{background:#eaf6f4;color:#0d4a52;text-align:center;padding:9px;font-size:.83rem;font-weight:600}

header{border-bottom:1px solid var(--linea);background:rgba(251,250,246,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;max-width:1000px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces';font-size:1.18rem;color:var(--petroleo)}
.brand img{height:48px}
.back{font-size:.92rem;color:var(--gris);font-weight:500}.back:hover{color:var(--turquesa)}

/* Portada */
.cover{padding:60px 0 40px;text-align:center}
.cat{display:inline-block;color:var(--turquesa);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;margin-bottom:18px}
.cover h1{font-size:clamp(2.2rem,5.2vw,3.4rem);color:var(--petroleo);margin-bottom:18px}
.cover .dek{font-size:1.2rem;color:var(--gris);font-weight:300;max-width:600px;margin:0 auto 24px}
.meta{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gris);font-size:.92rem;flex-wrap:wrap}
.meta .dot{width:4px;height:4px;border-radius:50%;background:var(--gris);opacity:.5}
.meta b{color:var(--tinta);font-weight:600}
.meta a{color:var(--turquesa);font-weight:600}
.hero-img{max-width:1000px;margin:30px auto 0;padding:0 26px}
.hero-img img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:var(--r);box-shadow:var(--sombra)}

/* Artículo */
article{padding:56px 0 30px}
article p{font-size:1.12rem;color:#24403d;margin-bottom:22px;font-weight:300}
article h2{font-size:1.75rem;color:var(--petroleo);margin:42px 0 16px}
article strong{font-weight:600;color:var(--tinta)}
.lead{font-size:1.28rem!important;color:var(--tinta)!important;font-weight:400!important;line-height:1.6}
.pull{font-family:'Fraunces';font-style:italic;font-size:1.5rem;color:var(--petroleo);border-left:3px solid var(--turquesa);padding:6px 0 6px 26px;margin:34px 0}
.lista{list-style:none;margin:6px 0 26px}
.lista li{padding:9px 0 9px 30px;position:relative;font-size:1.08rem;color:#24403d;font-weight:300}
.lista li::before{content:"";position:absolute;left:0;top:17px;width:11px;height:11px;border-radius:50%;background:var(--turquesa-cl);border:2px solid var(--turquesa)}
.nota{background:var(--crema);border-radius:16px;padding:20px 24px;font-size:.95rem;color:var(--gris);font-weight:300;margin:30px 0}

/* Bloque profesional */
.author{max-width:760px;margin:50px auto 0;padding:0 26px}
.author-card{background:#fff;border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra-s);padding:32px 36px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.author-card .av{width:96px;height:96px;min-width:96px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--sand),#c98c63);display:grid;place-items:center;font-family:'Fraunces';font-size:2.1rem;color:#fff}
.author-card .av img{width:100%;height:100%;object-fit:cover}
.author-card .info{flex:1;min-width:230px}
.author-card .info .k{color:var(--turquesa);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;margin-bottom:4px}
.author-card .info h3{font-size:1.5rem;color:var(--petroleo);margin-bottom:4px}
.author-card .info p{color:var(--gris);font-weight:300;font-size:.98rem;margin-bottom:14px}
.author-card .info .row{display:flex;gap:10px;flex-wrap:wrap}

.disc{max-width:760px;margin:26px auto 0;padding:0 26px}
.disc div{background:var(--crema);border-radius:16px;padding:16px 22px;font-size:.86rem;color:var(--gris);font-weight:300}

/* CTA */
.cta{background:linear-gradient(130deg,var(--turquesa),#2c8a82);color:#fff;text-align:center;padding:64px 0;margin-top:60px}
.cta h2{color:#fff;font-size:2rem;margin-bottom:14px}
.cta p{opacity:.95;font-weight:300;font-size:1.1rem;margin-bottom:26px;max-width:520px;margin-left:auto;margin-right:auto}
.cta .btn{background:#fff;color:var(--petroleo);border-color:#fff}.cta .btn:hover{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}

footer{background:var(--petroleo-2);color:rgba(255,255,255,.78);padding:40px 0;text-align:center;font-size:.9rem;font-weight:300}
footer a{color:var(--turquesa-cl)}
@media(max-width:600px){.author-card{padding:24px}}