/* Antojos — páginas de carta (SEO). CSS compartido: retoques en un solo lugar. */
.art-wrap { max-width: 880px; margin: 0 auto; }
.art-hero { display:flex; gap:2.4rem; align-items:center; flex-wrap:wrap; margin-bottom:2.6rem; }
.art-hero img { width:360px; max-width:100%; border-radius:20px; box-shadow:0 16px 44px rgba(0,0,0,.55); }
.art-hero .lead { flex:1; min-width:300px; }
.art-lvl { display:inline-flex; align-items:center; gap:.4rem; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; border-radius:999px; padding:.3rem .9rem .3rem .5rem; margin-bottom:1rem; border:1px solid; }
.art-lvl-ic { height:1.7em; width:auto; display:block; }
.rel-ic { height:1.25em; width:auto; vertical-align:-.28em; margin-right:.3em; }
.art-lvl.l-light { color:#ff9ec7; border-color:rgba(255,158,199,.4); }
.art-lvl.l-spicy { color:#ff8a5b; border-color:rgba(255,138,91,.4); }
.art-lvl.l-hot   { color:#ff2d7e; border-color:rgba(255,45,126,.4); }
.art-lvl.l-ext   { color:#b06cff; border-color:rgba(176,108,255,.4); }
.art-hero .tagline { font-size:1.2rem; }
.art-body h2 { margin-top:2.8rem; font-size:1.7rem; }
.art-body p, .art-body li { font-size:1.12rem; line-height:1.85; opacity:.95; }
.art-body > p.intro { font-size:1.2rem; opacity:1; }
.art-body ul { margin:.8rem 0 1.3rem 1.3rem; }
.art-body ul li { margin-bottom:.55rem; }
.breadcrumb { font-size:.85rem; opacity:.6; margin-bottom:1.4rem; }
.breadcrumb a { color:inherit; }
.faq-q { font-weight:600; margin-top:1.4rem; }
.related-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1rem; margin-top:1rem; }
.related-grid a.rel-card { position:relative; display:block; aspect-ratio:3/4; border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.09); background:#160a11; text-decoration:none; color:inherit; transition:transform .18s ease, box-shadow .18s ease; }
.related-grid a.rel-card:hover { transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.45); }
.rel-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.rel-card .rel-name { position:absolute; left:0; right:0; bottom:0; z-index:1; padding:.75rem .7rem .85rem; background:linear-gradient(transparent,rgba(10,4,7,.94)); font-weight:700; font-size:.88rem; line-height:1.18; }
.art-cta { text-align:center; margin:3rem 0 1rem; }
/* Hero full-bleed por intensidad (paginas de nivel) */
.lvl-hero { position:relative; padding:150px 0 3rem; background-size:cover; background-position:center; margin-bottom:2.5rem; }
.lvl-hero__veil { position:absolute; inset:0; background:linear-gradient(rgba(10,4,7,.5),rgba(10,4,7,.92)); }
.lvl-hero__in { position:relative; z-index:1; }
.lvl-hero .breadcrumb { margin-bottom:1rem; opacity:.75; }
.lvl-hero h1 { font-size:2.6rem; margin:.5rem 0; line-height:1.1; }
.lvl-hero .tagline { font-size:1.2rem; opacity:.92; max-width:640px; }
@media (max-width:640px){ .lvl-hero{padding-top:120px;} .lvl-hero h1{font-size:2rem;} }