/* Historia, novedades, artículos y soporte: títulos grandes y livianos, tarjeta crema con diagrama, tarjetas por categoría. */
.eyebrow-r{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

/* ===== Nuestra historia ===== */
.st-hero{background:#050505;padding:clamp(20px,4vw,56px) var(--gutter) clamp(56px,8vw,110px)}
.st-card{max-width:1240px;margin-inline:auto;background:#f3f1ea;color:#111;padding:clamp(28px,5vw,68px) clamp(20px,5vw,72px);
  clip-path:polygon(38px 0,calc(100% - 38px) 0,100% 38px,100% calc(100% - 38px),calc(100% - 38px) 100%,38px 100%,0 calc(100% - 38px),0 38px)}
.st-eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;margin-bottom:12px}
.st-title{font-family:var(--font-display);font-stretch:118%;font-weight:900;text-transform:uppercase;text-align:center;font-size:clamp(34px,6.4vw,92px);letter-spacing:.05em;line-height:1;margin-bottom:24px}
.st-lead{max-width:800px;margin:0 auto clamp(20px,3vw,40px);text-align:center;font-size:clamp(13px,1.2vw,15px);line-height:1.65;color:#333}

.diag{position:relative;max-width:1040px;margin:0 auto;aspect-ratio:1200/760}
.diag__img{position:absolute;left:20%;top:5.26%;width:60%;height:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,.18))}
.diag__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.diag__lines line{stroke:#111;stroke-width:1;vector-effect:non-scaling-stroke}
.diag__lines circle{fill:var(--accent)}
.diag__l{position:absolute;transform:translateY(-50%);font-size:clamp(9px,1.15vw,15px);line-height:1.25;max-width:22%;color:#111;font-weight:500}
.diag__l--l{text-align:right}
.diag__list{display:none;list-style:none;padding:0;margin:8px 0 0;gap:8px;flex-wrap:wrap;justify-content:center}
.diag__list li{font-size:12px;border:1px solid #cfcbc0;border-radius:999px;padding:6px 14px;background:#fff}
.st-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(20px,3vw,40px)}
.st-mini{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:10px 12px 10px 14px;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.st-mini img{width:44px;height:52px;object-fit:contain}
.st-mini div{display:flex;flex-direction:column;min-width:120px}
.st-mini strong{font-size:13px}
.st-mini small{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.04em}
.st-mini span{font-size:13px;font-weight:600}
.st-mini .btn{padding:11px 20px;font-size:13px;font-weight:700}

.tl2{max-width:1500px;margin-inline:auto;padding:clamp(56px,8vw,110px) var(--gutter)}
.tl2__head{margin-bottom:clamp(28px,4vw,56px)}
.tl2__eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.disp--tl{font-size:clamp(34px,5vw,76px);color:#111}
.tl2__row{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,5vw,88px);align-items:start;padding-block:clamp(32px,4vw,56px);border-top:1px solid #e5e2dc}
.tl2__row--rev{grid-template-columns:1.15fr 1fr}
.tl2__row--rev .tl2__fig{order:2}
.tl2__fig{margin:0;border-radius:24px;overflow:hidden;border:3px solid #111;position:sticky;top:110px;background:#111}
.tl2__fig img{width:100%;aspect-ratio:4/3.6;object-fit:cover;display:block}
.tl2__year{font-size:12px;letter-spacing:.32em;color:var(--accent);font-weight:600;margin-bottom:16px}
.tl2__txt h3{font-size:clamp(30px,3.8vw,56px);font-weight:300;letter-spacing:-.025em;line-height:1.04;margin-bottom:22px}
.tl2__txt p{font-size:15px;line-height:1.7;color:#333;margin-bottom:16px;max-width:660px}
.tl2__txt .btn{margin-top:8px}

/* ===== Novedades ===== */
.nw{max-width:1560px;margin-inline:auto;padding:24px var(--gutter) 100px}
.nw__title{text-align:center;font-size:clamp(56px,9.5vw,140px);font-weight:300;letter-spacing:-.045em;line-height:1;margin:clamp(24px,4vw,60px) 0 20px}
.nw__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 30px;margin-bottom:clamp(28px,4vw,52px);font-size:clamp(14px,1.5vw,19px)}
.nw__tabs button{background:none;border:0;border-bottom:2px solid transparent;font:inherit;color:#a5a29b;cursor:pointer;padding:6px 2px;transition:color .2s}
.nw__tabs button:hover{color:#111}
.nw__tabs button.on{color:#111;border-bottom-color:var(--accent)}
.nw__grid{display:grid;grid-template-columns:1.9fr 1fr;gap:20px;align-items:start}
.nw__feat{position:relative;border-radius:24px;overflow:hidden;min-height:clamp(440px,46vw,700px);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,3.2vw,48px);isolation:isolate}
.nw__feat>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.nw__feat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.05) 62%)}
.nw__tags{display:flex;flex-wrap:wrap;gap:8px;position:absolute;top:22px;left:22px;max-width:70%}
.nw__tag{background:rgba(20,20,20,.72);backdrop-filter:blur(4px);color:#fff;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:500}
.nw__meta{display:flex;gap:16px;font-size:11px;font-weight:500;margin-bottom:12px;opacity:.92}
.nw__feat h2{font-size:clamp(28px,3.6vw,52px);font-weight:600;line-height:1.05;letter-spacing:-.03em;max-width:760px;margin-bottom:14px}
.nw__feat p{font-size:14px;line-height:1.55;max-width:720px;margin-bottom:16px;opacity:.95}
.nw__more{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.nw__side{display:grid;gap:20px;align-content:start}
.nw__card{display:block;border-radius:24px;overflow:hidden;background:#f6f4f0;transition:transform .3s}
.nw__card:hover{transform:translateY(-3px)}
.nw__card img{width:100%;aspect-ratio:1.25/1;object-fit:cover;display:block}
.nw__card div{padding:20px 22px 24px}
.nw__card .nw__meta{color:#555;opacity:1}
.nw__card h3{font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}
.nw__card p{font-size:13px;color:#555;line-height:1.55;margin-bottom:14px}
.nw__card .nw__more{color:#111}
.nw__empty{text-align:center;color:#777;padding:60px 0}

/* ===== Artículo ===== */
.art{max-width:880px;margin-inline:auto;padding:28px var(--gutter) 24px}
.art__back{font-size:13px}
.art__tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 14px}
.art__tags span{background:#111;color:#fff;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:500}
.art h1{font-size:clamp(30px,4.6vw,58px);font-weight:600;line-height:1.06;letter-spacing:-.035em;margin-bottom:14px}
.art__meta{color:#666;font-size:13px;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:6px 18px}
.art__img{width:100%;border-radius:24px;margin-bottom:36px;aspect-ratio:16/9;object-fit:cover}
.art__body{font-size:17px;line-height:1.75;color:#262626}
.art__body h2{font-family:var(--font-display);font-stretch:112%;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1;font-size:clamp(24px,3vw,36px);margin:44px 0 14px;color:#111}
.art__body h3{font-size:20px;font-weight:700;margin:26px 0 8px}
.art__body p,.art__body li{margin-bottom:16px}
.art__body ul{padding-left:22px;margin-bottom:18px}
.art__body li::marker{color:var(--accent)}
.art__cta{margin:48px 0 8px;padding:28px;border-radius:20px;background:#0c0c0c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.art__cta p{font-family:var(--font-display);font-stretch:112%;font-weight:900;text-transform:uppercase;font-size:clamp(20px,2.4vw,30px);line-height:1;max-width:480px}
.art__more{max-width:1560px;margin-inline:auto;padding:24px var(--gutter) 100px}
.art__more h2{font-size:clamp(26px,3vw,40px);font-weight:300;letter-spacing:-.03em;margin-bottom:24px}
.art__moregrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}

/* ===== Soporte ===== */
.sp{max-width:1300px;margin-inline:auto;padding:24px var(--gutter) 40px}
.sp__title{font-size:clamp(56px,9vw,132px);font-weight:300;letter-spacing:-.045em;line-height:1;margin:clamp(20px,3vw,48px) 0 26px}
.sp .tabs{margin-bottom:36px}
.sp .panel[hidden]{display:none}
.sp-search{position:relative;max-width:520px;margin-bottom:26px}
.sp-search input{width:100%;background:#f4f2ee;border:0;border-radius:999px;padding:15px 20px 15px 48px;font:inherit;font-size:14px}
.sp-search input:focus{outline:2px solid var(--accent)}
.sp-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#777}
.sp-lead{color:#555;max-width:640px;margin-bottom:24px}
.sp-cat{border:1px solid #e5e2dc;border-radius:22px;padding:clamp(18px,3vw,34px);margin-bottom:18px;background:#fff}
.sp-cat h3{font-size:clamp(18px,2vw,24px);font-weight:400;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.sp-cat details{border-top:1px solid #ecebe6}
.sp-cat details:first-of-type{margin-top:12px}
.sp-cat summary{font-size:clamp(14px,1.3vw,16px);font-weight:400;letter-spacing:0;padding:18px 0;color:#111}
.sp-cat summary:hover{color:var(--accent)}
.sp-cat details p{padding-bottom:18px;font-size:14px;color:#555;max-width:820px}
.sp-none{text-align:center;color:#777;padding:34px 0}

.sp-h2{font-size:clamp(34px,5vw,72px);font-weight:300;letter-spacing:-.035em;line-height:1.02;margin-bottom:18px}
.sp-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px}
.sp-form .full{grid-column:1/-1}
.sp-form input,.sp-form textarea,.sp-form select{width:100%;background:#f4f2ee;border:0;border-radius:10px;padding:17px 18px;font:inherit;font-size:14px;color:#111}
.sp-form input:focus,.sp-form textarea:focus,.sp-form select:focus{outline:2px solid var(--accent)}
.sp-form .btn{justify-self:start;padding:15px 30px}
.sp-direct{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.sp-direct a{display:inline-flex;align-items:center;gap:10px;border:1px solid #d9d6cf;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500}
.sp-direct a:hover{border-color:#111}

.care-h{font-family:var(--font-display);font-stretch:118%;font-weight:900;text-transform:uppercase;font-size:clamp(26px,4.2vw,58px);letter-spacing:.005em;line-height:1;margin-bottom:16px}
.care-lead{color:#333;max-width:620px;margin-bottom:clamp(28px,4vw,56px)}
.care-blk{margin-bottom:clamp(36px,5vw,72px)}
.care-blk h3{font-size:clamp(30px,4.6vw,66px);font-weight:300;letter-spacing:-.035em;line-height:1.02;margin-bottom:22px;max-width:760px}
.care-blk video{width:100%;border-radius:24px;background:#000;aspect-ratio:16/9;display:block}
.care-tips{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}
.care-tips li{border:1px solid #e5e2dc;border-radius:16px;padding:18px 20px;font-size:14px;color:#444;position:relative;padding-left:52px}
.care-tips li::before{content:"";position:absolute;left:20px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--accent)}

.war{background:#050505;padding:clamp(20px,4vw,48px);border-radius:28px;margin-bottom:24px}
.war__card{background:#f3f1ea;padding:clamp(28px,5vw,64px);color:#111;
  clip-path:polygon(34px 0,calc(100% - 34px) 0,100% 34px,100% calc(100% - 34px),calc(100% - 34px) 100%,34px 100%,0 calc(100% - 34px),0 34px)}
.war__card h2{font-family:var(--font-display);font-stretch:118%;font-weight:900;text-transform:uppercase;font-size:clamp(34px,6vw,88px);letter-spacing:.02em;line-height:.95;margin-bottom:18px}
.war__card>p{max-width:720px;font-size:16px;line-height:1.65;color:#333;margin-bottom:26px}
.war__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.war__grid div{background:#fff;border-radius:16px;padding:22px}
.war__grid h4{font-size:15px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}
.war__grid p{font-size:13.5px;color:#555;line-height:1.6}

@media (max-width:900px){
  .tl2__row,.tl2__row--rev{grid-template-columns:1fr}
  .tl2__row--rev .tl2__fig{order:0}
  .tl2__fig{position:static}
  .nw__grid{grid-template-columns:1fr}
  .war__grid,.care-tips,.sp-form{grid-template-columns:1fr}
}
@media (max-width:720px){
  .diag__lines,.diag__l{display:none}
  .diag{aspect-ratio:auto;max-width:460px}
  .diag__img{position:static;width:100%}
  .diag__list{display:flex}
}
@media (prefers-reduced-motion:reduce){.nw__card{transition:none}.nw__card:hover{transform:none}}

.nw__feat h2,.nw__feat p,.nw__feat .nw__meta,.nw__feat .nw__more{color:#fff}
.war__card h2{color:#111}

/* ===== Páginas legales ===== */
.lg{max-width:1300px;margin-inline:auto;padding:24px var(--gutter) 100px}
.lg__crumb{display:flex;gap:10px;font-size:12px;color:#555;margin-bottom:8px}
.lg__crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.lg__crumb span[aria-hidden]{color:#aaa}
.lg__title{font-size:clamp(40px,6.6vw,96px);font-weight:300;letter-spacing:-.04em;line-height:1;margin:clamp(14px,2vw,30px) 0 16px}
.lg__meta{font-size:13px;color:#666;margin-bottom:clamp(28px,4vw,52px);padding-bottom:clamp(20px,3vw,32px);border-bottom:1px solid #e5e2dc}
.lg__layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.lg__aside{position:sticky;top:96px;display:grid;gap:26px;max-height:calc(100vh - 120px);overflow:auto;padding-right:6px}
.lg__nav{display:grid;gap:4px}
.lg__nav a{display:block;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:500;color:#333;border:1px solid transparent}
.lg__nav a:hover{background:#f4f2ee}
.lg__nav a.on{background:#111;color:#fff}
.lg__toc[hidden]{display:none}
.lg__toc summary{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:0;padding:0 2px 10px;cursor:pointer;list-style:none}
.lg__toc summary span{color:#888;font-weight:600}
@media (min-width:901px){.lg__toc summary{pointer-events:none;cursor:default}.lg__toc summary::after{display:none}}
.lg__toc ol{list-style:none;padding:0;border-left:1px solid #e5e2dc}
.lg__toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:12.5px;line-height:1.35;color:#666}
.lg__toc a:hover{color:#111}
.lg__toc a.on{color:#111;border-left-color:var(--accent);font-weight:600}
.lg__body .art__body{font-size:16px;max-width:780px}
.lg__body .art__body h2{scroll-margin-top:100px;font-size:clamp(17px,1.7vw,23px);margin:40px 0 12px;padding-top:6px}
.lg__body .art__body h2:first-child{margin-top:0}
.lg__body .art__body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.lg__body .art__body code{background:#f0f0ec;padding:1px 6px;border-radius:5px;font-size:.9em}
.lg__contact{margin-top:56px;max-width:780px;background:#0c0c0c;color:#fff;border-radius:22px;padding:clamp(22px,3vw,34px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden;isolation:isolate}
.lg__contact::before{content:"";position:absolute;z-index:-1;right:-40px;top:50%;width:220px;aspect-ratio:1;transform:translateY(-50%);background:url(assets/nanduti.svg) center/contain no-repeat;opacity:.08}
.lg__ct{font-family:var(--font-display);font-stretch:112%;font-weight:900;text-transform:uppercase;font-size:clamp(18px,2vw,26px);line-height:1.05;margin-bottom:6px;color:#fff}
.lg__contact p:last-child{font-size:14px;color:#c9c9c9}

@media (max-width:900px){
  .lg__layout{grid-template-columns:1fr}
  .lg__aside{position:static;max-height:none;overflow:visible}
  .lg__nav{display:flex;flex-wrap:wrap;gap:8px}
  .lg__nav a{border:1px solid #e0ddd6;border-radius:999px;padding:9px 16px;font-size:13px}
  .lg__nav a.on{border-color:#111}
  .lg__toc{border:1px solid #e5e2dc;border-radius:16px;padding:0 18px}
  .lg__toc summary{padding:16px 2px;font-size:12px}
  .lg__toc ol{padding-bottom:14px}
}
@media print{
  #site-header,#site-footer,.lg__aside,.lg__contact{display:none}
  .lg__layout{display:block}
}