/* Plantilla de artículo a2 (Futuro Viñador, Aprende…). Extraída del bloque inline de las páginas a2. */

.a2{--a2-ink:var(--pop-ink,#1A1710);--a2-gap:clamp(18px,4.5vw,60px);max-width:1240px;margin:0 auto;padding:calc(var(--header-h,80px) + 18px) var(--a2-gap) 0}
.a2-crumb{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0 0 28px;padding:0;font:700 12px/1.4 var(--ff-cond,'Barlow Condensed',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--a2-ink)}
.a2-crumb a{text-decoration:underline;text-underline-offset:3px}.a2-crumb li+li::before{content:'/';margin-right:10px;opacity:.5}
.a2-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:56px}
.a2-cover{border:2px solid var(--a2-ink);border-radius:22px;overflow:hidden;box-shadow:var(--pop-shadow,0 5px 0 var(--a2-ink));background:var(--p-sage,#E8F2E4);aspect-ratio:4/3.4}
.a2-cover img{width:100%;height:100%;object-fit:cover;display:block}
.a2-tag{display:inline-block;border:2px solid var(--a2-ink);border-radius:999px;padding:5px 14px;background:var(--groc,#F2C012);font:800 12px/1 var(--ff-cond,'Barlow Condensed',sans-serif);letter-spacing:.14em;text-transform:uppercase}
.a2-head h1{font-family:var(--ff-tit,'Hanken Grotesk',var(--ff-body),sans-serif);font-weight:800;letter-spacing:-.03em;line-height:1.04;font-size:clamp(32px,4.6vw,58px);margin:18px 0 16px;color:var(--a2-ink);text-transform:none}
.a2-head h1 em{font-style:normal;display:block;font-size:.62em;line-height:1.12;letter-spacing:-.02em;margin-top:10px;background:linear-gradient(transparent 62%,rgba(242,192,18,.55) 62%)}
.a2-lead{font:400 18px/1.65 var(--ff-body,'Barlow',sans-serif);color:#3a3830;margin:0 0 18px}
.a2-by{font:400 14px/1.5 var(--ff-body,'Barlow',sans-serif);color:#6b685f;margin:0}.a2-by a{text-decoration:underline;text-underline-offset:2px}
.a2-grid{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:clamp(32px,6vw,80px);justify-content:center;align-items:start}
.a2-toc{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-h,80px) + 20px);border:2px solid var(--a2-ink);border-radius:18px;background:#fff;padding:18px 18px 12px;max-height:calc(100vh - var(--header-h,80px) - 44px);overflow:auto}
.a2-toc summary{list-style:none;cursor:default;font:800 12px/1 var(--ff-cond,'Barlow Condensed',sans-serif);letter-spacing:.16em;text-transform:uppercase;padding-bottom:12px}
.a2-toc summary::-webkit-details-marker{display:none}
.a2-bar{height:4px;border-radius:4px;background:#e6e4f4;margin:0 0 10px;overflow:hidden}.a2-bar i{display:block;height:100%;width:0;background:var(--a2-ink);transition:width .15s}
.a2-toc ol{list-style:none;margin:0;padding:0;counter-reset:s}
.a2-toc li a{display:flex;gap:12px;align-items:baseline;padding:8px 10px;border-radius:10px;font:500 15px/1.35 var(--ff-body,'Barlow',sans-serif);color:var(--a2-ink)}
.a2-toc li a b{font:500 12px/1 var(--ff-cond,'Barlow Condensed',sans-serif);opacity:.55;min-width:18px}
.a2-toc li a.on{background:var(--p-lime,#EDF6D4);font-weight:700}
.a2-body{grid-column:1;grid-row:1;min-width:0}
.a2-body h2{font-family:var(--ff-tit,'Hanken Grotesk',var(--ff-body),sans-serif);font-weight:800;letter-spacing:-.02em;line-height:1.15;font-size:clamp(24px,2.8vw,32px);margin:56px 0 16px;color:var(--a2-ink);scroll-margin-top:calc(var(--header-h,80px) + 20px)}
.a2-body section:first-of-type h2{margin-top:8px}
.a2-body p{font:400 17px/1.78 var(--ff-body,'Barlow',sans-serif);color:#2c2a24;margin:0 0 18px}
.a2-body a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lima-fosc,#5A7A00)}
.a2-body h3{font:700 18px/1.35 var(--ff-body,'Barlow',sans-serif);margin:24px 0 6px;color:var(--a2-ink)}
.a2-quote{margin:44px 0;padding:6px 0 6px 24px;border-left:5px solid var(--groc,#F2C012);font:800 clamp(22px,2.7vw,30px)/1.25 var(--ff-tit,'Hanken Grotesk',var(--ff-body),sans-serif);letter-spacing:0;color:var(--a2-ink)}
.a2-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none}
.a2-facts li{border:2px solid var(--a2-ink);border-radius:18px;padding:20px 20px 18px;box-shadow:0 4px 0 var(--a2-ink);background:var(--p-yellow,#FDF6DA)}
.a2-facts b{display:block;font:800 44px/1 var(--ff-tit,'Hanken Grotesk',var(--ff-body),sans-serif);letter-spacing:-.03em}.a2-facts span{display:block;margin-top:8px;font:500 15px/1.35 var(--ff-body,'Barlow',sans-serif);color:#4a473e}
.a2-src{margin:0;padding-left:20px}.a2-src li{font:400 15px/1.6 var(--ff-body,'Barlow',sans-serif);margin:0 0 8px;color:#3a3830}
.a2-tags{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0;padding:0;list-style:none}
.a2-tags a{display:inline-block;text-decoration:none!important;border:2px solid var(--a2-ink);border-radius:999px;padding:9px 18px;background:#fff;font:600 15px/1 var(--ff-body,'Barlow',sans-serif);box-shadow:0 3px 0 var(--a2-ink)}
.a2-rel{max-width:1240px;margin:72px auto 0;padding:0 var(--a2-gap)}
.a2-rel h2{font-family:var(--ff-tit,'Hanken Grotesk',var(--ff-body),sans-serif);font-weight:800;letter-spacing:-.025em;font-size:clamp(26px,3.2vw,40px);margin:0 0 22px}
.a2-relg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.a2-relg a{display:flex;flex-direction:column;gap:8px;border:2px solid var(--a2-ink);border-radius:18px;padding:20px;background:#fff;box-shadow:0 4px 0 var(--a2-ink)}
.a2-relg b{font:800 20px/1.2 var(--ff-tit,'Hanken Grotesk',var(--ff-body),sans-serif);letter-spacing:-.02em}.a2-relg span{font:400 15px/1.55 var(--ff-body,'Barlow',sans-serif);color:#4a473e}.a2-relg i{font:700 13px/1 var(--ff-cond,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase;font-style:normal;margin-top:auto;padding-top:6px}
.a2 + .s-cta{margin-top:72px}
.a2-full{margin:0 0 60px}.a2-full .tl{max-width:none;padding:0}.a2-full .tl b{font-size:20px}.a2-full .tl span{font-size:15px;max-width:240px}
@media(max-width:960px){.a2-head{grid-template-columns:1fr}.a2-grid{grid-template-columns:minmax(0,1fr)}
.a2-toc{grid-column:1;grid-row:1;position:static;max-height:none;margin-bottom:28px}.a2-body{grid-row:2}
.a2-toc summary{cursor:pointer;padding-bottom:0}.a2-toc[open] summary{padding-bottom:12px}
.a2-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.a2{padding-top:calc(var(--header-h,80px) + 8px)}.a2-body p{font-size:16.5px}}
@media(prefers-reduced-motion:reduce){.a2-bar i{transition:none}}
.tl{max-width:1000px;margin:0 auto;padding:44px 24px 0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.tl li{position:relative;padding:34px 18px 0 0}.tl li::before{content:'';position:absolute;top:11px;left:0;right:0;border-top:2px solid var(--verd,#2B5425)}.tl li::after{content:'';position:absolute;top:2px;left:0;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--verd,#2B5425);box-sizing:border-box}.tl li.on::after{background:var(--verd,#2B5425)}.tl b{display:block;font-family:var(--ff-body,'Barlow',sans-serif);font-size:19px;font-weight:600;color:var(--tinta,#1A1710);line-height:1.25}.tl span{display:block;margin-top:6px;font-family:var(--ff-body,'Barlow',sans-serif);font-size:14px;line-height:1.5;color:#6b685f}.tl-cap{max-width:1000px;margin:0 auto;padding:36px 24px 0;font-family:var(--ff-cond,'Barlow Condensed',sans-serif);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--lima-fosc,#5A7A00)}@media(max-width:700px){.tl{grid-template-columns:1fr;padding-top:20px}.tl li{padding:0 0 26px 40px}.tl li::before{top:0;bottom:0;left:8px;right:auto;border-top:0;border-left:2px solid var(--verd,#2B5425)}.tl li::after{top:2px}.tl li:last-child::before{bottom:auto;height:12px}}
.a2-crumb{display:none}
.a2>.tr-crumbs{margin:0 0 28px}
.a2-cta{margin:56px 0 24px;padding:clamp(22px,3vw,36px);border:2px solid var(--a2-ink);border-radius:18px;background:#FFF8EC;box-shadow:0 5px 0 var(--a2-ink)}
.a2-cta .container{max-width:none;padding:0}
.a2-cta h2{margin:0 0 10px;font:800 clamp(24px,3vw,34px)/1.1 var(--ff-tit,'Hanken Grotesk',sans-serif);letter-spacing:-.01em;text-transform:none}
.a2-cta p{margin:0 0 18px;max-width:60ch}
.a2-body ul li{margin:0 0 .5em}
.a2-head--nocover{grid-template-columns:minmax(0,1fr)}