:root{
  --davatel-selector-fondo:#eef4f8;
  --davatel-selector-superficie:#ffffff;
  --davatel-selector-tinta:#10283a;
  --davatel-selector-suave:#5b7181;
  --davatel-selector-linea:#dbe5eb;
  --davatel-selector-azul:#073b61;
  --davatel-selector-azul-claro:#e8f4fb;
  --davatel-selector-naranja:#e77821;
  --davatel-selector-naranja-claro:#fff1e5;
}

/* Zona privada: una misma identidad visual y dos áreas de navegación. */
#web{
  --davatel-area-color:var(--davatel-selector-azul);
  --davatel-area-soft:var(--davatel-selector-azul-claro);
  min-height:100vh;
  color:var(--davatel-selector-tinta);
  background:#f3f7fa;
  font-family:Arial,Helvetica,sans-serif;
}

#web.davatel-area-energia{
  --davatel-area-color:var(--davatel-selector-naranja);
  --davatel-area-soft:var(--davatel-selector-naranja-claro);
  --energia-verde:var(--davatel-selector-naranja);
  --energia-verde-oscuro:#bd5812;
}

#web:not(.davatel-selector-activo) > header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  min-height:76px!important;
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px 18px!important;
  padding:10px 22px!important;
  border:0!important;
  border-bottom:3px solid var(--davatel-area-color)!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(16,40,58,.08)!important;
}

#web:not(.davatel-selector-activo) > header .logo{
  order:0;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  gap:10px!important;
}

#web:not(.davatel-selector-activo) > header .logo img{
  width:auto!important;
  height:auto!important;
  max-width:148px!important;
  max-height:52px!important;
  object-fit:contain!important;
}

#web > header .davatel-menu-movil-trigger{
  display:none!important;
}

#web > header nav.davatel-menu-contextual{
  display:none!important;
}

#web:not(.davatel-selector-activo) > header nav.davatel-menu-contextual.davatel-menu-activo{
  order:1;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:0!important;
}

#web > header .davatel-menu-area-insignia{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 5px 0 0;
  padding:8px 12px;
  border-left:4px solid var(--davatel-area-color);
  border-radius:11px;
  color:var(--davatel-area-color);
  background:var(--davatel-area-soft);
  font-size:13px;
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
}

#web > header nav.davatel-menu-contextual > button,
#web > header nav.davatel-menu-contextual > .davatel-menu-grupo > button{
  min-height:40px!important;
  width:auto!important;
  margin:0!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#294153!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

#web > header nav.davatel-menu-contextual > button:hover,
#web > header nav.davatel-menu-contextual > button:focus-visible,
#web > header nav.davatel-menu-contextual > .davatel-menu-grupo > button:hover,
#web > header nav.davatel-menu-contextual > .davatel-menu-grupo > button:focus-visible{
  color:var(--davatel-area-color)!important;
  border-color:color-mix(in srgb,var(--davatel-area-color) 22%,white)!important;
  background:var(--davatel-area-soft)!important;
  outline:none!important;
}

#web > header nav.davatel-menu-contextual .davatel-submenu{
  gap:4px!important;
  padding:7px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(16,40,58,.15)!important;
}

#web > header nav.davatel-menu-contextual .davatel-submenu button{
  min-height:38px!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:8px!important;
  color:#294153!important;
  background:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#web > header nav.davatel-menu-contextual .davatel-submenu button:hover{
  color:var(--davatel-area-color)!important;
  background:var(--davatel-area-soft)!important;
}

#web > header nav.davatel-menu-contextual .menu-principal-salir{
  color:#a1261d!important;
  border-color:#f1cbc7!important;
  background:#fff5f4!important;
}

#web > header nav.davatel-menu-contextual .menu-principal-salir:hover{
  color:#fff!important;
  border-color:#b42318!important;
  background:#b42318!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-header{
  order:2!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px 12px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid #d9e7df!important;
  border-left:3px solid #16a34a!important;
  border-radius:9px!important;
  background:#f4fbf6!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:normal!important;
  transform:none!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-resumen{
  min-width:0!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-metrica{
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  padding:5px 8px!important;
  border:1px solid #dce9e2!important;
  border-radius:8px!important;
  color:#34465a!important;
  background:#fff!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-metrica small{
  margin:0!important;
  color:#526276!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-metrica strong{
  margin:0!important;
  color:#203247!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-total{
  border-color:#bde4c9!important;
  background:#eaf8ef!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-total strong{
  color:#16a34a!important;
  font-size:18px!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-tarifalia{
  border-color:#bce5f5!important;
  background:#eaf8fd!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-tarifalia strong{
  color:#059bcf!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-punto{
  width:9px!important;
  min-width:9px!important;
  height:9px!important;
  margin:0 1px 0 0!important;
  border:0!important;
  border-radius:50%!important;
  background:#16a34a!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.13)!important;
}

#web:not(.davatel-selector-activo) > header .admin-conectados-punto-tarifalia{
  background:#0ea5d8!important;
  box-shadow:0 0 0 3px rgba(14,165,216,.13)!important;
}

#web:not(.davatel-selector-activo) > header .admin-mantenimiento-control{
  min-width:0!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#web:not(.davatel-selector-activo) > header .admin-mantenimiento-estado{
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid #b9ead2!important;
  border-radius:8px!important;
  color:#087a55!important;
  background:#edfff6!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

#web:not(.davatel-selector-activo) > header .admin-mantenimiento-estado.activado{
  border-color:#f0c18e!important;
  color:#9a4b0a!important;
  background:#fff7ed!important;
}

#web:not(.davatel-selector-activo) > header button.admin-mantenimiento-boton{
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  margin:0!important;
  padding:5px 10px!important;
  border:1px solid #087cae!important;
  border-radius:8px!important;
  color:#fff!important;
  background:#087cae!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

@media(max-width:720px){
  #web:not(.davatel-selector-activo) > header .admin-conectados-header{
    flex-flow:row wrap!important;
    gap:6px!important;
    padding:6px!important;
  }

  #web:not(.davatel-selector-activo) > header .admin-conectados-resumen{
    flex:1 1 100%!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:thin!important;
    padding:1px 1px 4px!important;
  }

  #web:not(.davatel-selector-activo) > header .admin-conectados-metrica{
    flex:0 0 auto!important;
  }

  #web:not(.davatel-selector-activo) > header .admin-mantenimiento-control{
    flex:1 1 100%!important;
    justify-content:space-between!important;
  }
}

#web:not(.davatel-selector-activo) > .seccion{
  width:min(1480px,100%)!important;
  margin:0 auto!important;
  padding:clamp(28px,4vw,56px) clamp(18px,4vw,48px)!important;
  color:var(--davatel-selector-tinta);
  background:transparent!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

#web:not(.davatel-selector-activo) > .seccion > h2{
  margin:0 0 24px!important;
  padding:0 0 14px!important;
  border:0!important;
  border-bottom:2px solid color-mix(in srgb,var(--davatel-area-color) 25%,white)!important;
  border-radius:0!important;
  color:var(--davatel-area-color)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:clamp(28px,3vw,38px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

#web:not(.davatel-selector-activo) .bloque,
#web:not(.davatel-selector-activo) .bloque-admin,
#web:not(.davatel-selector-activo) .sub-bloque,
#web:not(.davatel-selector-activo) .tarifa-card,
#web:not(.davatel-selector-activo) .usuario-card,
#web:not(.davatel-selector-activo) .alta-card,
#web:not(.davatel-selector-activo) .comision-card{
  border-color:var(--davatel-selector-linea)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(16,40,58,.07)!important;
}

#web:not(.davatel-selector-activo) button,
#web:not(.davatel-selector-activo) input,
#web:not(.davatel-selector-activo) select,
#web:not(.davatel-selector-activo) textarea{
  font-family:Arial,Helvetica,sans-serif!important;
}

#web:not(.davatel-selector-activo) .admin-submenu,
#web:not(.davatel-selector-activo) .mayorista-submenu{
  border-color:var(--davatel-selector-linea)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(16,40,58,.07)!important;
}

#web.davatel-area-telecomunicaciones #admin .admin-energia-menu-button{
  display:none!important;
}

#web.davatel-area-energia #admin > h2,
#web.davatel-area-energia #admin > .admin-submenu{
  display:none!important;
}

#web.davatel-area-energia .energia-cabecera{
  background:var(--davatel-selector-naranja)!important;
  background-image:none!important;
  box-shadow:0 18px 42px rgba(231,120,33,.2)!important;
}

#web.davatel-area-energia .energia-pestanas button.activo,
#web.davatel-area-energia .energia-enviar,
#web.davatel-area-energia .energia-admin-acciones .energia-boton-enviar{
  background:var(--davatel-selector-naranja)!important;
}

#web.davatel-area-energia .energia-pestanas button.activo:hover,
#web.davatel-area-energia .energia-enviar:hover,
#web.davatel-area-energia .energia-admin-acciones .energia-boton-enviar:hover{
  background:#bd5812!important;
}

#energia-admin-lista .energia-borrar-informe{
  min-height:44px!important;
  margin-left:7px!important;
  padding:9px 14px!important;
  border:1px solid #c9362b!important;
  border-radius:11px!important;
  color:#fff!important;
  background:#c9362b!important;
  box-shadow:0 5px 13px rgba(201,54,43,.16)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  vertical-align:middle!important;
}

#energia-admin-lista .energia-borrar-informe:hover{
  background:#a9271f!important;
}

#energia-admin-lista .energia-borrar-informe:disabled{
  border-color:#cbd5df!important;
  color:#728291!important;
  background:#e8edf1!important;
  box-shadow:none!important;
}

