/* Holy Chic Beauty Rituals — estilos del blog (Rituales & Tips) */
:root{
  --lino:#F1EADC; --travertino:#E2D6C0; --taupe:#C3B29A;
  --oro:#C49A35; --oro-osc:#9A7414; --oro-clr:#D9B845;
  --nogal:#8B5A37; --carbon:#221F1A; --hueso:#FBF6EA; --gris:#6E6253;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Jost',sans-serif;color:var(--carbon);background:var(--lino);line-height:1.75;}
.it{font-family:'Italiana',serif;} .ps{font-family:'Parisienne',cursive;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.btn{display:inline-block;font-size:15px;letter-spacing:1px;padding:14px 30px;border-radius:50px;border:1px solid var(--oro);transition:background .2s ease,color .2s ease,transform .2s ease;}
.btn-fill{background:var(--carbon);color:var(--hueso);border-color:var(--carbon);}
.btn-fill:hover{background:var(--oro);border-color:var(--oro);color:var(--carbon);}
.btn-ghost{background:transparent;color:var(--carbon);}
.btn-ghost:hover{background:var(--oro);border-color:var(--oro);color:var(--hueso);}
.btn:active{transform:scale(.97);}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(241,234,220,.92);backdrop-filter:blur(8px);border-bottom:0.5px solid rgba(196,154,53,.4);}
nav .row{display:flex;align-items:center;justify-content:space-between;height:66px;}
nav .brand{font-family:'Italiana',serif;font-size:20px;letter-spacing:6px;padding-left:6px;}
nav .links{display:flex;gap:28px;align-items:center;}
nav .links a{font-size:14px;letter-spacing:1px;color:var(--gris);}
nav .links a:hover{color:var(--oro-osc);}
nav .wa{font-size:13px;letter-spacing:1px;padding:9px 20px;border-radius:50px;background:var(--carbon);color:var(--hueso) !important;}
@media(max-width:760px){ nav .links a:not(.wa){display:none;} nav .brand{font-size:17px;letter-spacing:4px;} }

/* CABECERA DE NOTA / DEL BLOG */
.blog-hero{background:var(--travertino);text-align:center;padding:56px 24px 50px;position:relative;}
.blog-hero .kick{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--oro-osc);}
.blog-hero h1{font-family:'Italiana',serif;font-size:clamp(30px,5.4vw,44px);letter-spacing:1px;line-height:1.2;max-width:820px;margin:10px auto 0;}
.blog-hero .meta{margin-top:16px;font-size:13px;letter-spacing:1px;color:var(--gris);}
.rule{width:60px;height:1px;background:var(--oro);margin:18px auto 0;}

/* MIGAS */
.crumbs{font-size:12.5px;letter-spacing:.5px;color:var(--gris);padding:16px 0 0;}
.crumbs a{color:var(--oro-osc);}
.crumbs span{opacity:.6;padding:0 6px;}

/* ARTÍCULO */
article.nota{max-width:760px;margin:0 auto;padding:54px 24px 30px;}
article.nota p{margin:0 0 20px;font-size:16.5px;color:#3a342b;}
article.nota .lead{font-size:18.5px;color:var(--carbon);}
article.nota h2{font-family:'Italiana',serif;font-size:28px;letter-spacing:1px;margin:42px 0 16px;color:var(--carbon);}
article.nota h3{font-size:18px;font-weight:500;letter-spacing:.5px;margin:28px 0 10px;color:var(--oro-osc);}
article.nota ul,article.nota ol{margin:0 0 20px 22px;font-size:16px;color:#3a342b;}
article.nota li{margin-bottom:10px;}
article.nota strong{font-weight:500;color:var(--carbon);}
article.nota em{color:var(--oro-osc);font-style:normal;}

/* CAJA DESTACADA (servicio relacionado) */
.svc-box{background:var(--hueso);border:0.5px solid rgba(196,154,53,.45);border-left:3px solid var(--oro);border-radius:12px;padding:22px 24px;margin:30px 0;}
.svc-box .t{font-family:'Italiana',serif;font-size:20px;letter-spacing:1px;margin-bottom:6px;}
.svc-box p{font-size:14.5px;margin:0 0 12px;}
.svc-box .p{color:var(--oro-osc);font-weight:500;}
.svc-box a{color:var(--oro-osc);font-size:14px;letter-spacing:.5px;border-bottom:1px solid var(--oro);}

/* CTA FINAL */
.cta-fin{background:var(--carbon);color:var(--lino);text-align:center;border-radius:16px;padding:44px 28px;margin:48px auto 0;max-width:760px;}
.cta-fin .t{font-family:'Italiana',serif;font-size:26px;letter-spacing:1px;color:var(--hueso);}
.cta-fin p{font-size:15px;color:#e7ddcb;margin:10px auto 22px;max-width:480px;}

/* LISTADO DE NOTAS (índice y relacionadas) */
.notas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:8px;}
.nota-card{background:var(--hueso);border:0.5px solid rgba(196,154,53,.35);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .3s ease;}
.nota-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(34,31,26,.14);}
.nota-card .cat{font-size:11.5px;letter-spacing:3px;text-transform:uppercase;color:var(--oro-osc);margin-bottom:10px;}
.nota-card h3,.nota-card .tt{font-family:'Italiana',serif;font-size:22px;letter-spacing:.5px;line-height:1.3;margin-bottom:10px;color:var(--carbon);}
.nota-card p{font-size:14px;color:var(--gris);line-height:1.65;flex:1;margin:0 0 16px;}
.nota-card .leer{font-size:13px;letter-spacing:1.5px;color:var(--oro-osc);text-transform:uppercase;}
.rel{max-width:1080px;margin:0 auto;padding:56px 24px 70px;}
.rel .kick{text-align:center;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--oro-osc);}
.rel .h2{text-align:center;font-family:'Italiana',serif;font-size:30px;letter-spacing:2px;margin:8px 0 30px;}

/* FOOTER */
footer{background:var(--travertino);text-align:center;padding:54px 24px;border-top:0.5px solid rgba(196,154,53,.4);margin-top:70px;}
footer .wm{font-family:'Italiana',serif;font-size:24px;letter-spacing:7px;padding-left:7px;}
footer .sig{font-family:'Parisienne',cursive;font-size:22px;color:var(--oro-osc);margin-top:-2px;}
footer .soc{margin-top:18px;display:flex;gap:22px;justify-content:center;font-size:14px;letter-spacing:1px;}
footer .soc a:hover{color:var(--oro-osc);}
footer .cr{margin-top:22px;font-size:12px;color:var(--gris);letter-spacing:1px;}

/* FLOAT WHATSAPP */
.fab{position:fixed;right:18px;bottom:18px;z-index:60;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.25);font-size:13px;font-weight:500;letter-spacing:.5px;}