:root{
  --energia-azul:#003f86;
  --energia-cian:#00a8e8;
  --energia-verde:#11a36a;
  --energia-verde-oscuro:#08794c;
  --energia-amarillo:#ffc928;
  --energia-tinta:#102039;
  --energia-suave:#f3f8fb;
  --energia-linea:#d8e5ef;
}

.davatel-inicio-servicios{
  min-height:calc(100vh - 220px);
  padding:20px 0 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  font-size:16px;
  font-weight:400;
}
.davatel-inicio-servicios h1{margin:0;color:var(--energia-azul);font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.03em}
.davatel-inicio-servicios>.davatel-inicio-subtitulo{max-width:720px;margin:14px auto 32px;color:#637287;font-size:18px;line-height:1.55}
.davatel-servicios-grid{width:min(960px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left}
.davatel-servicio-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:330px;padding:30px;border:1px solid var(--energia-linea);border-radius:26px;background:#fff;box-shadow:0 18px 45px rgba(0,63,134,.11)}
.davatel-servicio-card:before{content:"";position:absolute;right:-50px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(0,168,232,.09)}
.davatel-servicio-card.energia{color:#fff;border-color:transparent;background:linear-gradient(145deg,#064b39,#11a36a);box-shadow:0 20px 48px rgba(17,163,106,.24)}
.davatel-servicio-card.energia:before{background:rgba(255,255,255,.1)}
.davatel-servicio-icono{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--energia-azul),var(--energia-cian))}
.davatel-servicio-card.energia .davatel-servicio-icono{color:#075c3e;background:#fff}
.davatel-servicio-icono svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.davatel-servicio-card h2{position:relative;z-index:1;margin:0 0 10px;color:var(--energia-azul);font-size:28px;letter-spacing:-.02em}
.davatel-servicio-card.energia h2{color:#fff}
.davatel-servicio-card p{position:relative;z-index:1;margin:0 0 22px;color:#607087;font-size:16px;line-height:1.55}
.davatel-servicio-card.energia p{color:#e8fff5}
.davatel-servicio-card ul{position:relative;z-index:1;margin:0 0 26px;padding:0;display:grid;gap:9px;list-style:none;color:#34465d;font-size:14px}
.davatel-servicio-card.energia ul{color:#fff}
.davatel-servicio-card li:before{content:"✓";margin-right:8px;font-weight:900;color:var(--energia-verde)}
.davatel-servicio-card.energia li:before{color:var(--energia-amarillo)}
.davatel-servicio-card button{position:relative;z-index:1;width:100%;margin:auto 0 0;padding:14px 18px;border-radius:13px;background:var(--energia-azul);font-size:14px;letter-spacing:.02em}
.davatel-servicio-card.energia button{color:#075c3e;background:#fff}
.davatel-servicio-card.energia button:hover{color:#fff;background:#073f31}
.davatel-inicio-proximamente{margin:24px 0 0;color:#7b8999;font-size:13px;font-weight:700}

.energia-cabecera{max-width:980px;margin:0 auto 25px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;background:linear-gradient(135deg,#064b39,#11a36a);border-radius:24px;box-shadow:0 18px 44px rgba(17,163,106,.2)}
.energia-cabecera h2{margin:4px 0 7px;color:#fff;font-size:clamp(28px,4vw,42px)}
.energia-cabecera p{max-width:680px;margin:0;color:#e3fff2;line-height:1.5}
.energia-cabecera-marca{font-size:12px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}
.energia-cabecera-icono{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;color:#075c3e;background:#fff;border-radius:22px}
.energia-cabecera-icono svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.energia-pestanas{max-width:980px;margin:0 auto 20px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e8f1f5;border-radius:14px}
.energia-pestanas button{margin:0;color:#365169;background:transparent}
.energia-pestanas button.activo{color:#fff;background:var(--energia-verde)}
.energia-vista{display:none;max-width:980px;margin:0 auto}
.energia-vista.activa{display:block}
.energia-panel{padding:28px;border:1px solid var(--energia-linea);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(6,42,102,.08)}
.energia-panel h3{margin:0 0 8px;color:var(--energia-azul);font-size:25px}
.energia-panel-intro{margin:0 0 24px;color:#637287;line-height:1.5}
.energia-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.energia-grid .energia-ancho{grid-column:1/-1}
.energia-panel label>span,.energia-panel .energia-label{display:block;margin:12px 0 -3px;color:#263d55;font-size:14px;font-weight:850}
.energia-panel input,.energia-panel select,.energia-panel textarea{border-color:#cfdde8;background:#fff}
.energia-panel input:focus,.energia-panel select:focus,.energia-panel textarea:focus{outline:3px solid rgba(17,163,106,.15);border-color:var(--energia-verde)}
.energia-tipos{margin:14px 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.energia-tipos label{position:relative;cursor:pointer}
.energia-tipos input{position:absolute;opacity:0;pointer-events:none}
.energia-tipos span{min-height:70px;margin:0!important;padding:13px;display:flex!important;align-items:center;justify-content:center;text-align:center;border:2px solid var(--energia-linea);border-radius:14px;color:#365169!important;background:#fff;font-size:14px!important;font-weight:900!important}
.energia-tipos input:checked+span{color:#075c3e!important;border-color:var(--energia-verde);background:#eafaf3;box-shadow:0 0 0 3px rgba(17,163,106,.1)}
.energia-archivos-grid{margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.energia-archivo{padding:20px;border:2px dashed #b8cfdb;border-radius:17px;background:#f8fbfd}
.energia-archivo[hidden]{display:none!important}
.energia-archivo strong{display:block;color:var(--energia-azul);font-size:17px}
.energia-archivo p{margin:6px 0 12px;color:#6c7c8f;font-size:12px;line-height:1.45}
.energia-archivo input{margin:0;padding:11px;background:#fff}
.energia-archivo small{display:block;margin-top:8px;color:#718096;font-size:12px}
.energia-check{margin:13px 0;padding:14px 16px;display:flex!important;align-items:flex-start;gap:11px;border:1px solid var(--energia-linea);border-radius:13px;background:#f7fafc}
.energia-check input{flex:0 0 20px;width:20px;height:20px;margin:1px 0;accent-color:var(--energia-verde)}
.energia-check span{margin:0!important;color:#334a60!important;font-size:14px!important;font-weight:650!important;line-height:1.45}
.energia-check.opcional{background:#fff}
.energia-privacidad{margin:18px 0 10px;padding:14px 16px;color:#5e6e80;background:#f3f7fa;border-radius:12px;font-size:12px;line-height:1.5}
.energia-privacidad a{color:var(--energia-azul);font-weight:800}
.energia-enviar{width:100%;margin:18px 0 0;padding:15px;background:var(--energia-verde);font-size:15px}
.energia-enviar:hover{background:var(--energia-verde-oscuro)}
.energia-enviar:disabled{cursor:wait;opacity:.65}
.energia-estado-form{min-height:22px;margin:12px 0 0;text-align:center;font-weight:800}
.energia-estado-form.error{color:#b42318}.energia-estado-form.ok{color:#08794c}
.energia-exito{padding:26px;text-align:center;color:#075c3e;background:#eafaf3;border:1px solid #afe6ce;border-radius:18px}
.energia-exito strong{display:block;margin:8px 0;font-size:24px}

.energia-lista-cabecera,.energia-admin-filtros{margin-bottom:17px;display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:center}
.energia-lista-cabecera{grid-template-columns:1fr auto}
.energia-lista-cabecera h3{margin:0}
.energia-lista-cabecera button,.energia-admin-filtros button{margin:0}
.energia-vacio{padding:28px;text-align:center;color:#69798a;background:#f7fafc;border:1px dashed #bfd0dc;border-radius:15px}
.energia-estudio{margin:14px 0;padding:20px;border:1px solid var(--energia-linea);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(6,42,102,.06)}
.energia-estudio-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.energia-estudio-cabecera h4{margin:4px 0 2px;color:var(--energia-azul);font-size:19px}
.energia-estudio-cabecera small{color:#718096}
.energia-referencia{color:#08794c;font-size:12px;font-weight:900;letter-spacing:.5px}
.energia-estado{display:inline-flex;padding:7px 10px;border-radius:999px;color:#745406;background:#fff4c2;font-size:12px;font-weight:800;white-space:nowrap}
.energia-estado.en-analisis{color:#064d77;background:#dff2ff}
.energia-estado.disponible,.energia-estado.enviado,.energia-estado.finalizado{color:#08794c;background:#dff8ec}
.energia-estado.incompleta,.energia-estado.cancelado{color:#a1261d;background:#ffe8e5}
.energia-estudio-datos{margin:15px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;color:#43586e;font-size:13px}
.energia-estudio-datos strong{display:block;color:#172f47;font-size:12px;font-weight:800}
.energia-documentos{display:flex;flex-wrap:wrap;gap:8px}
.energia-documentos a{padding:8px 10px;color:var(--energia-azul);background:#edf5fb;border-radius:9px;font-size:12px;font-weight:800;text-decoration:none}
.energia-documentos a.informe{color:#075c3e;background:#e3f8ee}
.energia-boton-contratar{width:100%;margin:16px 0 0;padding:14px 18px;color:#fff;background:linear-gradient(135deg,#08794c,#11a36a);border-radius:12px;font-weight:900}
.energia-boton-contratar:hover{background:#076941}
.energia-contrato-estado{margin:14px 0 0;padding:12px 14px;border:1px solid #aee4ce;border-radius:11px;color:#075c3e;background:#e9faf3;font-size:13px}
.energia-contrato-form-wrap[hidden]{display:none!important}
.energia-contrato-form-wrap{margin-top:14px;padding-top:14px;border-top:1px solid var(--energia-linea)}
.energia-contrato-form{padding:20px;border:1px solid #badfd0;border-radius:16px;background:#f7fcfa}
.energia-contrato-form-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.energia-contrato-form-cabecera h5{margin:0;color:#075c3e;font-size:21px}.energia-contrato-form-cabecera p{margin:5px 0 0;color:#526b61;font-size:13px;line-height:1.5}
.energia-cerrar-form{flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border-radius:50%;color:#315448;background:#e4f3ec;font-size:24px;line-height:1}
.energia-contrato-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 13px}
.energia-contrato-grid label.ancho{grid-column:1/-1}.energia-contrato-grid label[hidden]{display:none!important}
.energia-contrato-grid label>span{display:block;margin:0 0 6px;color:#263d55;font-size:12px;font-weight:850}
.energia-contrato-grid input,.energia-contrato-grid select,.energia-contrato-grid textarea{width:100%;min-height:43px;margin:0;padding:10px;border:1px solid #c7d9d1;border-radius:9px;background:#fff;font:inherit}
.energia-contrato-grid textarea{min-height:82px;resize:vertical}
.energia-contrato-documentos{margin:19px 0 12px;padding:16px;border:1px dashed #a7cdbb;border-radius:13px;background:#fff}
.energia-contrato-documentos h6{margin:0;color:#075c3e;font-size:15px}.energia-contrato-documentos>p{margin:5px 0 13px;color:#61756c;font-size:12px}

#admin-energia .energia-admin-resumen{margin:0 0 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.energia-kpi{padding:16px;background:#fff;border:1px solid var(--energia-linea);border-radius:14px}
.energia-kpi strong{display:block;color:var(--energia-azul);font-size:27px}.energia-kpi span{color:#68798b;font-size:12px;font-weight:800}
.energia-admin-card{margin:15px 0;padding:20px;border:1px solid var(--energia-linea);border-radius:17px;background:#fff}
.energia-origen{display:inline-flex;margin-right:7px;padding:5px 8px;border-radius:7px;color:#fff;background:var(--energia-azul);font-size:12px;font-weight:800}
.energia-origen.tarifalia{background:#08aaa8}
.energia-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
.energia-admin-grid label.ancho{grid-column:1/-1}
.energia-admin-acciones{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.energia-admin-acciones button{margin:0}
.energia-admin-acciones .energia-boton-enviar{background:var(--energia-verde)}
.energia-admin-acciones .energia-boton-enviar:hover{background:var(--energia-verde-oscuro)}
.energia-admin-mensaje{min-height:18px;margin:8px 0 0;font-size:12px;font-weight:800}
.energia-admin-sin-contrato{margin:15px 0;padding:12px 14px;border-radius:11px;color:#64748b;background:#f4f7f9;font-size:13px}
.energia-admin-contrato{margin:18px 0;padding:18px;border:1px solid #aee4ce;border-radius:15px;background:#f5fcf8}
.energia-admin-contrato-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.energia-admin-contrato-titulo span{color:#08794c;font-size:12px;font-weight:800;letter-spacing:.4px}.energia-admin-contrato-titulo h5{margin:3px 0 0;color:#075c3e;font-size:19px}.energia-admin-contrato-titulo small{color:#597267}
.energia-contrato-datos-admin{grid-template-columns:repeat(3,minmax(0,1fr))}.energia-documentos-contrato{margin:12px 0;padding:12px;border-radius:10px;background:#fff}.energia-documentos-contrato>strong{display:block;margin-bottom:8px;color:#075c3e;font-size:12px}
.energia-admin-contrato-controles{margin-top:13px;padding-top:10px;border-top:1px solid #cae9da}
.energia-admin-contrato-controles label>small{display:block;margin-top:5px;color:#69798a;font-size:12px;line-height:1.35}

.energia-comision-usuario{margin:10px 0 0;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #bed8ef;border-radius:11px;color:#123a60;background:#eff7ff}
.energia-comision-usuario>div{min-width:0}.energia-comision-usuario strong,.energia-comision-usuario span,.energia-comision-usuario small{display:block}.energia-comision-usuario strong{font-size:13px}.energia-comision-usuario span{margin-top:2px;font-size:12px;line-height:1.4}.energia-comision-usuario small{margin-top:5px;color:#8e211a;font-size:12px;font-weight:750}.energia-comision-usuario>b{flex:0 0 auto;color:var(--energia-azul);font-size:20px;white-space:nowrap}
.energia-comision-usuario.retrocedida{color:#8e211a;border-color:#f1bbb6;background:#fff0ee}.energia-comision-usuario.retrocedida>b{color:#b42318}
.energia-comision-admin{margin:14px 0;padding:15px;border:1px solid #bcd7ee;border-radius:12px;color:#123a60;background:#eff7ff}
.energia-comision-admin.pendiente{display:flex;align-items:center;justify-content:space-between;gap:18px}.energia-comision-admin.pendiente strong,.energia-comision-admin.pendiente span{display:block}.energia-comision-admin.pendiente strong{font-size:13px;letter-spacing:.2px}.energia-comision-admin.pendiente span{margin-top:3px;font-size:13px}.energia-comision-admin.pendiente>small{max-width:330px;color:#526b82;font-size:12px;line-height:1.4}
.energia-comision-admin.retrocedida{color:#8e211a;border-color:#efbbb6;background:#fff0ee}
.energia-comision-admin-cabecera{display:flex;align-items:center;justify-content:space-between;gap:15px}.energia-comision-admin-cabecera strong,.energia-comision-admin-cabecera span{display:block}.energia-comision-admin-cabecera strong{font-size:13px;letter-spacing:.2px}.energia-comision-admin-cabecera span{margin-top:3px;font-size:12px}.energia-comision-admin-cabecera>b{padding:6px 9px;color:#fff;background:#b42318;border-radius:8px;font-size:12px}
.energia-comision-importes{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.energia-comision-importes>span{padding:11px;border:1px solid rgba(0,63,134,.12);border-radius:9px;background:rgba(255,255,255,.8)}.energia-comision-importes small,.energia-comision-importes strong,.energia-comision-importes em{display:block}.energia-comision-importes small{font-size:12px;font-weight:800;letter-spacing:.2px}.energia-comision-importes strong{margin-top:3px;font-size:18px}.energia-comision-importes em{margin-top:2px;color:#64748b;font-size:12px;font-style:normal}.energia-comision-admin>p{margin:11px 0 0;font-size:12px;font-weight:750}

/* Flujo DAVATEL de energía: tres pasos claros y sin pedir datos antes de tiempo. */
.energia-proceso{width:min(980px,100%);margin:0 auto 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.energia-paso{min-width:0;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid #cfdee8;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(6,42,102,.06)}
.energia-paso>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;color:#fff;background:#075c3e;font-size:17px;font-weight:900}
.energia-paso strong,.energia-paso small{display:block}.energia-paso strong{color:#123a60;font-size:14px}.energia-paso small{margin-top:3px;color:#637287;font-size:12px;line-height:1.35}
.energia-paso.activo{border-color:#8dcdb5;background:#f4fbf8}.energia-paso.activo>span{background:#08794c}
.energia-archivos-grid.energia-archivo-unico{grid-template-columns:minmax(0,1fr)}
.energia-archivo-unico .energia-archivo{min-height:180px;display:flex;flex-direction:column;justify-content:center}
.energia-decision-acciones{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.energia-decision-acciones button{width:100%;min-height:48px;margin:0;border-radius:10px;font-weight:850}
.energia-decision-acciones .energia-boton-contratar{background:#08794c;background-image:none}
.energia-boton-no-contratar{color:#8f241c;border:1px solid #e5b4af;background:#fff4f2}
.energia-boton-no-contratar:hover{color:#fff;background:#a62b22}
.energia-decision-no{margin-top:15px;padding:13px 14px;border:1px solid #e8b8b3;border-radius:10px;color:#8f241c;background:#fff4f2;font-size:13px}
.energia-contrato-form .energia-contrato-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:900px){
  .davatel-servicios-grid,.energia-grid,.energia-archivos-grid{grid-template-columns:1fr}
  .energia-grid .energia-ancho{grid-column:auto}
  .energia-cabecera{align-items:flex-start}.energia-cabecera-icono{flex-basis:60px;width:60px;height:60px}
  .energia-tipos{grid-template-columns:1fr 1fr 1fr}
  .energia-estudio-datos,.energia-admin-grid,.energia-contrato-grid{grid-template-columns:1fr 1fr}
  .energia-comision-importes{grid-template-columns:1fr 1fr 1fr}
  #admin-energia .energia-admin-resumen{grid-template-columns:1fr 1fr}
  .energia-admin-filtros{grid-template-columns:1fr 1fr}
  .energia-proceso{grid-template-columns:1fr}
}

@media(max-width:600px){
  .davatel-inicio-servicios{padding:5px 0 30px}.davatel-inicio-servicios>.davatel-inicio-subtitulo{font-size:15px}
  .davatel-servicio-card{min-height:0;padding:23px;border-radius:20px}
  .energia-cabecera{padding:22px;display:block}.energia-cabecera-icono{margin-top:18px}
  .energia-pestanas{grid-template-columns:1fr}.energia-panel{padding:20px}
  .energia-tipos{grid-template-columns:1fr}.energia-tipos span{min-height:54px}
  .energia-estudio-cabecera{display:block}.energia-estado{margin-top:9px}
  .energia-estudio-datos,.energia-admin-grid,.energia-contrato-grid,#admin-energia .energia-admin-resumen,.energia-admin-filtros{grid-template-columns:1fr}
  .energia-comision-usuario,.energia-comision-admin.pendiente,.energia-comision-admin-cabecera{align-items:flex-start;flex-direction:column}.energia-comision-importes{grid-template-columns:1fr}.energia-comision-admin.pendiente>small{max-width:none}
  .energia-contrato-grid label.ancho{grid-column:auto}.energia-contrato-form{padding:15px}.energia-admin-contrato-titulo{display:block}.energia-admin-contrato-titulo small{display:block;margin-top:6px}
  .energia-lista-cabecera{grid-template-columns:1fr}.energia-lista-cabecera button{width:100%}
  .energia-decision-acciones,.energia-contrato-form .energia-contrato-grid{grid-template-columns:1fr}
}

/* =========================================================
   DISEÑO DEFINITIVO · LUZ Y GAS
   Misma tipografía y geometría que el resto del portal, con
   la identidad naranja propia del área de energía.
   ========================================================= */
#web.davatel-area-energia{
  --energia-azul:#073b61;
  --energia-cian:#e77821;
  --energia-verde:#e77821;
  --energia-verde-oscuro:#bd5812;
  --energia-tinta:#10283a;
  --energia-suave:#fff4e9;
  --energia-linea:#dbe5eb;
}

#web.davatel-area-energia :is(#energia,#admin-energia),
#web.davatel-area-energia :is(#energia,#admin-energia) *{
  min-width:0;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:0;
  text-transform:none!important;
}

#web.davatel-area-energia #energia :is(.energia-cabecera,.energia-proceso,.energia-pestanas,.energia-vista){
  width:min(1100px,100%);
  max-width:1100px;
}

#web.davatel-area-energia .energia-cabecera{
  margin-bottom:18px;
  padding:27px 30px;
  border:0!important;
  border-radius:16px!important;
  color:#fff;
  background:#e77821!important;
  background-image:none!important;
  box-shadow:0 12px 30px rgba(173,78,12,.16)!important;
}

#web.davatel-area-energia .energia-cabecera h2{
  margin:5px 0 8px!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  background:transparent!important;
  font-size:clamp(27px,3.4vw,40px)!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}

#web.davatel-area-energia .energia-cabecera p{
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.55!important;
}

#web.davatel-area-energia .energia-cabecera-marca{
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}

#web.davatel-area-energia .energia-cabecera-icono{
  flex-basis:72px;
  width:72px;
  height:72px;
  border-radius:14px!important;
  color:#c55b12;
  background:#fff!important;
  box-shadow:none!important;
}

#web.davatel-area-energia .energia-proceso{
  margin-bottom:18px;
  gap:10px;
}

#web.davatel-area-energia .energia-paso{
  min-height:94px;
  padding:15px;
  border:1px solid #dbe5eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(16,40,58,.055)!important;
}

#web.davatel-area-energia .energia-paso.activo{
  border-color:#f0bf98!important;
  border-left:4px solid #e77821!important;
  background:#fff8f2!important;
}

#web.davatel-area-energia .energia-paso>span{
  flex-basis:38px;
  width:38px;
  height:38px;
  border-radius:9px!important;
  color:#fff!important;
  background:#e77821!important;
  font-size:17px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-paso strong{
  color:#073b61!important;
  font-size:15px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-paso small{
  margin-top:4px;
  color:#5b7181!important;
  font-size:14px!important;
  line-height:1.4!important;
}

#web.davatel-area-energia .energia-pestanas{
  margin-bottom:18px;
  padding:5px;
  border:1px solid #dbe5eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(16,40,58,.045)!important;
}

#web.davatel-area-energia .energia-pestanas button{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#a44b10!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:700!important;
}

#web.davatel-area-energia .energia-pestanas button.activo{
  border-color:#e77821!important;
  color:#fff!important;
  background:#e77821!important;
}

#web.davatel-area-energia :is(.energia-panel,.energia-estudio,.energia-admin-card){
  border:1px solid #dbe5eb!important;
  border-radius:16px!important;
  color:#10283a!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 8px 24px rgba(16,40,58,.06)!important;
}

#web.davatel-area-energia .energia-panel{
  padding:clamp(20px,3vw,30px)!important;
}

#web.davatel-area-energia .energia-panel h3,
#web.davatel-area-energia #admin-energia>h3{
  margin:0 0 10px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid #e2eaf0!important;
  border-radius:0!important;
  color:#073b61!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:clamp(22px,2.5vw,28px)!important;
  font-weight:800!important;
  line-height:1.2!important;
}

#web.davatel-area-energia .energia-panel-intro,
#web.davatel-area-energia #admin-energia>p{
  color:#5b7181!important;
  font-size:16px!important;
  line-height:1.55!important;
}

#web.davatel-area-energia .energia-archivo{
  min-height:170px;
  padding:22px!important;
  border:1px solid #efc5a4!important;
  border-left:4px solid #e77821!important;
  border-radius:12px!important;
  background:#fff8f2!important;
}

#web.davatel-area-energia .energia-archivo strong{
  color:#073b61!important;
  font-size:18px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-archivo p,
#web.davatel-area-energia .energia-archivo small{
  color:#5b7181!important;
  font-size:14px!important;
  line-height:1.5!important;
}

#web.davatel-area-energia .energia-archivo input[type="file"]{
  width:100%!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  overflow:hidden!important;
}

#web.davatel-area-energia .energia-privacidad{
  padding:14px 15px!important;
  border:1px solid #e2eaf0!important;
  border-radius:10px!important;
  color:#526879!important;
  background:#f7fafc!important;
  font-size:14px!important;
  line-height:1.5!important;
}

#web.davatel-area-energia .energia-privacidad a{
  color:#073b61!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) :is(button,input[type="button"],input[type="submit"]):not(.energia-cerrar-form){
  max-width:100%!important;
  min-height:44px!important;
  padding:10px 15px!important;
  border:1px solid #e77821!important;
  border-radius:10px!important;
  color:#fff!important;
  background:#e77821!important;
  background-image:none!important;
  box-shadow:0 5px 14px rgba(173,78,12,.14)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) :is(button,input[type="button"],input[type="submit"]):hover:not(:disabled){
  background:#bd5812!important;
  filter:none!important;
  transform:translateY(-1px)!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) button:disabled{
  border-color:#ccd6de!important;
  color:#728291!important;
  background:#e8edf1!important;
  box-shadow:none!important;
  transform:none!important;
}

#web.davatel-area-energia #energia .energia-enviar{
  width:100%!important;
  margin:17px 0 0!important;
}

#web.davatel-area-energia .energia-lista-cabecera button{
  margin:0!important;
}

#web.davatel-area-energia .energia-estudio,
#web.davatel-area-energia .energia-admin-card{
  padding:21px!important;
}

#web.davatel-area-energia .energia-admin-card{
  border-left:4px solid #e77821!important;
}

#web.davatel-area-energia .energia-estudio-cabecera{
  flex-wrap:wrap;
}

#web.davatel-area-energia .energia-estudio-cabecera>div{
  flex:1 1 460px;
}

#web.davatel-area-energia .energia-estudio-cabecera h4{
  margin:6px 0 4px!important;
  padding:0!important;
  border:0!important;
  color:#073b61!important;
  background:transparent!important;
  font-size:clamp(20px,2.2vw,26px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-energia .energia-estudio-cabecera small{
  display:block;
  color:#5b7181!important;
  font-size:14px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-energia .energia-referencia{
  color:#a44b10!important;
  font-size:13px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-origen{
  margin:0 8px 4px 0!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  color:#fff!important;
  background:#073b61!important;
  font-size:13px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-origen.tarifalia{
  background:#16735b!important;
}

#web.davatel-area-energia .energia-estado{
  padding:7px 10px!important;
  border:1px solid #efc5a4!important;
  border-radius:999px!important;
  color:#7f3d11!important;
  background:#fff1e5!important;
  font-size:13px!important;
  font-weight:700!important;
}

#web.davatel-area-energia .energia-estado.en-analisis{
  border-color:#b9d4e5!important;
  color:#073b61!important;
  background:#edf6fb!important;
}

#web.davatel-area-energia .energia-estado.disponible,
#web.davatel-area-energia .energia-estado.enviado,
#web.davatel-area-energia .energia-estado.finalizado{
  border-color:#efc5a4!important;
  color:#8d410f!important;
  background:#fff4e9!important;
}

#web.davatel-area-energia .energia-estado.incompleta,
#web.davatel-area-energia .energia-estado.cancelado{
  border-color:#e8b8b3!important;
  color:#98251d!important;
  background:#fff1ef!important;
}

#web.davatel-area-energia .energia-estudio-datos{
  margin:17px 0!important;
  gap:10px 14px!important;
  color:#294153!important;
  font-size:15px!important;
  line-height:1.45!important;
}

#web.davatel-area-energia .energia-estudio-datos>span{
  padding:11px 12px!important;
  border:1px solid #e2eaf0!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-energia .energia-estudio-datos strong{
  margin-bottom:3px!important;
  color:#073b61!important;
  font-size:14px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-documentos{
  margin:12px 0!important;
  gap:8px!important;
}

#web.davatel-area-energia .energia-documentos a{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:8px 11px!important;
  border:1px solid #cadbe6!important;
  border-radius:9px!important;
  color:#073b61!important;
  background:#f2f7fa!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-energia .energia-documentos a.informe{
  border-color:#efc5a4!important;
  color:#9d470d!important;
  background:#fff4e9!important;
}

#web.davatel-area-energia .energia-decision-acciones{
  gap:10px!important;
}

#web.davatel-area-energia .energia-decision-acciones button{
  width:100%!important;
  margin:0!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) .energia-boton-no-contratar{
  border-color:#d98b84!important;
  color:#a1261d!important;
  background:#fff!important;
  box-shadow:none!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) .energia-boton-no-contratar:hover{
  color:#fff!important;
  background:#b42318!important;
}

#web.davatel-area-energia .energia-decision-no{
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1.45!important;
}

#web.davatel-area-energia .energia-contrato-estado,
#web.davatel-area-energia .energia-admin-sin-contrato{
  padding:13px 14px!important;
  border:1px solid #efc5a4!important;
  border-left:4px solid #e77821!important;
  border-radius:10px!important;
  color:#7f3d11!important;
  background:#fff8f2!important;
  font-size:14px!important;
  line-height:1.45!important;
}

#web.davatel-area-energia .energia-contrato-form,
#web.davatel-area-energia .energia-admin-contrato{
  padding:20px!important;
  border:1px solid #efc5a4!important;
  border-radius:13px!important;
  color:#10283a!important;
  background:#fffaf6!important;
}

#web.davatel-area-energia .energia-contrato-form-cabecera h5,
#web.davatel-area-energia .energia-admin-contrato-titulo h5{
  margin:0!important;
  color:#073b61!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

#web.davatel-area-energia .energia-admin-contrato-titulo>div>span,
#web.davatel-area-energia .energia-documentos-contrato>strong{
  color:#a44b10!important;
}

#web.davatel-area-energia .energia-contrato-form-cabecera p,
#web.davatel-area-energia .energia-contrato-documentos>p,
#web.davatel-area-energia .energia-admin-contrato-titulo small{
  color:#5b7181!important;
  font-size:14px!important;
  line-height:1.45!important;
}

#web.davatel-area-energia .energia-cerrar-form{
  flex-basis:38px!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #efc5a4!important;
  border-radius:9px!important;
  color:#9d470d!important;
  background:#fff4e9!important;
  box-shadow:none!important;
}

#web.davatel-area-energia .energia-contrato-documentos{
  border:1px solid #e0e8ee!important;
  border-radius:11px!important;
  background:#fff!important;
}

#web.davatel-area-energia .energia-contrato-documentos h6{
  color:#073b61!important;
  font-size:16px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-check{
  border:1px solid #e0e8ee!important;
  border-radius:10px!important;
  background:#fff!important;
}

#web.davatel-area-energia .energia-check span,
#web.davatel-area-energia .energia-contrato-grid label>span,
#web.davatel-area-energia .energia-admin-grid label>span{
  color:#294153!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

#web.davatel-area-energia .energia-exito{
  margin-top:14px!important;
  border:1px solid #efc5a4!important;
  border-radius:12px!important;
  color:#7f3d11!important;
  background:#fff4e9!important;
  font-size:15px!important;
}

#web.davatel-area-energia .energia-vacio{
  padding:26px!important;
  border:1px dashed #bdcdd8!important;
  border-radius:12px!important;
  color:#5b7181!important;
  background:#f8fafc!important;
  font-size:15px!important;
  line-height:1.5!important;
}

#web.davatel-area-energia #admin-energia .energia-admin-filtros{
  margin:20px 0 18px!important;
  gap:10px!important;
}

#web.davatel-area-energia #admin-energia .energia-admin-resumen{
  gap:10px!important;
}

#web.davatel-area-energia .energia-kpi{
  padding:16px!important;
  border:1px solid #dbe5eb!important;
  border-left:4px solid #e77821!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(16,40,58,.045)!important;
}

#web.davatel-area-energia .energia-kpi strong{
  color:#073b61!important;
  font-size:27px!important;
  font-weight:800!important;
}

#web.davatel-area-energia .energia-kpi span{
  color:#5b7181!important;
  font-size:14px!important;
  font-weight:700!important;
}

#web.davatel-area-energia .energia-admin-grid{
  gap:11px 13px!important;
}

#web.davatel-area-energia .energia-admin-grid :is(input,select,textarea),
#web.davatel-area-energia .energia-contrato-grid :is(input,select,textarea){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

#web.davatel-area-energia .energia-admin-acciones{
  width:100%!important;
  margin-top:15px!important;
  gap:8px!important;
}

#web.davatel-area-energia .energia-admin-acciones button{
  margin:0!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) .energia-boton-eliminar{
  margin-left:auto!important;
  border-color:#b42318!important;
  color:#fff!important;
  background:#b42318!important;
  box-shadow:0 5px 14px rgba(180,35,24,.14)!important;
}

#web.davatel-area-energia :is(#energia,#admin-energia) .energia-boton-eliminar:hover{
  background:#8f1c14!important;
}

#web.davatel-area-energia .energia-eliminacion-protegida{
  max-width:380px!important;
  margin-left:auto!important;
  padding:9px 11px!important;
  border:1px solid #dbe5eb!important;
  border-radius:9px!important;
  color:#5b7181!important;
  background:#f8fafc!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

#web.davatel-area-energia .energia-admin-mensaje,
#web.davatel-area-energia .energia-estado-form{
  font-size:14px!important;
  line-height:1.45!important;
}

#web.davatel-area-energia .energia-estado-form.ok{
  color:#a44b10!important;
}

#web.davatel-area-energia :is(.energia-comision-usuario,.energia-comision-admin){
  border:1px solid #d4e1e9!important;
  border-left:4px solid #e77821!important;
  border-radius:10px!important;
  color:#173e5b!important;
  background:#f6f9fb!important;
}

#web.davatel-area-energia :is(.energia-comision-usuario,.energia-comision-admin) :is(strong,span,small,p,em){
  font-size:14px!important;
  line-height:1.45!important;
}

#web.davatel-area-energia .energia-comision-importes>span{
  border:1px solid #dbe5eb!important;
  border-radius:9px!important;
  background:#fff!important;
}

#web.davatel-area-energia :is(.energia-comision-usuario.retrocedida,.energia-comision-admin.retrocedida){
  border-color:#e8b8b3!important;
  border-left-color:#b42318!important;
  color:#8f241c!important;
  background:#fff4f2!important;
}

@media(max-width:1024px){
  #web.davatel-area-energia #admin-energia .energia-admin-resumen{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  #web.davatel-area-energia :is(.energia-estudio-datos,.energia-admin-grid,.energia-contrato-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #web.davatel-area-energia #admin-energia .energia-admin-filtros{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  #web.davatel-area-energia .energia-cabecera{
    align-items:flex-start!important;
    padding:22px!important;
  }

  #web.davatel-area-energia .energia-cabecera-icono{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
  }

  #web.davatel-area-energia .energia-proceso{
    grid-template-columns:1fr!important;
  }

  #web.davatel-area-energia .energia-paso{
    min-height:0!important;
  }

  #web.davatel-area-energia :is(.energia-estudio-datos,.energia-admin-grid,.energia-contrato-grid,.energia-comision-importes),
  #web.davatel-area-energia #admin-energia .energia-admin-filtros{
    grid-template-columns:1fr!important;
  }

  #web.davatel-area-energia .energia-admin-grid label.ancho,
  #web.davatel-area-energia .energia-contrato-grid label.ancho{
    grid-column:auto!important;
  }

  #web.davatel-area-energia :is(.energia-estudio-cabecera,.energia-lista-cabecera,.energia-admin-contrato-titulo,.energia-comision-admin-cabecera,.energia-comision-admin.pendiente,.energia-comision-usuario){
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  #web.davatel-area-energia .energia-lista-cabecera{
    display:flex!important;
    gap:10px!important;
  }

  #web.davatel-area-energia .energia-lista-cabecera button,
  #web.davatel-area-energia .energia-admin-acciones button{
    width:100%!important;
    margin:0!important;
  }

  #web.davatel-area-energia .energia-admin-acciones{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  #web.davatel-area-energia :is(#energia,#admin-energia) .energia-boton-eliminar,
  #web.davatel-area-energia .energia-eliminacion-protegida{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
  }
}

@media(max-width:520px){
  #web.davatel-area-energia .energia-cabecera{
    display:block!important;
  }

  #web.davatel-area-energia .energia-cabecera-icono{
    margin-top:17px!important;
  }

  #web.davatel-area-energia .energia-pestanas{
    grid-template-columns:1fr!important;
  }

  #web.davatel-area-energia #admin-energia .energia-admin-resumen{
    grid-template-columns:1fr!important;
  }

  #web.davatel-area-energia .energia-panel,
  #web.davatel-area-energia .energia-estudio,
  #web.davatel-area-energia .energia-admin-card,
  #web.davatel-area-energia .energia-contrato-form,
  #web.davatel-area-energia .energia-admin-contrato{
    padding:17px!important;
  }

  #web.davatel-area-energia .energia-archivo{
    padding:18px!important;
  }
}