#web.davatel-selector-activo{
  min-height:100vh;
  background:var(--davatel-selector-fondo);
}

#web.davatel-selector-activo > header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  padding:14px 24px!important;
  border-bottom:1px solid var(--davatel-selector-linea)!important;
  background:var(--davatel-selector-superficie)!important;
  box-shadow:0 6px 20px rgba(16,40,58,.07)!important;
}

#web.davatel-selector-activo > header > nav,
#web.davatel-selector-activo > header > .admin-conectados-header{
  display:none!important;
}

#web > header .davatel-selector-portal,
#web > header .davatel-selector-cuenta{
  display:none;
}

#web.davatel-selector-activo > header .logo{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:auto!important;
  margin:0!important;
}

#web.davatel-selector-activo > header .logo img{
  width:auto!important;
  height:auto!important;
  max-width:176px!important;
  max-height:58px!important;
}

#web.davatel-selector-activo > header .davatel-selector-portal{
  display:block;
  padding-left:12px;
  border-left:1px solid var(--davatel-selector-linea);
  color:var(--davatel-selector-suave);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

#web.davatel-selector-activo > header .davatel-selector-cuenta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:13px;
  margin-left:auto;
}

.davatel-selector-usuario{
  flex:0 0 auto;
  min-width:0;
  text-align:right;
}

.davatel-selector-usuario strong{
  display:block;
  width:max-content;
  margin-left:auto;
  overflow:hidden;
  max-width:250px;
  color:var(--davatel-selector-tinta);
  font-size:14px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.davatel-selector-usuario small{
  display:block;
  color:var(--davatel-selector-suave);
  font-size:12px;
}

#web .davatel-selector-salir{
  min-width:auto;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:0 15px;
  border:1px solid var(--davatel-selector-linea);
  border-radius:12px;
  color:var(--davatel-selector-tinta);
  background:#f6f9fb;
  box-shadow:none;
  font-size:13px;
}

#web .davatel-selector-salir:hover{
  color:var(--davatel-selector-azul);
  background:var(--davatel-selector-azul-claro);
  box-shadow:none;
}

#web.davatel-selector-activo #inicio{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 87px);
  margin:0!important;
  padding:0 clamp(20px,5vw,64px) 34px!important;
}

#web.davatel-selector-activo #inicio .davatel-inicio-servicios{
  width:100%!important;
  max-width:100%!important;
  min-height:calc(100vh - 121px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:0 auto!important;
  padding:42px 0 30px!important;
  border:0!important;
  border-radius:0!important;
  color:var(--davatel-selector-tinta)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}

#web.davatel-selector-activo #inicio .davatel-inicio-etiqueta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0 0 10px;
  color:var(--davatel-selector-naranja);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}

#web.davatel-selector-activo #inicio .davatel-inicio-servicios > h1{
  margin:0!important;
  color:var(--davatel-selector-tinta)!important;
  font-size:clamp(30px,4vw,46px)!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

#web.davatel-selector-activo #inicio .davatel-inicio-servicios > .davatel-inicio-subtitulo{
  max-width:650px!important;
  margin:14px auto 30px!important;
  color:var(--davatel-selector-suave)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

#web.davatel-selector-activo #inicio .davatel-servicios-grid{
  width:min(900px,100%)!important;
  max-width:900px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  margin:0 auto!important;
  text-align:left!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card{
  --davatel-card-color:var(--davatel-selector-azul);
  --davatel-card-soft:var(--davatel-selector-azul-claro);
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:245px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin:0;
  padding:26px;
  border:1px solid var(--davatel-selector-linea);
  border-radius:20px;
  color:var(--davatel-selector-tinta);
  background:var(--davatel-selector-superficie);
  box-shadow:0 10px 32px rgba(16,40,58,.08);
  text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

#web.davatel-selector-activo #inicio button.davatel-servicio-card{
  width:100%!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-align:left!important;
  cursor:pointer!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card.energia{
  --davatel-card-color:var(--davatel-selector-naranja);
  --davatel-card-soft:var(--davatel-selector-naranja-claro);
}

#web.davatel-selector-activo #inicio .davatel-servicio-card.alarmas{
  --davatel-card-color:#b43b36;
  --davatel-card-soft:#fff0ef;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card.renting{
  --davatel-card-color:#16735b;
  --davatel-card-soft:#eaf7f2;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card:before{
  display:none;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card:hover{
  transform:translateY(-3px);
  border-color:#bdced9;
  box-shadow:0 15px 38px rgba(16,40,58,.12);
}

#web.davatel-selector-activo #inicio .davatel-servicio-card:focus-visible{
  outline:3px solid rgba(231,120,33,.34);
  outline-offset:3px;
}

#web.davatel-selector-activo #inicio .davatel-servicio-icono{
  position:relative;
  z-index:1;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  flex:0 0 50px;
  margin:0 0 21px;
  border-radius:15px;
  color:var(--davatel-card-color);
  background:var(--davatel-card-soft);
}

#web.davatel-selector-activo #inicio .davatel-servicio-icono svg{
  width:25px;
  height:25px;
  max-width:25px;
  max-height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card h2{
  position:relative;
  z-index:1;
  margin:0 0 9px!important;
  color:var(--davatel-selector-tinta)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card p{
  position:relative;
  z-index:1;
  margin:0 0 24px!important;
  color:var(--davatel-selector-suave)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-accion{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  color:var(--davatel-card-color);
  font-size:14px;
  font-weight:800;
}

#web.davatel-selector-activo #inicio .davatel-servicio-proximamente-etiqueta{
  position:absolute;
  top:20px;
  right:20px;
  z-index:2;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--davatel-card-color) 24%,white);
  border-radius:999px;
  color:var(--davatel-card-color);
  background:var(--davatel-card-soft);
  font-size:12px;
  font-weight:800;
  line-height:1;
}

#web .davatel-proximamente-modal[hidden]{
  display:none!important;
}

#web .davatel-proximamente-modal{
  position:fixed;
  inset:0;
  z-index:2200;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(10,31,47,.58);
  backdrop-filter:blur(5px);
}

#web .davatel-proximamente-caja{
  width:min(440px,100%);
  padding:30px;
  border:1px solid var(--davatel-selector-linea);
  border-radius:20px;
  color:var(--davatel-selector-tinta);
  background:#fff;
  box-shadow:0 24px 70px rgba(7,35,55,.24);
  text-align:center;
}

#web .davatel-proximamente-icono{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin:0 auto 13px;
  border-radius:16px;
  color:var(--davatel-selector-naranja);
  background:var(--davatel-selector-naranja-claro);
  font-size:23px;
}

#web .davatel-proximamente-etiqueta{
  color:var(--davatel-selector-naranja);
  font-size:12px;
  font-weight:800;
}

#web .davatel-proximamente-caja h2{
  margin:7px 0 11px!important;
  color:var(--davatel-selector-tinta)!important;
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

#web .davatel-proximamente-caja p{
  margin:0 0 22px!important;
  color:var(--davatel-selector-suave)!important;
  font-size:15px!important;
  line-height:1.55!important;
}

#web .davatel-proximamente-caja button{
  min-width:150px!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 18px!important;
  border:0!important;
  border-radius:11px!important;
  color:#fff!important;
  background:var(--davatel-selector-azul)!important;
  box-shadow:0 6px 16px rgba(7,59,97,.17)!important;
  font-size:14px!important;
  font-weight:700!important;
}

@media(max-width:720px){
  #web.davatel-selector-activo > header{
    position:relative!important;
    gap:8px!important;
    padding:12px 14px!important;
  }

  #web.davatel-selector-activo > header .logo img{
    max-width:128px!important;
    max-height:49px!important;
  }

  #web.davatel-selector-activo > header .davatel-selector-portal{
    display:none;
  }

  #web.davatel-selector-activo > header .davatel-selector-cuenta{
    min-width:0;
    gap:8px;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario{
    min-width:0;
    display:block!important;
    flex:0 0 auto;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario strong{
    max-width:105px;
    font-size:13px;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario small{
    font-size:11px;
  }

  #web .davatel-selector-salir{
    min-height:44px;
    padding:0 12px;
  }

  #web.davatel-selector-activo #inicio{
    min-height:0;
    padding:0 16px 26px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-inicio-servicios{
    min-height:0!important;
    padding:32px 0 12px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-inicio-servicios > h1{
    font-size:30px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-inicio-servicios > .davatel-inicio-subtitulo{
    margin-bottom:22px!important;
    font-size:15px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-servicios-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-servicio-card{
    min-height:204px;
    padding:22px;
    border-radius:18px;
  }

  #web.davatel-selector-activo #inicio .davatel-servicio-icono{
    margin-bottom:16px;
  }
}

@media(max-width:380px){
  #web.davatel-selector-activo > header .logo img{
    max-width:108px!important;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario strong{
    max-width:76px;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario small{
    display:none;
  }

  #web.davatel-selector-activo > header .davatel-selector-salir{
    padding:0 9px;
  }

  #web.davatel-selector-activo #inicio{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #web.davatel-selector-activo #inicio .davatel-servicio-card{
    transition:none;
  }
}

@media(min-width:721px) and (max-width:900px){
  #web.davatel-selector-activo > header .davatel-selector-portal{
    display:none!important;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario{
    flex:0 0 auto;
  }

  #web.davatel-selector-activo > header .davatel-selector-usuario strong{
    max-width:180px;
  }
}

