:root{
  --yale:#204273; --gris:#E6E9EC; --denim:#1164C2; --pumpkin:#FF6D02;
  --ink:#1c2b44; --muted:#5b6b82; --line:#e3e7ec; --white:#ffffff;
  --r:22px; --shadow:0 18px 50px rgba(32,66,115,.10); --shadow-sm:0 8px 24px rgba(32,66,115,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-weight:600;line-height:1.16;color:var(--yale);letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.65rem,3.3vw,2.5rem)}
h3{font-size:1.22rem}
p{color:var(--muted)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1180px,92%);margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-primary{background:var(--pumpkin);color:#fff;box-shadow:0 10px 22px rgba(255,109,2,.28)}
.btn-primary:hover{background:#e85f00;transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-outline{background:#fff;border-color:var(--denim);color:var(--denim)}
.btn-outline:hover{background:var(--denim);color:#fff}
.eyebrow{font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pumpkin);font-size:.8rem}
.section{padding:clamp(3.2rem,6.5vw,5.5rem) 0}
.center{text-align:center}
.lead{font-size:1.12rem;max-width:720px}
.center .lead{margin-inline:auto}
.mt1{margin-top:1rem}.mt2{margin-top:1.6rem}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{font-weight:700;font-size:1.5rem;color:var(--yale);letter-spacing:-.02em}
.brand .go{color:var(--pumpkin)}
.menu{display:flex;gap:1.4rem;align-items:center}
.menu a{font-weight:500;color:var(--ink);font-size:.94rem}
.menu a:hover{color:var(--denim)}

/* Hero */
.hero{background:linear-gradient(160deg,#1b3a66 0%,var(--yale) 55%,#16335c 100%);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,109,2,.22),transparent 70%);border-radius:50%}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding:clamp(2.6rem,5.5vw,4.6rem) 0}
.hero h1{color:#fff}
.hero p{color:rgba(255,255,255,.85);font-size:1.16rem;margin:1.1rem 0 1.8rem}
.hero .actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero-img{border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);aspect-ratio:16/11}
.hero-img img{width:100%;height:100%;object-fit:cover}
.trust{display:flex;gap:1.2rem;align-items:center;margin-top:2.2rem;flex-wrap:wrap}
.trust span{font-size:.82rem;color:rgba(255,255,255,.8)}
.trust img{height:54px;width:auto;background:#fff;border-radius:12px;padding:6px}

/* cards / grids */
.grid{display:grid;gap:1.4rem}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.9rem;box-shadow:var(--shadow-sm);transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cfd9e6}
.card .ic{width:60px;height:60px;border-radius:16px;background:var(--gris);display:grid;place-items:center;margin-bottom:1rem}
.card .ic img{width:36px;height:36px;object-fit:contain}
.card h3{margin-bottom:.35rem}
.card p{font-size:.96rem}
.tag{display:inline-block;font-size:.72rem;font-weight:600;color:var(--denim);background:#eaf1fb;border-radius:999px;padding:.2rem .7rem;margin-top:.7rem}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.split img.media{border-radius:var(--r);box-shadow:var(--shadow);width:100%;object-fit:cover}
.soft{background:var(--gris)}

/* module detail */
.module{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.2rem;align-items:start;padding:2.2rem 0;border-top:1px solid var(--line)}
.module .head{display:flex;gap:1rem;align-items:flex-start}
.module .head .ic{width:64px;height:64px;border-radius:16px;background:#eef2f8;display:grid;place-items:center;flex:0 0 auto}
.module .head .ic img{width:38px;height:38px;object-fit:contain}
.module .feats{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.6rem}
.feat h4{font-size:1rem;color:var(--yale);margin-bottom:.15rem}
.feat p{font-size:.9rem}
.feat{padding-left:1.1rem;border-left:2px solid #e7ebf1}

/* advantages */
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:2.4rem}
.adv .num{font-size:3.2rem;font-weight:700;color:#cdd6e2;line-height:1}
.adv h3{margin:.3rem 0 .5rem}

/* benefits */
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1.7rem 2.2rem;margin-top:2.4rem}
.benefit{display:flex;gap:1rem;align-items:flex-start}
.benefit .bi{flex:0 0 46px;height:46px;border-radius:12px;background:#eef2f8;display:grid;place-items:center}
.benefit .bi img{width:27px;height:27px;object-fit:contain}
.benefit h4{font-size:1.02rem;color:var(--yale);margin-bottom:.15rem}
.benefit p{font-size:.9rem}

/* awards */
.awards{display:flex;gap:2.6rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2rem}
.awards img{height:104px;width:auto;object-fit:contain}

/* testimonials */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.2rem}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.quote .stars{color:var(--pumpkin);letter-spacing:2px;margin-bottom:.7rem}
.quote p{color:var(--ink);font-size:1rem;font-style:italic}
.quote .who{display:flex;gap:.85rem;align-items:center;margin-top:1.3rem}
.quote .who img,.quote .who .mono{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.quote .who .mono{background:linear-gradient(150deg,var(--denim),var(--yale));color:#fff;display:grid;place-items:center;font-weight:600;font-size:1.05rem}
.quote .who b{color:var(--yale);display:block;font-size:.96rem}
.quote .who small{color:var(--muted);font-size:.85rem}

/* pricing */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem;align-items:stretch}
.price{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2.1rem 1.9rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.price.feat2{border:2px solid var(--pumpkin);box-shadow:var(--shadow);position:relative}
.price.feat2:before{content:"Más elegido";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--pumpkin);color:#fff;font-size:.72rem;font-weight:600;padding:.3rem .9rem;border-radius:999px}
.price .pname{font-weight:700;color:var(--yale);font-size:1.2rem}
.price .beds{font-weight:500;color:var(--muted);font-size:.92rem;margin-top:.2rem}
.price .amt{font-size:2.2rem;font-weight:700;color:var(--yale);margin:.8rem 0 0}
.price .amt span{font-size:.95rem;font-weight:500;color:var(--muted)}
.price .base{font-size:.85rem;color:var(--denim);margin-top:.3rem}
.price ul{list-style:none;margin:1.2rem 0;display:grid;gap:.55rem}
.price li{font-size:.93rem;color:var(--ink);padding-left:1.6rem;position:relative}
.price li:before{content:"✓";position:absolute;left:0;color:var(--denim);font-weight:700}
.price .btn{margin-top:auto;justify-content:center}
.terms{margin-top:2rem;display:grid;gap:.8rem}
details.term,details.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 1.4rem;box-shadow:var(--shadow-sm)}
details.term summary,details.faq summary{cursor:pointer;font-weight:600;color:var(--yale);padding:1.1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
details summary::-webkit-details-marker{display:none}
details summary:after{content:"+";color:var(--pumpkin);font-size:1.4rem;font-weight:700}
details[open] summary:after{content:"–"}
details .body{padding:0 0 1.2rem;color:var(--muted);font-size:.97rem}
details .body ul{margin:.5rem 0 0 1.1rem}
details .body li{margin-bottom:.3rem}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}
.formcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem;box-shadow:var(--shadow-sm)}
.formcard label{display:block;font-size:.85rem;font-weight:600;color:var(--yale);margin:.9rem 0 .3rem}
.formcard input,.formcard textarea,.formcard select{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:.95rem;color:var(--ink);background:#fbfcfe}
.formcard input:focus,.formcard textarea:focus,.formcard select:focus{outline:2px solid var(--denim);border-color:var(--denim)}
.cal-wrap{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.info{display:grid;gap:.8rem;margin-top:1.4rem}
.info div{display:flex;gap:.6rem;align-items:center;color:var(--ink);font-size:.96rem}

/* cta band */
.cta{background:linear-gradient(160deg,var(--yale),#16335c);color:#fff;border-radius:28px;padding:clamp(2rem,4vw,3rem);text-align:center}
.cta h2{color:#fff}.cta p{color:rgba(255,255,255,.85);max-width:600px;margin:.7rem auto 1.4rem}

/* footer */
footer{background:#15294a;color:rgba(255,255,255,.75);padding:3.4rem 0 2rem}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:2.2rem}
footer .brand{color:#fff}
footer h5{color:#fff;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
footer a{display:block;color:rgba(255,255,255,.72);margin-bottom:.5rem;font-size:.94rem}
footer a:hover{color:var(--pumpkin)}
.social{display:flex;gap:.7rem;margin-top:1rem}
.social a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;margin:0}
.social a:hover{background:var(--pumpkin)}
.social svg{width:18px;height:18px;fill:#fff}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:2.4rem;padding-top:1.4rem;text-align:center;font-size:.86rem;color:rgba(255,255,255,.55)}

@media(max-width:920px){
  .menu{display:none}
  .hero .wrap,.split,.module,.adv,.benefits,.prices,.quotes,.cols-3,.cols-2,.contact,.fgrid,.module .feats{grid-template-columns:1fr}
  .hero-img{order:-1}
  .awards img{height:74px}
}

/* ===== internal pages ===== */
.menu a.active{color:var(--denim);font-weight:600}
.pagehero{background:linear-gradient(160deg,#1b3a66,var(--yale) 60%,#16335c);color:#fff;padding:clamp(2.6rem,5vw,4rem) 0}
.pagehero .eyebrow{color:#ffb27a}
.pagehero h1{color:#fff;max-width:14ch}
.pagehero p{color:rgba(255,255,255,.85);font-size:1.12rem;max-width:60ch;margin-top:.9rem}
.crumbs{font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:.8rem}
.crumbs a{color:rgba(255,255,255,.75)}
.mhero{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center}
.mhero .mic{width:84px;height:84px;border-radius:20px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:0 0 auto}
.mhero .mic img{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}
.section-cta{background:var(--gris);border-radius:24px;padding:clamp(1.8rem,3.5vw,2.6rem);display:flex;gap:1.4rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.section-cta h3{font-size:1.4rem}
.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
.bpost{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s;display:flex;flex-direction:column}
.bpost:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.bpost .bimg{height:150px;background:linear-gradient(150deg,var(--denim),var(--yale));display:grid;place-items:center;color:#fff;font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.95}
.bpost .bbody{padding:1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.bpost h3{font-size:1.05rem}
.bpost small{color:var(--muted)}
.bpost a.read{color:var(--denim);font-weight:600;font-size:.9rem;margin-top:auto}
@media(max-width:920px){.mhero{grid-template-columns:1fr}.blog{grid-template-columns:1fr}.section-cta{flex-direction:column;align-items:flex-start}}

/* awards big */
.awardcard img{height:96px;width:auto;margin:0 auto 1.1rem;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.7rem 1rem;box-sizing:content-box}
.awardcard h3{margin-bottom:.4rem}
.awardcard p{font-size:.95rem}
/* clara emphasis */
.clarabullets{list-style:none;margin:1.3rem 0 0;display:grid;gap:.7rem}
.clarabullets li{padding-left:1.7rem;position:relative;color:rgba(255,255,255,.92);font-size:.98rem}
.clarabullets li b{color:#fff}
.clarabullets li:before{content:"✦";position:absolute;left:0;color:var(--pumpkin);font-weight:700}
.clara-band{background:linear-gradient(160deg,#1b3a66,var(--yale) 60%,#16335c);color:#fff;border-radius:28px;padding:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:1.1fr .9fr;gap:2.4rem;align-items:center}
.clara-band h2{color:#fff}.clara-band p{color:rgba(255,255,255,.85)}
.clara-band .media{border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.byarea{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:2.4rem}
.byarea .card h3{color:var(--denim);font-size:1.05rem}
/* legal pages */
.legal{max-width:820px}
.legal h3{margin:1.8rem 0 .5rem;font-size:1.15rem}
.legal p{margin-bottom:.9rem;font-size:.97rem;line-height:1.7}
.legal .meta{color:var(--muted);font-size:.9rem;font-style:italic;margin-bottom:1.4rem}
.legal .box{background:var(--gris);border-radius:14px;padding:1.2rem 1.4rem;margin-top:1.4rem;font-size:.95rem;color:var(--ink)}
@media(max-width:920px){.clara-band{grid-template-columns:1fr}.byarea{grid-template-columns:1fr}}

/* OID / NOM table */
.oidtable{width:100%;border-collapse:collapse;margin-top:1.4rem;font-size:.9rem;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.oidtable th{background:var(--yale);color:#fff;text-align:left;padding:.85rem 1rem;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase}
.oidtable td{padding:.95rem 1rem;border-top:1px solid var(--line);vertical-align:top;color:var(--ink);line-height:1.55}
.oidtable tr:nth-child(even) td{background:#f7f9fc}
.oidtable .oid{font-family:ui-monospace,Menlo,monospace;font-weight:600;color:var(--denim);white-space:nowrap;font-size:.82rem}
.oidtable .pub{white-space:nowrap;color:var(--muted);font-size:.85rem}
@media(max-width:760px){.oidtable th{display:none}.oidtable td{display:block;border-top:none;padding:.25rem 1rem}.oidtable tr{display:block;border-top:1px solid var(--line);padding:.9rem 0}}

/* ============ MOTION (Apple-like) + RESPONSIVE ============ */
/* scroll reveals (only when JS active, so no-JS keeps content visible) */
html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,.7,.3,1),transform .8s cubic-bezier(.16,.7,.3,1)}
html.js .reveal.reveal-in{opacity:1;transform:none}
/* hero entrance */
html.js .hero .eyebrow,html.js .hero h1,html.js .hero p,html.js .hero .actions,html.js .hero .trust,html.js .hero-img{opacity:0;transform:translateY(26px);animation:heroIn .9s cubic-bezier(.16,.7,.3,1) forwards}
html.js .hero .eyebrow{animation-delay:.05s}
html.js .hero h1{animation-delay:.12s}
html.js .hero p{animation-delay:.22s}
html.js .hero .actions{animation-delay:.32s}
html.js .hero .trust{animation-delay:.42s}
html.js .hero-img{animation-delay:.18s;animation-name:heroImg}
@keyframes heroIn{to{opacity:1;transform:none}}
@keyframes heroImg{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
/* header dynamic on scroll */
header{transition:box-shadow .3s ease, background .3s ease}
.nav{transition:height .3s ease}
header.scrolled{box-shadow:0 6px 26px rgba(32,66,115,.10);background:rgba(255,255,255,.96)}
header.scrolled .nav{height:62px}
/* image/media hover polish */
.split img.media{transition:transform .7s cubic-bezier(.16,.7,.3,1)}
.split:hover img.media{transform:scale(1.018)}
.hero-img img{transition:transform 1.1s cubic-bezier(.16,.7,.3,1)}
.hero-img:hover img{transform:scale(1.04)}
.awardcard img{transition:transform .4s ease}
.awardcard:hover img{transform:translateY(-3px) scale(1.04)}
.btn-primary{position:relative;overflow:hidden}
.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s ease}
.btn-primary:hover:after{left:130%}

/* burger + nav-right */
.nav-right{display:flex;align-items:center;gap:.7rem}
.burger{display:none;width:44px;height:44px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:9px}
.burger span{display:block;height:2.5px;width:100%;background:var(--yale);border-radius:2px;transition:.3s ease}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* TABLET */
@media(max-width:1024px) and (min-width:921px){
  .cols-3{grid-template-columns:repeat(2,1fr)}
  .quotes{grid-template-columns:repeat(2,1fr)}
  .module{grid-template-columns:1fr}
  .module .feats{grid-template-columns:1fr 1fr}
}

/* MOBILE menu + layout */
@media(max-width:920px){
  .burger{display:flex}
  .menu{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
        background:rgba(255,255,255,.98);backdrop-filter:blur(12px);padding:.4rem 6% 1rem;
        border-bottom:1px solid var(--line);box-shadow:0 22px 44px rgba(32,66,115,.13);
        transform:translateY(-14px);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,.7,.3,1),opacity .3s}
  .menu.open{transform:none;opacity:1;pointer-events:auto}
  .menu a{width:100%;padding:.95rem .2rem;border-bottom:1px solid var(--line);font-size:1.05rem}
  .menu a:last-child{border-bottom:none}
  .nav{position:relative}
  .benefits{grid-template-columns:1fr}
  .awards{gap:1.6rem}
  .awards img{height:64px}
  .quotes{grid-template-columns:1fr}
  .quote p{font-size:.98rem}
}
@media(max-width:560px){
  .wrap{width:91%}
  .btn{padding:.8rem 1.3rem;font-size:.95rem}
  .hero .actions{gap:.7rem}
  .hero .actions .btn{flex:1 1 auto;justify-content:center}
  .price.feat2:before{font-size:.66rem}
  .cta{border-radius:20px;padding:1.6rem 1.2rem}
  .section-cta{padding:1.5rem}
  .adv .num{font-size:2.8rem}
  .mhero .mic{width:64px;height:64px}
  .mhero .mic img{width:36px;height:36px}
}

/* form submit states */
.formcard button[disabled]{opacity:.7;cursor:default;transform:none}

/* reduced motion: disable all */
@media(prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1 !important;transform:none !important;transition:none !important}
  html.js .hero .eyebrow,html.js .hero h1,html.js .hero p,html.js .hero .actions,html.js .hero .trust,html.js .hero-img{animation:none !important;opacity:1 !important;transform:none !important}
  .btn-primary:after{display:none}
  html{scroll-behavior:auto}
}

/* header CTA / menu-cta responsive */
.menu-cta{display:none}
@media(max-width:600px){
  .nav-right .btn{display:none}
  .brand{font-size:1.35rem}
}
@media(max-width:920px){
  .menu .menu-cta{display:inline-flex;margin:.9rem .2rem .2rem;justify-content:center;border-bottom:none}
}

/* ===== SVG icons (override raster) ===== */
.card .ic{color:var(--denim)}
.card .ic svg{width:34px;height:34px;display:block}
.mhero .mic{color:#fff}
.mhero .mic svg{width:44px;height:44px;display:block}
.benefit .bi{color:var(--denim)}
.benefit .bi svg{width:26px;height:26px;display:block}
.card .ic img,.mhero .mic img,.benefit .bi img{display:none}

/* Calendly inline widget: avoid cut-off */
.cal-wrap .calendly-inline-widget{width:100%}
@media(max-width:760px){.cal-wrap .calendly-inline-widget{height:1240px !important}}

/* blog article pages */
.article{max-width:760px;margin-inline:auto}
.article .lead{font-size:1.22rem;line-height:1.6;color:var(--ink);margin-bottom:1.6rem;font-weight:500}
.article h2{font-size:1.5rem;margin:2.2rem 0 .8rem;color:var(--yale)}
.article p{font-size:1.06rem;line-height:1.78;margin-bottom:1.1rem;color:var(--ink)}
.article .closing{margin-top:1.8rem;padding:1.3rem 1.5rem;background:var(--gris);border-left:3px solid var(--pumpkin);border-radius:0 14px 14px 0;color:var(--yale);font-weight:500;font-size:1.05rem}
.article-cta{margin-top:2.2rem;display:flex;gap:.8rem;flex-wrap:wrap}