/* ---- Estilo claro y aireado, cercano a enel.com.co ---- */
:root{--bg:#FFFFFF;--surface:#FFFFFF;--surface2:#F3F1EE;--line:#E6E2DC;--shadow:0 12px 32px rgba(16,40,88,.14);--r:14px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#08122B;--surface:#0E1C42;--surface2:#142757;--line:#22366B}}
:root[data-theme="dark"]{--bg:#08122B;--surface:#0E1C42;--surface2:#142757;--line:#22366B}
.lg-dark{display:block!important}
.head .logo,footer .logo{background:#fff;border-radius:12px;padding:6px 12px}
.head .logo{padding:4px 10px}
.head::after{display:none}
.head{box-shadow:0 2px 12px rgba(16,40,88,.08)}
.btn{border-radius:999px}
.util{background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line)}
.util a{color:var(--fg)}
.search input{background:var(--surface2);border-color:var(--line);color:var(--fg)}
.search input::placeholder,.search svg{color:var(--muted)}
.themebtn{border-color:var(--line);color:var(--fg)}
.nav>a,.nav>button{font-weight:600;letter-spacing:.03em}
.hero{background:linear-gradient(120deg,var(--hero),var(--hero2))}
.slide .wrap{padding-block:64px 150px;min-height:540px;grid-template-columns:minmax(0,1fr)}
.hcard{background:var(--surface);color:var(--fg);border-radius:24px;padding:40px 40px 36px;max-width:540px;box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative}
.hcard::before{content:"";position:absolute;left:40px;top:-6px;width:64px;height:6px;border-radius:6px;background:var(--accent)}
.slide h1{font-size:clamp(2.1rem,4.4vw,3.4rem);text-transform:none;letter-spacing:0;line-height:1.02;margin:14px 0 16px;color:var(--fg)}
.slide h1 em{color:var(--accent-text)}
.slide p.lead{color:var(--muted);font-size:1.1rem;margin-bottom:26px}
.slide .eyebrow{color:var(--accent-text)}
.hcard .btn-ghost{color:var(--fg)}
.hero .ctl{bottom:56px}
.facts{background:transparent;border:0;margin-top:-44px;position:relative;z-index:5}
.facts .wrap{background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding-block:6px;padding-left:16px;padding-right:16px}
.facts div{border-left:1px solid var(--line);padding:20px 22px}
.facts div:first-child{padding-left:22px}
.facts b{color:var(--brand);font-size:1.6rem}
.facts b::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-right:10px}
.facts span{color:var(--muted)}
.wizard{padding-block:64px 72px;border-bottom:0}
.tile{border-radius:18px;border:2px solid var(--line);background:var(--surface);min-height:132px}
.tile svg{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--surface2);color:var(--brand)}
.tile[aria-pressed="true"]{background:var(--surface);border-color:var(--accent);box-shadow:0 8px 22px rgba(238,129,51,.22)}
.tile[aria-pressed="true"] svg{background:var(--accent);color:var(--accent-ink)}
.seg{border-radius:999px;border-color:var(--line)}
.seg button[aria-pressed="true"]{border-radius:999px}
.card{border:0;border-radius:20px;box-shadow:0 4px 24px rgba(16,40,88,.09);border-top:0;padding:32px 26px;background:var(--surface)}
.alt .card{background:var(--surface)}
.card .ic{border-radius:50%;background:var(--surface2);color:var(--brand);width:64px;height:64px}
.card .ic::after{display:none}
.card:hover .ic{background:var(--accent);color:var(--accent-ink)}
.alt{background:var(--surface2)}
.tabs,.pcard,.news article,form,.values div{border-radius:20px}
.news article{border:0;box-shadow:0 4px 24px rgba(16,40,88,.08)}
.news article:first-child{box-shadow:none}
.pcard{border:0;box-shadow:0 4px 24px rgba(16,40,88,.09)}
.values div{border-top:0;box-shadow:0 4px 24px rgba(16,40,88,.07);border:0}
.chips button{border-radius:999px}
input,select,textarea{border-radius:12px}
.band{border-radius:0}
@media (max-width:900px){.slide .wrap{padding-block:40px 140px;min-height:0}.hcard{padding:28px 24px}.hcard::before{left:24px}.facts{margin-top:-36px}}
@media (max-width:640px){.facts div:nth-child(3){border-left:0}.facts div:first-child,.facts div:nth-child(3){padding-left:16px}}
@media (max-width:640px){.seg{display:grid;border-radius:18px;width:100%}.seg button{text-align:left}.wizard+section{padding-top:56px}}
.wizard{padding-bottom:24px}