@media(max-width:900px){
  #web:not(.davatel-selector-activo) > header{
    position:sticky!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 14px!important;
  }

  #web:not(.davatel-selector-activo) > header .logo{
    grid-column:1;
    grid-row:1;
    width:auto!important;
    justify-content:flex-start!important;
  }

  #web:not(.davatel-selector-activo) > header .logo img{
    width:auto!important;
    max-width:142px!important;
    max-height:48px!important;
  }

  #web:not(.davatel-selector-activo) > header .davatel-menu-movil-trigger{
    grid-column:2;
    grid-row:1;
    min-width:0!important;
    min-height:44px!important;
    width:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    margin:0!important;
    padding:9px 13px!important;
    border:1px solid color-mix(in srgb,var(--davatel-area-color) 22%,white)!important;
    border-radius:11px!important;
    color:var(--davatel-area-color)!important;
    background:var(--davatel-area-soft)!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  #web:not(.davatel-selector-activo) > header .davatel-menu-movil-trigger b{
    font-size:18px;
    line-height:1;
  }

  #web:not(.davatel-selector-activo) > header nav.davatel-menu-contextual.davatel-menu-activo{
    display:none!important;
  }

  #web:not(.davatel-selector-activo) > header nav.davatel-menu-contextual.davatel-menu-activo.davatel-menu-movil-abierto{
    grid-column:1/-1!important;
    width:100%!important;
    max-height:calc(100dvh - 92px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    padding:10px!important;
    border:1px solid var(--davatel-selector-linea)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 18px 42px rgba(16,40,58,.13)!important;
    overflow-y:auto!important;
  }

  #web > header nav.davatel-menu-contextual .davatel-menu-area-insignia{
    width:100%!important;
    margin:0 0 3px!important;
    justify-content:flex-start!important;
  }

  #web > header nav.davatel-menu-contextual > button,
  #web > header nav.davatel-menu-contextual > .davatel-menu-grupo,
  #web > header nav.davatel-menu-contextual > .davatel-menu-grupo > button{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
  }

  #web > header nav.davatel-menu-contextual > .davatel-menu-grupo{
    display:flex!important;
    flex-direction:column!important;
  }

  #web > header nav.davatel-menu-contextual .davatel-submenu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:4px 0 2px!important;
    box-shadow:none!important;
  }

  #web:not(.davatel-selector-activo) > header .admin-conectados-header{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
  }

  #web:not(.davatel-selector-activo) > .seccion{
    margin:0 auto!important;
    padding:24px 14px 36px!important;
  }

  #web:not(.davatel-selector-activo) > .seccion > h2{
    margin-bottom:18px!important;
    font-size:27px!important;
  }
}

@media(max-width:380px){
  #web:not(.davatel-selector-activo) > header .logo img{
    max-width:124px!important;
  }

  #web:not(.davatel-selector-activo) > header .davatel-menu-movil-trigger{
    padding:8px 10px!important;
    font-size:12px!important;
  }
}

/* Rediseño integral de la zona privada: texto natural, controles y tarjetas. */
#web,
#web *{
  text-transform:none!important;
}

.legal-aceptacion-modal,
.legal-aceptacion-modal *,
.solicitud-contratacion-modal,
.solicitud-contratacion-modal *,
.davatel-cookie-banner,
.davatel-cookie-banner *{
  font-family:Arial,Helvetica,sans-serif!important;
  text-transform:none!important;
}

.legal-aceptacion-caja,
.solicitud-contratacion-caja{
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(7,35,55,.24)!important;
}

.legal-aceptacion-caja h2,
.solicitud-contratacion-caja h2{
  color:var(--davatel-selector-azul)!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

.legal-aceptacion-acciones button,
.solicitud-contratacion-acciones button,
.davatel-cookie-acciones button{
  min-height:44px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

#web:not(.davatel-selector-activo) > .seccion{
  font-size:15px!important;
  line-height:1.5!important;
}

#web:not(.davatel-selector-activo) > .seccion p,
#web:not(.davatel-selector-activo) > .seccion li,
#web:not(.davatel-selector-activo) > .seccion td{
  line-height:1.55!important;
}

#web:not(.davatel-selector-activo) .bloque,
#web:not(.davatel-selector-activo) .bloque-admin,
#web:not(.davatel-selector-activo) .sub-bloque{
  margin-bottom:22px!important;
  padding:clamp(18px,2.5vw,28px)!important;
}

#web:not(.davatel-selector-activo) .bloque > h3,
#web:not(.davatel-selector-activo) .bloque-admin > h3,
#web:not(.davatel-selector-activo) .sub-bloque > h3,
#web:not(.davatel-selector-activo) .titulo-tarifas-seccion,
#web:not(.davatel-selector-activo) .titulo-listado-altas-dinamico,
#web:not(.davatel-selector-activo) .titulo-listado-comisiones-dinamico,
#web:not(.davatel-selector-activo) .titulo-grupo-tarifas-admin,
#web:not(.davatel-selector-activo) .ia-comisiones-titulo{
  min-height:0!important;
  height:auto!important;
  margin:0 0 18px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--davatel-area-color) 24%,white)!important;
  border-radius:0!important;
  color:var(--davatel-area-color)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:clamp(20px,2.2vw,26px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
}

#web:not(.davatel-selector-activo) .admin-dashboard-cabecera h3,
#web:not(.davatel-selector-activo) .admin-dashboard-card > h4{
  margin:0 0 13px!important;
  padding:0!important;
  color:var(--davatel-area-color)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

#web:not(.davatel-selector-activo) .admin-dashboard-cabecera h3{
  font-size:24px!important;
}

#web:not(.davatel-selector-activo) .seccion label,
#web:not(.davatel-selector-activo) .seccion legend{
  color:#294153!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

#web:not(.davatel-selector-activo) .seccion input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#web:not(.davatel-selector-activo) .seccion select,
#web:not(.davatel-selector-activo) .seccion textarea{
  min-height:44px!important;
  border:1px solid #cbd9e4!important;
  border-radius:11px!important;
  color:#10283a!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,40,58,.03)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

#web:not(.davatel-selector-activo) .seccion input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#web:not(.davatel-selector-activo) .seccion select,
#web:not(.davatel-selector-activo) .seccion textarea{
  padding:11px 13px!important;
}

#web:not(.davatel-selector-activo) .seccion textarea{
  min-height:104px!important;
  resize:vertical!important;
}

#web:not(.davatel-selector-activo) .seccion input[type="file"]{
  padding:6px!important;
}

#web:not(.davatel-selector-activo) .seccion input[type="file"]::file-selector-button{
  min-height:34px;
  margin-right:10px;
  padding:7px 12px;
  border:0;
  border-radius:8px;
  color:var(--davatel-area-color);
  background:var(--davatel-area-soft);
  font:700 13px Arial,Helvetica,sans-serif;
  cursor:pointer;
}

#web:not(.davatel-selector-activo) .seccion input[type="checkbox"],
#web:not(.davatel-selector-activo) .seccion input[type="radio"]{
  accent-color:var(--davatel-area-color)!important;
}

#web:not(.davatel-selector-activo) .seccion input:focus,
#web:not(.davatel-selector-activo) .seccion select:focus,
#web:not(.davatel-selector-activo) .seccion textarea:focus{
  border-color:var(--davatel-area-color)!important;
  outline:3px solid color-mix(in srgb,var(--davatel-area-color) 16%,transparent)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}

#web:not(.davatel-selector-activo) > .seccion button:not(.energia-cerrar-form):not(.admin-cola-col){
  min-height:43px!important;
  width:auto;
  margin:4px 5px 4px 0!important;
  padding:10px 15px!important;
  border:1px solid var(--davatel-area-color)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:var(--davatel-area-color)!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--davatel-area-color) 18%,transparent)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

#web:not(.davatel-selector-activo) > .seccion button:not(.energia-cerrar-form):not(.admin-cola-col):hover{
  filter:brightness(.92);
  transform:translateY(-1px);
}

#web:not(.davatel-selector-activo) > .seccion button:not(.energia-cerrar-form):not(.admin-cola-col):focus-visible{
  outline:3px solid color-mix(in srgb,var(--davatel-area-color) 24%,transparent)!important;
  outline-offset:2px!important;
}

#web:not(.davatel-selector-activo) > .seccion button:disabled{
  border-color:#cbd5df!important;
  color:#728291!important;
  background:#e8edf1!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  filter:none!important;
  transform:none!important;
}

#web:not(.davatel-selector-activo) > .seccion button.davatel-accion-secundaria,
#web:not(.davatel-selector-activo) > .seccion .admin-submenu button,
#web:not(.davatel-selector-activo) > .seccion .mayorista-submenu button,
#web:not(.davatel-selector-activo) > .seccion .filtro-tarifas-bloque button,
#web:not(.davatel-selector-activo) > .seccion .energia-pestanas button{
  border-color:color-mix(in srgb,var(--davatel-area-color) 24%,white)!important;
  color:var(--davatel-area-color)!important;
  background:#fff!important;
  box-shadow:none!important;
}

#web:not(.davatel-selector-activo) > .seccion .admin-submenu button.activo,
#web:not(.davatel-selector-activo) > .seccion .mayorista-submenu button.activo,
#web:not(.davatel-selector-activo) > .seccion .filtro-tarifas-bloque button.activo,
#web:not(.davatel-selector-activo) > .seccion .energia-pestanas button.activo{
  border-color:var(--davatel-area-color)!important;
  color:#fff!important;
  background:var(--davatel-area-color)!important;
}

#web:not(.davatel-selector-activo) > .seccion button.davatel-accion-peligro,
#web:not(.davatel-selector-activo) > .seccion button[class*="borrar"],
#web:not(.davatel-selector-activo) > .seccion button[class*="eliminar"],
#web:not(.davatel-selector-activo) > .seccion button[class*="anular"]{
  border-color:#c9362b!important;
  color:#fff!important;
  background:#c9362b!important;
  box-shadow:0 5px 13px rgba(201,54,43,.16)!important;
}

