/* V43 · Área de energía. Todas las reglas están limitadas a este departamento. */
#web.davatel-area-energia{--davatel-area-color:#126c60!important;--davatel-area-soft:#edf7f3!important}
#web #energia{max-width:1240px!important;margin:0 auto!important;padding:26px clamp(14px,3vw,34px) 60px!important;color:#183c3a;background:transparent!important;box-shadow:none!important;border:0!important}
#web #energia #auro-panel{--ae-ink:#163c39;--ae-muted:#586c69;--ae-green:#126c60;--ae-line:#dbe8e3;color:var(--ae-ink);font-size:15px;text-align:left;line-height:1.55}
#auro-panel *,#energia-gestion-manual *{box-sizing:border-box;min-width:0}
#auro-panel [hidden],#energia-gestion-manual[hidden],#davatel-menu-energia [hidden]{display:none!important}
#web #energia #auro-panel :is(h2,h3,h4,p){text-align:left;color:inherit;max-width:none}
#web #energia #auro-panel h2{font-size:clamp(27px,3vw,38px)!important;font-weight:800!important;line-height:1.16!important;letter-spacing:-1.1px;margin:7px 0 10px!important}
#web #energia #auro-panel h3{font-size:21px!important;font-weight:750!important;letter-spacing:-.35px;margin:0 0 8px!important;line-height:1.3!important}
#web #energia #auro-panel h4{font-size:18px!important;margin:0 0 12px!important}
#web #energia #auro-panel p{font-size:15px!important;line-height:1.6!important;font-weight:400!important;margin:0 0 14px;color:var(--ae-muted)}
#web #energia #auro-panel button{font-family:inherit!important;font-size:14px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;min-height:44px;width:auto;max-width:100%;padding:12px 18px!important;border-radius:10px!important;border:1px solid transparent!important;background:var(--ae-green)!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;cursor:pointer;white-space:normal;transition:background .15s,box-shadow .15s}
#web #energia #auro-panel button:hover{background:#0c564c!important}
#web #energia #auro-panel button:disabled{opacity:.6;cursor:wait}
#web #energia #auro-panel :is(button,a,input,select,summary):focus-visible{outline:3px solid #d09b26!important;outline-offset:3px}
#web #energia #auro-panel button.auro-secondary{color:var(--ae-ink)!important;background:#fff!important;border-color:#bdcfc6!important}
#web #energia #auro-panel button.auro-secondary:hover{background:#eff7f2!important}
#web #energia #auro-panel button.auro-link{color:var(--ae-green)!important;background:transparent!important;border:0!important;padding:9px 0!important;text-align:left;text-decoration:none}
#web #energia #auro-panel button.auro-light{color:#16483f!important;background:#e4f4b5!important;display:inline-flex;gap:24px;align-items:center;justify-content:space-between}
#web #energia #auro-panel button.auro-light:hover{background:#f0ffd1!important}
#web #energia #auro-panel :is(label,legend){display:block;font-size:14px!important;color:var(--ae-ink)!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;margin:0}
#web #energia #auro-panel :is(input,select,textarea):not([type=checkbox]){width:100%!important;max-width:100%!important;min-height:47px!important;margin:7px 0 0!important;padding:11px 12px!important;border:1px solid #bdcfc6!important;border-radius:9px!important;background:#fff!important;color:var(--ae-ink)!important;box-shadow:none!important;font:inherit!important;font-size:16px!important;line-height:1.4!important}
#web #energia #auro-panel textarea{min-height:88px!important;resize:vertical}
#web #energia #auro-panel input[type=checkbox]{appearance:auto;width:19px!important;height:19px!important;margin:2px 0 0!important;accent-color:var(--ae-green);flex:none}
#web #energia #auro-panel fieldset{border:0;margin:0;padding:0;min-width:0}
#web #energia #auro-panel fieldset:disabled{opacity:.65}
#web #energia #auro-panel .auro-check{display:flex;gap:11px;align-items:flex-start;font-size:13px!important;font-weight:400!important;line-height:1.55!important;margin:20px 0 10px}
#web #energia #auro-panel .auro-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 8px}
#web #energia #auro-panel .auro-eyebrow{font-size:11px!important;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#52736a}
#web #energia #auro-panel .auro-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:25px}
#web #energia #auro-panel .auro-heading p{margin:0}
#web #energia #auro-panel .auro-connection{display:flex;align-items:flex-start;flex-direction:column;gap:7px;flex-shrink:0;font-size:12px;color:#637670}
#web #energia #auro-panel .auro-connection span:before{content:'';display:inline-block;width:7px;height:7px;background:#9baba5;border-radius:50%;margin-right:7px}
#web #energia #auro-panel .auro-connection[data-connected=true] span:before{background:#1b9766}
#web #energia #auro-panel .auro-connection button{font-size:12px!important;min-height:34px;padding:7px 10px!important}
#web #energia #auro-panel .auro-home-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}
#web #energia #auro-panel .auro-feature{position:relative;isolation:isolate;overflow:hidden;background:#114c42;border-radius:19px;padding:30px;color:white;min-height:340px}
#web #energia #auro-panel .auro-pill{display:inline-flex;padding:6px 10px;border:1px solid #62917c;border-radius:30px;font-size:10px;letter-spacing:1px;font-weight:750;color:#d7eeb9}
#web #energia #auro-panel .auro-feature h3{font-size:clamp(26px,3vw,34px)!important;line-height:1.13!important;letter-spacing:-.9px;margin:23px 0 15px!important;color:#fff}
#web #energia #auro-panel .auro-feature p{color:#d2e9df;max-width:340px;position:relative;z-index:1}
#web #energia #auro-panel .auro-feature small{display:block;color:#d2e9df;margin-top:12px;font-size:12px}
#web #energia #auro-panel .auro-feature button{position:relative;z-index:1;margin-top:6px}
#web #energia #auro-panel .auro-bolt{position:absolute;width:145px;height:210px;right:-14px;bottom:16px;transform:rotate(9deg);fill:#a1ca68;opacity:.13;z-index:-1}
#web #energia #auro-panel .auro-card{border:1px solid var(--ae-line);border-radius:17px;padding:25px;background:white;min-width:0}
#web #energia #auro-panel .auro-process{padding:29px}
#web #energia #auro-panel .auro-process h3{margin-top:10px!important}
#web #energia #auro-panel .auro-steps{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:22px}
#web #energia #auro-panel .auro-steps li{display:flex;gap:15px;align-items:flex-start}
#web #energia #auro-panel .auro-steps li>span{display:grid;place-items:center;border:1px solid #cbe0d2;border-radius:50%;width:35px;height:35px;flex:none;font-size:11px;font-weight:800;color:var(--ae-green);background:#f2f7ed}
#web #energia #auro-panel .auro-steps strong{font-size:15px}
#web #energia #auro-panel .auro-steps p{font-size:13px!important;margin:3px 0 0;max-width:330px}
#web #energia #auro-panel .auro-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
#web #energia #auro-panel .auro-shortcuts>button{display:flex;align-items:center;gap:13px;min-height:103px;width:100%;border:1px solid var(--ae-line)!important;background:#fff!important;color:var(--ae-ink)!important;text-align:left;padding:18px!important;border-radius:15px!important}
#web #energia #auro-panel .auro-shortcuts>button:hover{border-color:#669b82!important;background:#f5faf4!important}
#web #energia #auro-panel .auro-shortcuts strong{display:block;font-size:14px}
#web #energia #auro-panel .auro-shortcuts small{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#62746e;margin-top:5px}
#web #energia #auro-panel .auro-shortcuts>button>span:last-child{margin-left:auto;color:#648478}
#web #energia #auro-panel .auro-shortcut-icon{display:grid;place-items:center;width:35px;height:40px;flex:none;color:var(--ae-green);font-size:24px;font-weight:400}
#web #energia #auro-panel .auro-gas-banner{display:flex;gap:20px;align-items:center;background:#f5f0df;border:1px solid #e5dfc9;border-radius:15px;padding:21px 24px}
#web #energia #auro-panel .auro-gas-banner h3{font-size:18px!important;margin:0 0 5px!important}
#web #energia #auro-panel .auro-gas-banner p{font-size:13px!important;margin:0}
#web #energia #auro-panel .auro-gas-banner>button{margin-left:auto;flex-shrink:0}
#web #energia #auro-panel .auro-gas-icon{font-size:40px;color:#a4812e;line-height:1}
#web #energia #auro-panel .auro-comparison-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}
#web #energia #auro-panel .auro-card-heading{display:flex;align-items:flex-start;gap:14px;margin:0 0 21px}
#web #energia #auro-panel .auro-card-heading h3{margin:0 0 5px!important;font-size:20px!important}
#web #energia #auro-panel .auro-card-heading p{font-size:13px!important;margin:0}
#web #energia #auro-panel .auro-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf3dd;color:#426b37;flex:none;font-size:14px;font-weight:800}
#web #energia #auro-panel .auro-second-step{margin:28px 0 16px;padding-top:25px;border-top:1px solid var(--ae-line)}
#web #energia #auro-panel .auro-register{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--ae-line)}
#web #energia #auro-panel summary{cursor:pointer;font-size:14px;font-weight:750;line-height:1.5;color:var(--ae-green);padding:9px 0}
#web #energia #auro-panel .auro-register form{margin-top:15px}
#web #energia #auro-panel .auro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#web #energia #auro-panel .auro-wide{grid-column:1/-1}
#web #energia #auro-panel .auro-upload{padding:25px 16px;border:1px dashed #7caa99;border-radius:13px;background:#f5faf5;text-align:center!important;cursor:pointer}
#web #energia #auro-panel .auro-upload span,#web #energia #auro-panel .auro-upload strong{display:block;text-align:center;margin:4px 0}
#web #energia #auro-panel .auro-upload span{font-size:12px;font-weight:400;color:var(--ae-muted);overflow-wrap:anywhere}
#web #energia #auro-panel .auro-upload .auro-upload-icon{font-size:26px!important;color:var(--ae-green);margin:0}
#web #energia #auro-panel .auro-upload input{padding:10px!important;background:#fff!important;cursor:pointer;font-size:13px!important;margin:14px 0 10px!important}
#web #energia #auro-panel .auro-upload input::file-selector-button{background:#e8f1e3;color:#164c3e;border:0;border-radius:5px;margin-right:8px;padding:7px;font-family:inherit}
#web #energia #auro-panel .auro-submit{width:100%;margin-top:20px}
#web #energia #auro-panel .auro-side-note{padding:20px 5px}
#web #energia #auro-panel .auro-side-note h3{margin-top:12px!important;font-size:22px!important}
#web #energia #auro-panel .auro-side-note ul{padding-left:20px;line-height:1.6;color:var(--ae-muted);font-size:14px;display:grid;gap:12px;margin:22px 0}
#web #energia #auro-panel .auro-scope{border-top:1px solid #cfddd3;margin-top:26px;padding-top:22px}
#web #energia #auro-panel .auro-scope p{font-size:13px!important;margin-top:8px}
#web #energia #auro-panel .auro-small{font-size:12px!important;color:var(--ae-muted);margin:12px 0}
#web #energia #auro-panel .auro-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding-bottom:21px;margin-bottom:19px;border-bottom:1px solid var(--ae-line)}
#web #energia #auro-panel .auro-filters>label{flex:1 1 150px}
#web #energia #auro-panel .auro-filters>label:first-child{flex-grow:2}
#web #energia #auro-panel .auro-filters>button{min-height:47px}
#web #energia #auro-panel .auro-empty{padding:38px 18px;background:#f7faf7;border:1px dashed #d5e1d7;border-radius:13px;text-align:center;margin:14px 0}
#web #energia #auro-panel .auro-empty strong{font-size:17px;display:block;text-align:center}
#web #energia #auro-panel .auro-empty p{text-align:center!important;margin:9px auto 0;max-width:520px;font-size:14px!important}
#web #energia #auro-panel .auro-notice,#web #energia #auro-panel .auro-info{padding:15px 18px;background:#edf5ec;color:#345649!important;border:1px solid #d1e3cd;border-radius:12px;margin:0 0 20px;font-size:14px!important;overflow-wrap:anywhere}
#web #energia #auro-panel .auro-notice[data-tone=error]{background:#fff0ed;border-color:#f1c9c1;color:#852d25!important}
#web #energia #auro-panel .auro-info p{margin:5px 0 0;font-size:13px!important}
#web #energia #auro-panel .auro-record{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:19px 2px;border-bottom:1px solid var(--ae-line)}
#web #energia #auro-panel .auro-record:last-child{border-bottom:0}
#web #energia #auro-panel .auro-record strong{display:block;font-size:16px;overflow-wrap:anywhere}
#web #energia #auro-panel .auro-record p{font-size:12px!important;margin:4px 0 0;overflow-wrap:anywhere}
#web #energia #auro-panel .auro-record-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
#web #energia #auro-panel .auro-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:30px;background:#edf4ea;color:#3e663b;font-size:11px;font-weight:750;line-height:1.4}
#web #energia #auro-panel .auro-badge[data-state=REVISAR],#web #energia #auro-panel .auro-badge[data-state=ASIENTO_PENDIENTE]{background:#fff0d1;color:#80570c}
#web #energia #auro-panel .auro-study-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin:20px 0}
#web #energia #auro-panel .auro-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
#web #energia #auro-panel .auro-oferta{border:1px solid #c5dace;border-top:4px solid #4b8969;border-radius:14px;padding:23px;background:#fff;overflow-wrap:anywhere}
#web #energia #auro-panel .auro-offer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#web #energia #auro-panel .auro-datos{display:grid;gap:11px;max-width:100%;font-size:14px}
#web #energia #auro-panel .auro-dato{padding-bottom:9px;border-bottom:1px solid #e4ebe4;overflow-wrap:anywhere}
#web #energia #auro-panel .auro-dato>strong{display:block;font-size:12px;color:var(--ae-muted);margin:0 0 3px;font-weight:550}
#web #energia #auro-panel .auro-dato>.auro-datos{margin:9px 0 0 10px;padding-left:12px;border-left:2px solid #d8e3d6}
#web #energia #auro-panel .auro-detail{padding:17px 20px;background:white;border:1px solid var(--ae-line);border-radius:12px;margin:16px 0}
#web #energia #auro-panel .auro-detail>.auro-datos{margin-top:15px}
#web #energia #auro-panel .auro-requirements{margin-top:22px;padding-top:20px;border-top:1px solid var(--ae-line)}
#web #energia #auro-panel .auro-requirements:has(form){grid-column:1/-1}
#web #energia #auro-panel .auro-oferta:has(.auro-requirements form){grid-column:1/-1}
#web #energia #auro-panel .auro-contract-section{margin:23px 0;padding:19px 0;border-top:1px solid var(--ae-line)}
#web #energia #auro-panel .auro-contract-section legend{font-size:17px!important;padding:0 8px 0 0}
#web #energia #auro-panel .auro-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;background:#edf4e6;border-radius:11px;margin-top:20px}
#web #energia #auro-panel .auro-total strong{font-size:23px}
#web #energia #auro-panel .auro-network{grid-column:1/-1}
#web.davatel-area-energia #davatel-menu-energia [aria-current=page]{color:#fff!important;background:#126c60!important}
#web.davatel-area-energia #admin>.admin-submenu{display:none!important}
#web.davatel-area-energia #admin:has(#admin-energia.activa)>h2{display:none!important}
#web.davatel-area-energia #admin-energia{border-radius:17px!important;border-color:#dbe8e3!important;background:#fff!important}
#web #energia-gestion-manual{margin-top:22px;padding:24px;border:1px solid #dbe8e3;border-radius:17px;background:#fff}
#web #energia-gestion-manual .energia-cabecera{background:#f2f7ed!important;color:#173e35!important;border-radius:12px!important;padding:22px!important}
#web #energia-gestion-manual .energia-cabecera :is(h2,p){color:#173e35!important}
#web #energia-gestion-manual .energia-cabecera h2{font-size:25px!important}
#web #energia-gestion-manual .energia-cabecera-icono{display:none!important}
#web #energia-gestion-manual .energia-panel{box-shadow:none!important;border-radius:12px!important;border-color:#dbe8e3!important}
#web #energia-gestion-manual .energia-proceso{display:none!important}
@media(max-width:850px){
 #web #energia #auro-panel .auro-comparison-layout{grid-template-columns:minmax(0,1fr)}
 #web #energia #auro-panel .auro-side-note{padding:15px 7px}
 #web #energia #auro-panel .auro-shortcuts{grid-template-columns:1fr}
 #web #energia #auro-panel .auro-shortcuts>button{min-height:80px}
 #web #energia #auro-panel .auro-gas-banner{flex-wrap:wrap}
 #web #energia #auro-panel .auro-gas-banner>div{flex:1}
 #web #energia #auro-panel .auro-gas-banner>button{margin:0 0 0 0}
}
@media(max-width:640px){
 #web #energia{padding:20px 13px 45px!important}
 #web #energia #auro-panel .auro-home-grid,#web #energia #auro-panel .auro-grid,#web #energia #auro-panel .auro-offers{grid-template-columns:minmax(0,1fr)}
 #web #energia #auro-panel .auro-heading{flex-direction:column;gap:15px;align-items:stretch;margin-bottom:20px}
 #web #energia #auro-panel .auro-connection{flex-direction:row;align-items:center;justify-content:space-between;gap:7px;font-size:11px}
 #web #energia #auro-panel .auro-topline{align-items:center;gap:12px}
 #web #energia #auro-panel .auro-eyebrow{font-size:9px!important;letter-spacing:.9px}
 #web #energia #auro-panel .auro-topline .auro-link{font-size:11px!important;flex-shrink:0}
 #web #energia #auro-panel .auro-feature{padding:25px 22px;min-height:335px}
 #web #energia #auro-panel .auro-feature h3{font-size:30px!important}
 #web #energia #auro-panel .auro-card{padding:19px 16px}
 #web #energia #auro-panel .auro-process{padding:25px 22px}
 #web #energia #auro-panel .auro-filters{gap:12px}
 #web #energia #auro-panel .auro-filters>label{flex-basis:100%}
 #web #energia #auro-panel .auro-filters>button{flex:1 1 100px}
 #web #energia #auro-panel .auro-gas-banner{padding:21px 18px;gap:14px}
 #web #energia #auro-panel .auro-gas-banner>button{width:100%}
 #web #energia #auro-panel .auro-record{align-items:stretch;flex-direction:column;gap:13px}
 #web #energia #auro-panel .auro-record-actions{justify-content:space-between}
 #web #energia #auro-panel .auro-record-actions>button{flex:1}
 #web #energia #auro-panel .auro-study-heading{flex-direction:column;gap:10px}
 #web #energia #auro-panel .auro-offer-actions{flex-direction:column}
 #web #energia #auro-panel .auro-offer-actions button{width:100%}
 #web #energia-gestion-manual{padding:14px}
}
@media(prefers-reduced-motion:reduce){#auro-panel *{scroll-behavior:auto!important;transition:none!important}}