/* ---- Identidad IECE: motivos del logo (casa, engranaje, diagonal naranja) ---- */
.logo img{height:46px;width:auto;display:block}
.logo .lg-light{display:none}
footer .logo .lg-dark{display:none} footer .logo .lg-light{display:block}
footer .logo img{height:52px}
:root[data-theme="dark"] .head .lg-dark{display:none}:root[data-theme="dark"] .head .lg-light{display:block}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .head .lg-dark{display:none}:root:not([data-theme="light"]) .head .lg-light{display:block}}
.head{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.head::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,var(--accent) 0 22%,var(--hero2) 22% 100%)}
.eyebrow{color:var(--accent-text)}
.sec-head .eyebrow::before{content:"";display:inline-block;width:28px;height:3px;background:var(--accent);vertical-align:middle;margin-right:10px}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;
  mask-image:linear-gradient(100deg,transparent 10%,#000 70%)}
.slide .art::before{content:"";position:absolute;right:-6%;top:-10%;bottom:-10%;width:46%;background:linear-gradient(160deg,var(--accent) 0 38%,transparent 38.2%);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);opacity:.95}
.slide .art::after{content:"";position:absolute;right:11%;top:-10%;bottom:-10%;width:2px;background:rgba(255,255,255,.18);rotate:12deg;transform-origin:top}
.slide .art svg{z-index:1}
.slide h1 em{color:var(--accent)}
.hero .btn-ghost{color:#fff}
.facts{background:var(--hero2)}
.facts b{color:var(--accent)}
section{position:relative}
.alt{background:var(--surface)}
.card{border-top:4px solid var(--accent);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card .ic{background:var(--brand);position:relative}
.card .ic::after{content:"";position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%)}
.card .more{color:var(--accent-text)}
.tile{border-width:2px;transition:transform .15s,border-color .15s}
.tile:hover{transform:translateY(-2px)}
.tile svg{color:var(--accent-text)}
.tablist button[aria-selected="true"]{border-left-color:var(--accent)}
.panel svg{color:var(--accent-text)}
.values div{border-top:4px solid var(--accent);border-radius:var(--r)}
.pcard .ph::after{content:"";position:absolute;right:0;bottom:0;width:46px;height:46px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%)}
.news article:first-child{background:linear-gradient(135deg,var(--hero),var(--hero2))}
.chips button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.seg{border-color:var(--brand)}
.seg button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.band{background:var(--accent);color:var(--accent-ink);padding-block:54px;position:relative;overflow:hidden;isolation:isolate}
.band::before{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border:44px solid rgba(16,27,58,.12);border-radius:50%;z-index:-1}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.band h2{font-size:clamp(1.9rem,3.6vw,2.7rem);max-width:20ch}
.band p{margin-top:8px;max-width:52ch;font-weight:500}
.band .btn-primary{background:#101B3A;color:#fff}
.band .btn-ghost{color:#101B3A}
.band .tel{font:700 1.7rem var(--f-mono);letter-spacing:.02em;text-decoration:none;color:#101B3A;display:block;margin-top:10px}
footer{border-top:6px solid var(--accent)}
.quick a{background:var(--accent);color:var(--accent-ink)}
.quick a:nth-child(2){background:var(--hero);color:#fff}
.pal{display:none}
.logo img{height:60px}
footer .logo img{height:64px}
.nav>a.cta{background:var(--accent);color:var(--accent-ink);padding:14px 20px;margin-left:10px}
.nav>a.cta::after{display:none}
.nav>a.cta:hover{filter:brightness(1.05)}
@media (max-width:900px){.logo img{height:48px}.nav>a.cta{text-align:center;justify-content:center;border-bottom:0}}