#web:not(.davatel-selector-activo) > .seccion .admin-cola-col{
  color:#10283a!important;
  background:#f8fafc!important;
  box-shadow:none!important;
  transform:none!important;
}

#web:not(.davatel-selector-activo) .seccion table{
  border-radius:13px!important;
  overflow:hidden!important;
}

#web:not(.davatel-selector-activo) .seccion th{
  color:#294153!important;
  background:#edf4f8!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

#web:not(.davatel-selector-activo) .energia-kpi span,
#web:not(.davatel-selector-activo) .api-resumen-grid span,
#web:not(.davatel-selector-activo) .ia-comision-tipo,
#web:not(.davatel-selector-activo) .ia-comision-total span{
  font-weight:700!important;
  letter-spacing:0!important;
}

@media(max-width:720px){
  #web:not(.davatel-selector-activo) .bloque,
  #web:not(.davatel-selector-activo) .bloque-admin,
  #web:not(.davatel-selector-activo) .sub-bloque{
    padding:17px!important;
    border-radius:15px!important;
  }

  #web:not(.davatel-selector-activo) .seccion input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  #web:not(.davatel-selector-activo) .seccion select,
  #web:not(.davatel-selector-activo) .seccion textarea{
    font-size:16px!important;
  }

  #web:not(.davatel-selector-activo) > .seccion button:not(.energia-cerrar-form):not(.admin-cola-col){
    min-height:46px!important;
    padding:11px 14px!important;
  }
}

/* =========================================================
   CAPA VISUAL DEFINITIVA · DAVATEL 2026-09-03
   Neutraliza componentes heredados y mantiene una sola
   identidad en toda la zona privada, el acceso y la IA.
   ========================================================= */

/* Controles y superficies de toda la zona privada. */
#web:not(.davatel-selector-activo) > .seccion :is(button,input[type="button"],input[type="submit"]){
  appearance:none!important;
  min-height:44px!important;
  max-width:100%!important;
  margin:4px 5px 4px 0!important;
  padding:10px 15px!important;
  border:1px solid var(--davatel-area-color)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:var(--davatel-area-color)!important;
  background-image:none!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--davatel-area-color) 17%,transparent)!important;
  font:700 14px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web:not(.davatel-selector-activo) > .seccion :is(button,input[type="button"],input[type="submit"]):hover:not(:disabled){
  filter:brightness(.93)!important;
  transform:translateY(-1px)!important;
}

#web:not(.davatel-selector-activo) > .seccion :is(
  .davatel-accion-secundaria,
  .admin-submenu button:not(.activo),
  .mayorista-submenu button:not(.activo),
  .filtro-tarifas-bloque button:not(.activo),
  .energia-pestanas button:not(.activo)
){
  border-color:#cbd9e4!important;
  color:var(--davatel-area-color)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}

#web:not(.davatel-selector-activo) > .seccion :is(
  .davatel-accion-peligro,
  [class*="borrar"],
  [class*="eliminar"],
  [class*="anular"]
){
  border-color:#c9362b!important;
  color:#fff!important;
  background:#c9362b!important;
  background-image:none!important;
}

#web:not(.davatel-selector-activo) :is(
  .bloque,
  .bloque-admin,
  .sub-bloque,
  .tarifa-card,
  .usuario-card,
  .alta-card,
  .comision-card,
  .campo-card,
  .admin-dashboard-card,
  .datos-distribuidor-card,
  .comision-personalizada-card,
  .flyer-admin-card,
  .admin-ayuda-card,
  .api-distribuidor-card,
  .energia-panel,
  .energia-estudio,
  .energia-admin-card,
  .productos-adicionales-alta
){
  min-width:0!important;
  max-width:100%!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:16px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 8px 24px rgba(16,40,58,.065)!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) :is(
  .tarifa-card,
  .usuario-card,
  .alta-card,
  .comision-card,
  .campo-card,
  .admin-dashboard-card,
  .datos-distribuidor-card,
  .comision-personalizada-card,
  .flyer-admin-card,
  .admin-ayuda-card,
  .api-distribuidor-card,
  .energia-panel,
  .energia-estudio,
  .energia-admin-card
) > :is(h3,h4){
  min-height:0!important;
  margin:0 0 15px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid #e1e9ee!important;
  border-radius:0!important;
  color:var(--davatel-area-color)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:clamp(19px,2vw,24px)!important;
  font-weight:800!important;
  line-height:1.22!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

#web:not(.davatel-selector-activo) :is(.tarifa-card,.usuario-card,.alta-card,.comision-card) > :is(h3,h4)::before{
  display:none!important;
  content:none!important;
}

#web:not(.davatel-selector-activo) :is(
  .alta-card,
  .comision-card,
  .usuario-card,
  .tarifa-card,
  .datos-distribuidor-card,
  .comision-personalizada-card
)::before{
  width:3px!important;
  background:var(--davatel-area-color)!important;
  background-image:none!important;
}

#web:not(.davatel-selector-activo) .alta-card-header{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 13px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #e1e9ee!important;
}

#web:not(.davatel-selector-activo) .alta-card-header h3{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--davatel-area-color)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:clamp(19px,2vw,24px)!important;
  font-weight:800!important;
  line-height:1.22!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

#web:not(.davatel-selector-activo) :is(
  .listado-usuarios-titulo,
  .titulo-comisiones-personalizadas-guardadas
){
  display:block!important;
  margin:24px 0 14px!important;
  padding:0 0 11px!important;
  border:0!important;
  border-bottom:2px solid color-mix(in srgb,var(--davatel-area-color) 24%,white)!important;
  border-radius:0!important;
  color:var(--davatel-area-color)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:clamp(20px,2.3vw,26px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
}

#web:not(.davatel-selector-activo) .titulo-grupo-tarifas{
  grid-column:1/-1!important;
  margin:24px 0 4px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:2px solid color-mix(in srgb,var(--davatel-area-color) 24%,white)!important;
  border-radius:0!important;
  color:var(--davatel-area-color)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:20px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#web:not(.davatel-selector-activo) :is(.dato-linea,p,li,td,small,span,strong){
  letter-spacing:0;
}

#web:not(.davatel-selector-activo) .dato-linea{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web:not(.davatel-selector-activo) .productos-adicionales-alta{
  margin-top:14px!important;
  padding:14px!important;
}

#web:not(.davatel-selector-activo) .productos-adicionales-alta-titulo{
  margin:0 0 9px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid #e1e9ee!important;
  color:var(--davatel-area-color)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

#web:not(.davatel-selector-activo) .producto-adicional-alta-linea{
  margin:6px 0!important;
  color:#294153!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

#web:not(.davatel-selector-activo) .productos-adicionales-alta-lista{
  margin:0!important;
  padding-left:20px!important;
}

#web:not(.davatel-selector-activo) .productos-adicionales-alta-lista li{
  margin:0 0 5px!important;
  font-weight:600!important;
}

#web:not(.davatel-selector-activo) .cabecera-listado-usuarios-admin{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:24px 0 18px!important;
  padding:15px 17px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-left:4px solid var(--davatel-area-color)!important;
  border-radius:12px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.055)!important;
}

#web:not(.davatel-selector-activo) .cabecera-listado-usuarios-admin img{
  width:auto!important;
  height:auto!important;
  max-width:140px!important;
  max-height:52px!important;
  display:block!important;
  object-fit:contain!important;
}

#web:not(.davatel-selector-activo) .cabecera-listado-usuarios-admin h2{
  min-width:0!important;
  margin:0!important;
  color:var(--davatel-area-color)!important;
  font-size:clamp(21px,2.5vw,27px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

/* Las cuatro áreas del inicio comparten exactamente la misma geometría. */
#web.davatel-selector-activo #inicio .davatel-servicios-grid{
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  overflow:visible!important;
}

#web.davatel-selector-activo #inicio .davatel-servicios-grid > .davatel-servicio-card,
#web.davatel-selector-activo #inicio .davatel-servicios-grid > button.davatel-servicio-card,
#web.davatel-selector-activo #inicio .davatel-servicios-grid > a.davatel-servicio-card{
  appearance:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:250px!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:26px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:16px!important;
  color:var(--davatel-selector-tinta)!important;
  background:var(--davatel-selector-superficie)!important;
  background-image:none!important;
  box-shadow:0 10px 30px rgba(16,40,58,.075)!important;
  text-align:left!important;
  text-decoration:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

#web.davatel-selector-activo #inicio .davatel-servicios-grid > .davatel-servicio-card:hover{
  border-color:#b9cbd6!important;
  box-shadow:0 15px 36px rgba(16,40,58,.11)!important;
  filter:none!important;
  transform:translateY(-3px)!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-proximamente-etiqueta{
  top:18px!important;
  right:18px!important;
  max-width:calc(100% - 96px)!important;
  margin:0!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-icono{
  border-radius:13px!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-card :is(h2,p,.davatel-servicio-accion){
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

#web.davatel-selector-activo #inicio .davatel-servicio-accion{
  min-height:22px!important;
  margin-top:auto!important;
  padding-top:4px!important;
}

/* Acceso al portal. Se respeta display:none cuando la aplicación lo oculta. */
#login,
#login *{
  font-family:Arial,Helvetica,sans-serif!important;
  text-transform:none!important;
  box-sizing:border-box;
}

#login.oculto{
  display:none!important;
}

#login{
  min-height:100svh!important;
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px 18px!important;
  color:var(--davatel-selector-tinta)!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(7,59,97,.08),transparent 30%),
    radial-gradient(circle at 90% 92%,rgba(231,120,33,.09),transparent 28%),
    #eef4f8!important;
}

#login .caja-login{
  width:min(100%,480px)!important;
  max-width:480px!important;
  margin:auto!important;
  padding:34px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:18px!important;
  color:var(--davatel-selector-tinta)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 20px 55px rgba(16,40,58,.13)!important;
  text-align:left!important;
}

#login .logo-login-davatel,
#login .caja-login img.logo-login-davatel{
  width:auto!important;
  height:auto!important;
  max-width:min(260px,78%)!important;
  max-height:94px!important;
  display:block!important;
  margin:0 auto 18px!important;
  object-fit:contain!important;
}

#login .login-titulo-principal{
  margin:0!important;
  padding:0!important;
  color:var(--davatel-selector-tinta)!important;
  font-size:27px!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}

#login .login-subtitulo{
  margin:9px 0 25px!important;
  color:var(--davatel-selector-suave)!important;
  font-size:15px!important;
  line-height:1.5!important;
  text-align:center!important;
}

#login .davatel-login-campo{
  width:100%!important;
  margin:0 0 16px!important;
}

#login .davatel-login-campo > label{
  display:block!important;
  margin:0 0 7px!important;
  color:#294153!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:left!important;
}

#login .davatel-login-campo input{
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #c7d6e0!important;
  border-radius:10px!important;
  color:var(--davatel-selector-tinta)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 1px 2px rgba(16,40,58,.03)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.35!important;
}

#login .davatel-login-campo input:focus{
  border-color:var(--davatel-selector-azul)!important;
  outline:3px solid rgba(7,59,97,.13)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}

#login .password-box{
  position:relative!important;
  width:100%!important;
  margin:0!important;
}

#login .password-box input{
  padding-right:52px!important;
}

#login .password-box .ojo{
  position:absolute!important;
  top:50%!important;
  right:7px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  color:#526a7a!important;
  background:#eef4f8!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:18px!important;
  line-height:1!important;
  transform:translateY(-50%)!important;
}

#login .password-box .ojo:hover{
  color:var(--davatel-selector-azul)!important;
  background:var(--davatel-selector-azul-claro)!important;
  filter:none!important;
  transform:translateY(-50%)!important;
}

#login .caja-login > button,
#login .caja-login .davatel-login-entrar{
  appearance:none!important;
  width:100%!important;
  min-height:48px!important;
  margin:0 0 10px!important;
  padding:11px 16px!important;
  border:1px solid var(--davatel-selector-azul)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:var(--davatel-selector-azul)!important;
  background-image:none!important;
  box-shadow:0 6px 16px rgba(7,59,97,.17)!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
}

#login .caja-login > .btn-volver-portada-login{
  border-color:#cbd9e4!important;
  color:var(--davatel-selector-azul)!important;
  background:#f7fafc!important;
  box-shadow:none!important;
}

#login .caja-login > button:hover,
#login .caja-login .davatel-login-entrar:hover{
  filter:brightness(.93)!important;
  transform:translateY(-1px)!important;
}

#login .davatel-recuperacion-acceso{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  margin:2px 0 18px!important;
  text-align:center!important;
}

#login .davatel-recuperacion-enlace{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:12px 23px!important;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(110deg,#0069c7 0%,#08a9e6 100%)!important;
  box-shadow:0 8px 20px rgba(0,105,199,.2)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  cursor:pointer!important;
}

#login .davatel-recuperacion-enlace:hover{
  filter:brightness(.94)!important;
  transform:translateY(-1px)!important;
}

#login .davatel-recuperacion-enlace:focus-visible{
  outline:3px solid rgba(8,169,230,.32)!important;
  outline-offset:3px!important;
}

#login .davatel-recuperacion-panel[hidden],
#login .davatel-recuperacion-enlace[hidden]{
  display:none!important;
}

#login .davatel-recuperacion-panel{
  align-self:stretch!important;
  width:100%!important;
  margin:10px 0 4px!important;
  padding:18px!important;
  border:1px solid #cbddea!important;
  border-radius:12px!important;
  background:#f6faff!important;
  text-align:left!important;
}

#login .davatel-recuperacion-panel h2{
  margin:0 0 7px!important;
  color:#073b61!important;
  font-size:19px!important;
  line-height:1.25!important;
}

#login .davatel-recuperacion-panel p{
  margin:0 0 13px!important;
  color:#526a7a!important;
  font-size:14px!important;
  line-height:1.45!important;
}

#login .davatel-recuperacion-panel label{
  display:block!important;
  margin:11px 0 6px!important;
  color:#294153!important;
  font-size:14px!important;
  font-weight:700!important;
}

#login .davatel-recuperacion-panel input{
  width:100%!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border:1px solid #c7d6e0!important;
  border-radius:9px!important;
  color:#10283a!important;
  background:#fff!important;
  font-size:16px!important;
}

#login .davatel-recuperacion-panel > button{
  width:100%!important;
  min-height:45px!important;
  margin:13px 0 0!important;
  padding:10px 14px!important;
  border:1px solid #0057b8!important;
  border-radius:9px!important;
  color:#fff!important;
  background:#0057b8!important;
  font-size:15px!important;
  font-weight:800!important;
  cursor:pointer!important;
}

#login .davatel-recuperacion-panel > button:disabled{
  opacity:.65!important;
  cursor:wait!important;
}

#login .davatel-recuperacion-panel .davatel-recuperacion-mensaje{
  min-height:20px!important;
  margin:12px 0 0!important;
  color:#073b61!important;
  font-weight:700!important;
}

#login .caja-login > .btn-volver-portada-login:hover{
  border-color:#aebfcb!important;
  background:var(--davatel-selector-azul-claro)!important;
  filter:none!important;
}

#login #mensaje-error{
  margin:2px 0 0!important;
  padding:10px 12px!important;
  border:1px solid #f0c8c4!important;
  border-radius:9px!important;
  color:#a1261d!important;
  background:#fff5f4!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:left!important;
}

#login #mensaje-error:empty{
  display:none!important;
}

#login .telefonos-login{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:21px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid #e1e9ee!important;
  color:#294153!important;
  background:transparent!important;
  text-align:left!important;
}

#login .telefonos-login > strong{
  grid-column:1/-1!important;
  margin:0 0 2px!important;
  color:var(--davatel-selector-tinta)!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

#login .telefonos-login .telefono-login-linea{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid #e1e9ee!important;
  border-radius:9px!important;
  background:#f7fafc!important;
  white-space:nowrap!important;
}

#login .telefonos-login .telefono-login-icono{
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  color:var(--davatel-selector-azul)!important;
  stroke:currentColor!important;
  fill:none!important;
}

#login .telefonos-login .telefono-login-numero{
  min-width:0!important;
  color:#294153!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}

/* Avisos legales, confirmaciones y cookies con los mismos controles. */
.legal-aceptacion-modal,
.solicitud-contratacion-modal,
.davatel-cookie-banner{
  color:var(--davatel-selector-tinta)!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

.legal-aceptacion-caja,
.solicitud-contratacion-caja,
.davatel-cookie-card{
  min-width:0!important;
  max-width:calc(100vw - 24px)!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:16px!important;
  color:var(--davatel-selector-tinta)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 22px 62px rgba(16,40,58,.2)!important;
  box-sizing:border-box!important;
}

.legal-aceptacion-caja :is(h2,p,li,label,span,a,strong),
.solicitud-contratacion-caja :is(h2,p,span,strong),
.davatel-cookie-card :is(p,label,span,a,strong){
  letter-spacing:0!important;
  text-transform:none!important;
}

:is(.legal-aceptacion-acciones,.solicitud-contratacion-acciones,.davatel-cookie-acciones) button{
  appearance:none!important;
  min-height:44px!important;
  max-width:100%!important;
  margin:0!important;
  padding:10px 15px!important;
  border:1px solid var(--davatel-selector-azul)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:var(--davatel-selector-azul)!important;
  background-image:none!important;
  box-shadow:0 5px 14px rgba(7,59,97,.16)!important;
  font:700 14px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
}

:is(.legal-aceptacion-acciones,.solicitud-contratacion-acciones,.davatel-cookie-acciones) :is(
  .legal-aceptacion-salir,
  .solicitud-contratacion-cancelar,
  .secundario
){
  border-color:#cbd9e4!important;
  color:var(--davatel-selector-azul)!important;
  background:#f7fafc!important;
  box-shadow:none!important;
}

:is(.legal-aceptacion-acciones,.solicitud-contratacion-acciones,.davatel-cookie-acciones) button:disabled{
  border-color:#ccd6de!important;
  color:#728291!important;
  background:#e8edf1!important;
  box-shadow:none!important;
}

/* Barras y botones de documentos en todos los listados, no solo en IA. */
#web:not(.davatel-selector-activo) .davatel-documentos-barra{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding:13px 14px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-left:4px solid var(--davatel-area-color)!important;
  border-radius:11px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.055)!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) :is(.davatel-documentos-acciones,.davatel-documento-tarifa-acciones) button{
  min-height:38px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid #c7d6e0!important;
  border-radius:9px!important;
  color:var(--davatel-area-color)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#web:not(.davatel-selector-activo) .davatel-documento-tarifa-controles{
  border-top-color:#e1e9ee!important;
}

/* Formulario del Tarificador IA. */
#web.davatel-area-telecomunicaciones #tarifas-ia-contenido > .bloque{
  width:min(100%,980px)!important;
  margin:0 auto!important;
}

#web.davatel-area-telecomunicaciones #tarifas-ia-contenido > .bloque > p{
  margin:0 0 22px!important;
  color:var(--davatel-selector-suave)!important;
}

#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-pregunta,
#web.davatel-area-telecomunicaciones #tarifas-ia-contenido #ia-datos-lineas-contenedor > .ia-pregunta{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.8fr) minmax(230px,1.2fr)!important;
  align-items:center!important;
  gap:12px 18px!important;
  margin:0 0 11px!important;
  padding:13px 14px!important;
  border:1px solid #e1e9ee!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-pregunta > :is(label,select){
  width:100%!important;
  margin:0!important;
}

#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-formulario-acciones{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:20px!important;
}

#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-formulario-acciones > button{
  margin:0!important;
}

#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-formulario-acciones > button:last-child{
  border-color:#cbd9e4!important;
  color:var(--davatel-selector-azul)!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Resultados reales creados después de pulsar Buscar. */
#web.davatel-area-telecomunicaciones #ia-resultados{
  width:100%!important;
  min-width:0!important;
  margin:28px 0 0!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-bloque-resultados{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:22px 0!important;
  padding:20px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  background-image:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-titulo-bloque{
  min-height:0!important;
  display:block!important;
  margin:0 0 17px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:2px solid #c9dbe7!important;
  border-radius:0!important;
  color:var(--davatel-selector-azul)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:clamp(21px,2.4vw,27px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-listado-tarjetas{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:block!important;
  margin:0!important;
  padding:22px!important;
  border:1px solid #d8e3ea!important;
  border-left:4px solid var(--davatel-selector-azul)!important;
  border-radius:14px!important;
  color:var(--davatel-selector-tinta)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 7px 20px rgba(16,40,58,.06)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-cabecera{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0 0 16px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid #e1e9ee!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-opcion-etiqueta{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid #c9dbe7!important;
  border-radius:8px!important;
  color:var(--davatel-selector-azul)!important;
  background:var(--davatel-selector-azul-claro)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card .ia-tarifa-cabecera h3{
  min-height:0!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--davatel-selector-tinta)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:clamp(21px,2.5vw,28px)!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card h3::before{
  display:none!important;
  content:none!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .dato-linea{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:block!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid #e4ebf0!important;
  border-radius:9px!important;
  color:#294153!important;
  background:#f8fafc!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .ia-dato-ancho{
  grid-column:1/-1!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .ia-dato-ventaja{
  border-color:#c9dfd4!important;
  color:#20513f!important;
  background:#f2faf6!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos strong{
  color:var(--davatel-selector-tinta)!important;
  font-weight:800!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .ia-fila-pvp-producto{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(190px,.5fr)!important;
  align-items:center!important;
  gap:10px 18px!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-descripcion{
  min-width:0!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-descripcion > strong{
  display:block!important;
  margin:0 0 7px!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:3px!important;
  color:var(--davatel-selector-azul)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe small{
  color:var(--davatel-selector-suave)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

/* La etiqueta breve mantiene juntas sus letras incluso en pantallas estrechas. */
#web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe .ia-producto-pvp-etiqueta{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe b{
  color:var(--davatel-selector-azul)!important;
  font-size:14px!important;
  font-weight:800!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
  margin:10px 0 0!important;
  padding:12px!important;
  border:1px solid #c9dbe7!important;
  border-radius:9px!important;
  color:var(--davatel-selector-azul)!important;
  background:var(--davatel-selector-azul-claro)!important;
  background-image:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card .ia-cuota-mensual-label{
  margin:0!important;
  color:var(--davatel-selector-azul)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card .ia-cuota-mensual-importe{
  margin:0!important;
  color:var(--davatel-selector-azul)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card > .dato-linea{
  flex:1 0 100%!important;
  width:100%!important;
  margin:3px 0 0!important;
  padding:9px 0 0!important;
  border:0!important;
  border-top:1px solid #c9dbe7!important;
  border-radius:0!important;
  color:#294153!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comisiones-distribuidor{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:14px 0!important;
  padding:14px!important;
  border:1px solid #dbe5eb!important;
  border-radius:11px!important;
  color:var(--davatel-selector-tinta)!important;
  background:#f8fafc!important;
  background-image:none!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comisiones-titulo{
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0 0 9px!important;
  border:0!important;
  border-bottom:1px solid #dbe5eb!important;
  border-radius:0!important;
  color:var(--davatel-selector-tinta)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comisiones-lista{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(86px,.45fr) minmax(150px,1.25fr) minmax(150px,.7fr)!important;
  align-items:center!important;
  gap:8px 12px!important;
  padding:10px 11px!important;
  border:1px solid #e4ebf0!important;
  border-radius:9px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila > span{
  min-width:0!important;
  max-width:100%!important;
  color:#294153!important;
  font-size:13px!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila > .ia-comision-tipo{
  color:var(--davatel-selector-suave)!important;
  font-size:12px!important;
  font-weight:700!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila > .ia-comision-nombre{
  font-weight:700!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila > .ia-comision-importe{
  color:var(--davatel-selector-azul)!important;
  font-weight:800!important;
  text-align:right!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-total{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px 16px!important;
  margin:10px 0 0!important;
  padding:12px!important;
  border:1px solid #c9dbe7!important;
  border-radius:9px!important;
  color:var(--davatel-selector-azul)!important;
  background:var(--davatel-selector-azul-claro)!important;
  background-image:none!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-total > :is(span,strong){
  min-width:0!important;
  margin:0!important;
  color:var(--davatel-selector-azul)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-total > span{
  text-transform:uppercase!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .davatel-documentos-barra{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:13px 14px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-left:4px solid var(--davatel-selector-azul)!important;
  border-radius:11px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.055)!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados :is(.davatel-documentos-seleccion,.davatel-documentos-acciones,.davatel-documento-tarifa-controles,.davatel-documento-tarifa-acciones){
  min-width:0!important;
  max-width:100%!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados :is(.davatel-documentos-seleccion label,.davatel-documento-check){
  color:#294153!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados :is(.davatel-documentos-acciones,.davatel-documento-tarifa-acciones) button{
  min-height:38px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid #c7d6e0!important;
  border-radius:9px!important;
  color:var(--davatel-selector-azul)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .davatel-documento-tarifa-controles{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:14px 0 0!important;
  padding:13px 0 0!important;
  border-top:1px solid #e1e9ee!important;
}

#web.davatel-area-telecomunicaciones #ia-resultados .boton-contratar-tarifa{
  width:100%!important;
  min-height:46px!important;
  margin:12px 0 0!important;
  border-radius:10px!important;
  color:#fff!important;
  background:var(--davatel-selector-azul)!important;
  background-image:none!important;
  box-shadow:0 5px 14px rgba(7,59,97,.17)!important;
  font-size:14px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

#web:not(.davatel-selector-activo) .boton-contratar-tarifa{
  text-transform:uppercase!important;
}

/* Separación entre cuota y comisiones: 3 × los 14 px anteriores. */
#web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card + .ia-comisiones-distribuidor{
  margin-top:42px!important;
}

/* La i conserva su tamaño táctil frente a los estilos generales de botones. */
#web .tarifa-card .offer-conditions > .offer-tariff-heading{
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
}
#web .tarifa-card .offer-conditions .offer-tariff-summary{
  display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;color:inherit!important;font:inherit!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
#web .tarifa-card .offer-conditions .offer-tariff-name{
  display:inline!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;color:inherit!important;font:inherit!important;
}

#web:not(.davatel-selector-activo) > .seccion .tarifa-card > .davatel-tarifa-pvp-final{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
  border:2px solid #087cae!important;
  border-radius:12px!important;
  color:#fff!important;
  background:linear-gradient(115deg,#073b61 0%,#087cae 100%)!important;
  box-shadow:0 9px 20px rgba(7,59,97,.2)!important;
  font-size:18px!important;
  line-height:1.25!important;
}

#web:not(.davatel-selector-activo) > .seccion .tarifa-card > .davatel-tarifa-pvp-final strong{
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}

#web:not(.davatel-selector-activo) > .seccion .tarifa-card > .davatel-tarifa-pvp-final span{
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  text-align:right!important;
}

@media(max-width:520px){
  #web:not(.davatel-selector-activo) > .seccion .tarifa-card > .davatel-tarifa-pvp-final{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  #web:not(.davatel-selector-activo) > .seccion .tarifa-card > .davatel-tarifa-pvp-final span{
    text-align:left!important;
  }
}

#web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions button.offer-conditions-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;
  width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:10px!important;box-sizing:border-box!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:inherit!important;box-shadow:none!important;transform:none!important;
  line-height:1!important;letter-spacing:0!important;text-transform:none!important;
}
#web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions button.offer-conditions-toggle:hover,
#web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions button.offer-conditions-toggle[aria-expanded="true"]{
  background:rgba(8,113,142,.1)!important;
}
#web .tarifa-card .offer-conditions .offer-conditions-icon{
  display:inline-flex!important;margin:0!important;padding:0!important;border:1.5px solid currentColor!important;color:inherit!important;
}
#web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions .offer-conditions-close{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:44px!important;
  margin:12px 0 0!important;padding:8px 12px!important;border:1px solid #aacadd!important;border-radius:8px!important;
  background:#fff!important;color:#063f63!important;font:inherit!important;font-size:14px!important;font-weight:700!important;
  text-transform:none!important;box-shadow:none!important;cursor:pointer;white-space:normal!important;transform:none!important;
}
#web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions button:focus-visible{
  outline:3px solid #006a8c!important;outline-offset:3px!important;
}
@media print{
  #web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions button.offer-conditions-toggle,
  #web:not(.davatel-selector-activo) > .seccion .tarifa-card .offer-conditions .offer-conditions-close{display:none!important}
}

@media(max-width:720px){
  #web.davatel-selector-activo #inicio .davatel-servicios-grid > .davatel-servicio-card,
  #web.davatel-selector-activo #inicio .davatel-servicios-grid > button.davatel-servicio-card,
  #web.davatel-selector-activo #inicio .davatel-servicios-grid > a.davatel-servicio-card{
    min-height:220px!important;
    padding:21px!important;
    border-radius:14px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-servicio-proximamente-etiqueta{
    top:16px!important;
    right:16px!important;
  }

  #login{
    align-items:flex-start!important;
    padding:14px 10px!important;
  }

  #login .caja-login{
    margin:auto!important;
    padding:24px 17px!important;
    border-radius:14px!important;
  }

  #login .logo-login-davatel,
  #login .caja-login img.logo-login-davatel{
    max-width:min(220px,75%)!important;
    max-height:80px!important;
    margin-bottom:15px!important;
  }

  #login .login-titulo-principal{
    font-size:24px!important;
  }

  #login .login-subtitulo{
    margin-bottom:21px!important;
    font-size:14px!important;
  }

  #login .telefonos-login{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #login .telefonos-login .telefono-login-linea{
    width:100%!important;
  }

  #web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-pregunta,
  #web.davatel-area-telecomunicaciones #tarifas-ia-contenido #ia-datos-lineas-contenedor > .ia-pregunta{
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    padding:12px!important;
  }

  #web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-formulario-acciones{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  #web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-formulario-acciones > button{
    width:100%!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-bloque-resultados{
    margin:16px 0!important;
    padding:11px!important;
    border-radius:13px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-titulo-bloque{
    margin-bottom:13px!important;
    font-size:21px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card{
    padding:15px!important;
    border-left-width:3px!important;
    border-radius:12px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .ia-dato-ancho{
    grid-column:auto!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .ia-fila-pvp-producto{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe{
    width:100%!important;
    padding-top:9px!important;
    border-top:1px solid #dbe5eb!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe b{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-cuota-mensual-card .ia-cuota-mensual-importe{
    font-size:15px!important;
    white-space:normal!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila{
    grid-template-columns:minmax(0,1fr)!important;
    gap:4px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila > .ia-comision-importe{
    font-size:15px!important;
    text-align:left!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-total{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .davatel-documentos-barra{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados :is(.davatel-documentos-acciones,.davatel-documento-tarifa-acciones){
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados :is(.davatel-documentos-acciones,.davatel-documento-tarifa-acciones) button{
    width:100%!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .davatel-documento-tarifa-controles{
    align-items:stretch!important;
    flex-direction:column!important;
  }
}

@media(max-width:380px){
  #web.davatel-selector-activo #inicio .davatel-servicios-grid > .davatel-servicio-card,
  #web.davatel-selector-activo #inicio .davatel-servicios-grid > button.davatel-servicio-card,
  #web.davatel-selector-activo #inicio .davatel-servicios-grid > a.davatel-servicio-card{
    min-height:230px!important;
    padding:18px!important;
  }

  #web.davatel-selector-activo #inicio .davatel-servicio-proximamente-etiqueta{
    top:14px!important;
    right:14px!important;
    max-width:calc(100% - 84px)!important;
    font-size:11px!important;
  }

  #login .caja-login{
    padding:22px 14px!important;
  }
}

/* =========================================================
   REMATE VISUAL · ELEMENTOS HEREDADOS DETECTADOS EN REVISION
   ========================================================= */

/* Flyers: el enlace de descarga también forma parte del sistema de botones. */
#web:not(.davatel-selector-activo) .flyer-box{
  min-width:0!important;
  max-width:100%!important;
  padding:20px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:14px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 7px 21px rgba(16,40,58,.06)!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) .flyer-preview{
  max-width:100%!important;
  border:1px solid #d8e3ea!important;
  border-radius:11px!important;
  background:#f7fafc!important;
  box-shadow:none!important;
}

#web:not(.davatel-selector-activo) a.boton-descarga{
  min-height:44px!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:6px 0 0!important;
  padding:10px 15px!important;
  border:1px solid var(--davatel-area-color)!important;
  border-radius:9px!important;
  color:#fff!important;
  background:var(--davatel-area-color)!important;
  background-image:none!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--davatel-area-color) 16%,transparent)!important;
  font:700 14px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) a.boton-descarga:hover{
  color:#fff!important;
  background:var(--davatel-area-color)!important;
  filter:brightness(.92)!important;
  transform:translateY(-1px)!important;
}

/* Resumen de comisiones y datos de facturación. */
#web:not(.davatel-selector-activo) .total-comisiones-forzado{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
  margin:22px 0 0!important;
  padding:17px 19px!important;
  border:1px solid #c9dbe7!important;
  border-left:4px solid var(--davatel-area-color)!important;
  border-radius:12px!important;
  color:var(--davatel-selector-tinta)!important;
  background:var(--davatel-area-soft)!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.06)!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) .total-comisiones-forzado > div{
  min-width:0!important;
  color:var(--davatel-selector-tinta)!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#web:not(.davatel-selector-activo) .total-comisiones-forzado > strong{
  min-width:0!important;
  color:var(--davatel-area-color)!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

#web:not(.davatel-selector-activo) #datos-facturacion-comisiones-fijo,
#web:not(.davatel-selector-activo) .datos-facturacion-comisiones{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:22px 0 0!important;
  padding:18px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-left:4px solid var(--davatel-area-color)!important;
  border-radius:12px!important;
  color:#294153!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.055)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) :is(#datos-facturacion-comisiones-fijo,.datos-facturacion-comisiones) strong{
  color:var(--davatel-selector-tinta)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Ayuda IA: cabecera, conversación y acciones con la identidad nueva. */
#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-contenedor{
  width:100%!important;
  min-width:0!important;
  max-width:1040px!important;
  margin:0 auto!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-cabecera{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:17px!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-left:4px solid var(--davatel-selector-azul)!important;
  border-radius:13px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.055)!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-identidad{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-identidad > div{
  min-width:0!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-icono{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border:1px solid #c9dbe7!important;
  border-radius:11px!important;
  color:var(--davatel-selector-azul)!important;
  background:var(--davatel-selector-azul-claro)!important;
  background-image:none!important;
  font-size:17px!important;
  font-weight:800!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-identidad h2{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--davatel-selector-tinta)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-identidad p{
  min-width:0!important;
  max-width:100%!important;
  margin:4px 0 0!important;
  color:var(--davatel-selector-suave)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.4!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-nueva{
  flex:0 1 auto!important;
  margin:0!important;
  border-color:#c7d6e0!important;
  border-radius:9px!important;
  color:var(--davatel-selector-azul)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-mensajes,
#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-formulario{
  min-width:0!important;
  max-width:100%!important;
  border:1px solid var(--davatel-selector-linea)!important;
  border-radius:13px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 6px 18px rgba(16,40,58,.05)!important;
  box-sizing:border-box!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-mensaje{
  border-radius:10px!important;
  font-size:15px!important;
  line-height:1.5!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-mensaje.asistente{
  border-color:#dbe5eb!important;
  color:#294153!important;
  background:#f3f7fa!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-mensaje.usuario{
  color:#fff!important;
  background:var(--davatel-selector-azul)!important;
  background-image:none!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia :is(.ayuda-ia-sugerencia,.ayuda-ia-feedback button){
  min-height:38px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid #c7d6e0!important;
  border-radius:9px!important;
  color:var(--davatel-selector-azul)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
  text-transform:none!important;
}

#web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-envio button{
  border-radius:9px!important;
  background:var(--davatel-selector-azul)!important;
  background-image:none!important;
}

/* Documentación legal: enlaces rectangulares y metadatos sin desbordes. */
#web:not(.davatel-selector-activo) .legal-links-cuenta{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:15px 0!important;
}

#web:not(.davatel-selector-activo) .legal-links-cuenta a{
  min-height:40px!important;
  min-width:0!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  border:1px solid #c9dbe7!important;
  border-radius:9px!important;
  color:var(--davatel-selector-azul)!important;
  background:#fff!important;
  background-image:none!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

#web:not(.davatel-selector-activo) .legal-links-cuenta a:hover{
  border-color:#aac2d1!important;
  background:var(--davatel-selector-azul-claro)!important;
}

#web:not(.davatel-selector-activo) .legal-estado-aceptacion{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #dbe5eb!important;
  border-radius:9px!important;
  color:#526a7a!important;
  background:#f7fafc!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}

/* El nombre de cada resultado IA debe ser el foco principal de la tarjeta. */
#web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card .ia-tarifa-cabecera h3{
  width:100%!important;
  margin:10px 0 0!important;
  padding:17px 18px!important;
  border:1px solid #073b61!important;
  border-left:7px solid #00a8e8!important;
  border-radius:10px!important;
  color:#fff!important;
  background:#073b61!important;
  background-image:none!important;
  box-shadow:0 9px 22px rgba(7,59,97,.18)!important;
  font-size:clamp(26px,2.7vw,38px)!important;
  font-weight:850!important;
  line-height:1.16!important;
  letter-spacing:-.02em!important;
}

/* Diferenciación visual y resumen conjunto de comisiones. */
#web:not(.davatel-selector-activo) .comision-card-cabecera{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
#web:not(.davatel-selector-activo) .comision-card-cabecera h3{min-width:0!important;margin:0 0 13px!important}
#web:not(.davatel-selector-activo) .comision-actividad-badge{display:inline-flex!important;flex:0 0 auto!important;padding:6px 9px!important;border:1px solid #b9d2e2!important;border-radius:7px!important;color:#073b61!important;background:#edf6fb!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important;white-space:nowrap!important}
#web:not(.davatel-selector-activo) .comision-actividad-badge.energia{color:#8d410f!important;border-color:#efc5a4!important;background:#fff4e9!important}
#web:not(.davatel-selector-activo) .comision-card.comision-energia{border-left-color:#e77821!important}
#web:not(.davatel-selector-activo) .comision-retrocedida-aviso{margin:11px 0!important;padding:10px 12px!important;border:1px solid #e7b4ae!important;border-radius:8px!important;color:#92281f!important;background:#fff2f0!important;font-size:12px!important;font-weight:750!important}
#web:not(.davatel-selector-activo) .total-comisiones-forzado>div>strong,
#web:not(.davatel-selector-activo) .total-comisiones-forzado>div>span{
  display:block!important;
  text-shadow:none!important;
}
#web:not(.davatel-selector-activo) .total-comisiones-forzado>div>strong{
  color:#073b61!important;
  font-size:clamp(24px,3vw,32px)!important;
  font-weight:850!important;
  line-height:1.12!important;
}
#web:not(.davatel-selector-activo) .total-comisiones-forzado>div>span{
  margin-top:5px!important;
  color:#405a6e!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

/* Botón flotante: cuadrado, sólido y únicamente con el icono. */
.davatel-boton-subir,
.davatel-boton-subir.visible{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  gap:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:var(--davatel-selector-azul)!important;
  background-image:none!important;
  box-shadow:0 8px 21px rgba(7,59,97,.24)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.davatel-boton-subir svg{
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
}

.davatel-boton-subir span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.davatel-boton-subir.visible:hover{
  filter:brightness(.92)!important;
  transform:translateY(-2px)!important;
}

@media(max-width:720px){
  #web:not(.davatel-selector-activo) a.boton-descarga{
    width:100%!important;
  }

  #web:not(.davatel-selector-activo) .total-comisiones-forzado{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:15px!important;
  }

  #web:not(.davatel-selector-activo) .total-comisiones-forzado > strong{
    font-size:25px!important;
  }

  #web:not(.davatel-selector-activo) #datos-facturacion-comisiones-fijo,
  #web:not(.davatel-selector-activo) .datos-facturacion-comisiones{
    padding:15px!important;
    font-size:15px!important;
  }

  #web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-cabecera{
    align-items:stretch!important;
    flex-direction:column!important;
    padding:14px!important;
  }

  #web.davatel-area-telecomunicaciones #ayuda-ia .ayuda-ia-nueva{
    width:100%!important;
  }

  #web:not(.davatel-selector-activo) .legal-links-cuenta{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  #web:not(.davatel-selector-activo) .legal-links-cuenta a{
    width:100%!important;
  }

  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card .ia-tarifa-cabecera h3{
    padding:14px!important;
    border-left-width:5px!important;
    font-size:clamp(22px,7vw,29px)!important;
  }

  #web:not(.davatel-selector-activo) .comision-card-cabecera{align-items:stretch!important;flex-direction:column!important}
  #web:not(.davatel-selector-activo) .comision-actividad-badge{align-self:flex-start!important}
}

/* Cuenta compartida para generar contratos: misma restricción en todas las pantallas. */
#web.davatel-solo-contrato nav,
#web.davatel-solo-contrato #davatel-menu-movil-trigger,
#web.davatel-solo-contrato .seccion:not(#contrato-distribuidor){ display:none!important; }
#web.davatel-solo-contrato > header .davatel-selector-cuenta{
  display:flex!important; align-items:center; gap:16px; flex-wrap:wrap; margin-left:auto;
}
#web.davatel-solo-contrato > header{ display:flex; flex-wrap:wrap; gap:16px; }
#web.davatel-solo-contrato > header .logo{ max-width:100%; cursor:pointer; }
@media(max-width:600px){
  #web.davatel-solo-contrato > header .davatel-selector-cuenta{ width:100%; justify-content:space-between; margin:0; }
  #web.davatel-solo-contrato .davatel-selector-salir{ min-height:44px; }
}

/* Aviso de búsqueda sin coincidencia exacta: las alternativas no son un error técnico. */
#web:not(.davatel-selector-activo) #ia-resultados .ia-aviso-alternativas{
  padding:20px 24px!important;
  border:1px solid rgba(185,28,28,.24)!important;
  border-left:5px solid #dc2626!important;
  border-radius:16px!important;
  background:linear-gradient(rgba(220,38,38,.08),rgba(220,38,38,.08)),#fff!important;
  box-shadow:0 8px 24px rgba(153,27,27,.06)!important;
  text-align:left!important;
  overflow-wrap:anywhere;
}
#web:not(.davatel-selector-activo) #ia-resultados .ia-aviso-alternativas > strong{
  display:block;
  color:#991b1b!important;
  font-size:clamp(18px,1.6vw,22px)!important;
  font-weight:800!important;
  line-height:1.45!important;
}
#web:not(.davatel-selector-activo) #ia-resultados .ia-aviso-alternativas > p{
  margin:8px 0 0!important;
  color:#593b3b!important;
  font-size:16px!important;
  line-height:1.55!important;
}
@media(max-width:600px){
  #web:not(.davatel-selector-activo) #ia-resultados .ia-aviso-alternativas{padding:16px 18px!important}
  #web:not(.davatel-selector-activo) #ia-resultados .ia-aviso-alternativas > p{font-size:15px!important}
}

/* Controles exclusivos del administrador. Esta regla queda al final para que
   ningún display:flex !important del encabezado pueda mostrarlos a otros roles. */
#web [data-davatel-roles][hidden],
#web:not([data-davatel-rol="administrador"]) > header .admin-conectados-header{
  display:none!important;
}

/* V17: respetar la visibilidad de las preguntas y compactar streaming. */
#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-pregunta[hidden],
#web.davatel-area-telecomunicaciones #tarifas-ia-contenido #ia-datos-lineas-contenedor > .ia-pregunta[hidden]{
  display:none!important;
}

#tarifas-ia-contenido .ia-streaming-desplegable{
  width:100%;
  margin:0 0 16px;
  border:1px solid #d5e3ed;
  border-radius:11px;
  background:#f8fafc;
  overflow:hidden;
}
#tarifas-ia-contenido .ia-streaming-desplegable > summary{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  min-height:54px;
  padding:14px 16px;
  color:var(--davatel-selector-azul,#073b61);
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
#tarifas-ia-contenido .ia-streaming-desplegable > summary::-webkit-details-marker{
  display:none;
}
#tarifas-ia-contenido .ia-streaming-desplegable > summary::after{
  content:"+";
  font-size:24px;
  line-height:1;
}
#tarifas-ia-contenido .ia-streaming-desplegable[open] > summary::after{
  content:"−";
}
#tarifas-ia-contenido .ia-streaming-desplegable > summary:hover{
  background:#e8f3fa;
}
#tarifas-ia-contenido .ia-streaming-desplegable > summary:focus-visible{
  outline:2px solid #007c98;
  outline-offset:-3px;
}
#tarifas-ia-contenido .ia-streaming-resumen{
  margin-left:auto;
  font-size:13px;
  font-weight:600;
  color:#526a7a;
}
#tarifas-ia-contenido .ia-streaming-desplegable[open] > summary{
  border-bottom:1px solid #d5e3ed;
}
#tarifas-ia-contenido .ia-streaming-lista{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:14px;
}
#web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-streaming-lista > .ia-pregunta{
  grid-template-columns:minmax(0,1fr) minmax(110px,.7fr)!important;
  margin:0!important;
  gap:10px!important;
}
@media(max-width:800px){
  #tarifas-ia-contenido .ia-streaming-lista{
    grid-template-columns:minmax(0,1fr);
    padding:10px;
  }
}
@media(max-width:480px){
  #web.davatel-area-telecomunicaciones #tarifas-ia-contenido .ia-streaming-lista > .ia-pregunta{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* V21: formularios y resultados legibles en móvil, tablet y escritorio. */
@media screen and (max-width:1024px){
  #web:not(.davatel-selector-activo) .seccion input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  #web:not(.davatel-selector-activo) .seccion select,
  #web:not(.davatel-selector-activo) .seccion textarea,
  #web.davatel-area-energia .energia-admin-grid :is(input,select,textarea),
  #web.davatel-area-energia .energia-contrato-grid :is(input,select,textarea){
    font-size:16px!important;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-datos > .ia-fila-pvp-producto{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe{
    width:100%!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding-top:9px!important;
    border-top:1px solid #dbe5eb!important;
  }
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-producto-pvp-importe b{
    flex:1 1 0!important;
    min-width:0!important;
    font-size:15px!important;
    line-height:1.5!important;
    text-align:right!important;
    font-variant-numeric:tabular-nums;
  }
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila{
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
  }
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-comision-fila > .ia-comision-importe{
    text-align:right!important;
  }
  #web :is(.dato-linea,.offer-tariff-name,.energia-documento,.registro-archivo-item){
    overflow-wrap:anywhere;
  }
}
@media screen and (max-width:480px){
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-bloque-resultados{
    padding:8px!important;
  }
  #web.davatel-area-telecomunicaciones #ia-resultados .ia-tarifa-card{
    padding:12px!important;
  }
  #web:not(.davatel-selector-activo) .davatel-documentos-acciones,
  #web:not(.davatel-selector-activo) .davatel-documento-tarifa-acciones{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  #web:not(.davatel-selector-activo) .davatel-documentos-acciones > button,
  #web:not(.davatel-selector-activo) .davatel-documento-tarifa-acciones > button{
    flex:1 1 90px!important;
    min-width:0!important;
    min-height:44px!important;
    white-space:normal!important;
  }
  #login input:not([type="checkbox"]):not([type="radio"]){font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
}
@media screen and (prefers-reduced-motion:reduce){
  #web *,#login *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}
}