body .site-header-classic.header-brand-left .extras {
display: table !important;
}
.head-user a {
width: 100% !important;
display: flex;
flex-direction: column;
align-items: center;
}
.head-user a:hover {
background-color: green;
padding: 10px;
border-radius: 10px;
color: white;
}
.head-user a i {
margin-left: 10px;
}
.user-menu-container {
position: fixed;
width: auto;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
background-color: rgba(51, 156, 51, .3);
}
.user-menu {
position: absolute;
left: 50%;
margin-left: -250px;
width: 450px;
background-color: #ffffff;
padding: 15px 15px 50px 15px;
border: 2px solid #2e3b4a;
border-radius: 15px;
margin-top: 200px;
}
.user-menu .hello {
color: #2e3b4a;
margin: 20px 0 35px -12px;
border-bottom: 1px solid #2e3b4a;
}
.user-menu .user-menu-body{
padding: 0 35px;
}
.user-menu .close-btn {
text-align: right;
color: #2e3b4a;
}
.user-menu a {
color: #2e3b4a;
}
.user-menu a:hover {
color: #339c33;
}
.user-menu ul li {
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
margin-top: 15px;
line-height: 3em;
}
.user-menu ul li:hover {
background-color: #339c33;
padding: 0 10px;
}
.user-menu ul li:hover a {
font-style: italic;
color: white;
}
.user-menu ul li:hover a i{
color: #339c33;
}
.user-menu ul li a i {
line-height: 1.5em;
}
body .site-header-classic.header-brand-left .extras .head-user .icons-info.widget .icons {
margin-right: 0;
text-align: center;
}
body .site-header-classic.header-brand-left .extras .head-user .icons-info.widget .info {
line-height: 2em;
max-width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.forgotten-pass {
text-align: center;
margin-top: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 544px) {
body .site-header-classic.header-brand-left .extras .head-user .icons-info.widget .info {
display: none;
}
.head-user a {
justify-content: right;
}
.head-user .icons-info .icons a img {
height: 35px;
margin-top: 5px;
}
.user-menu {
left: 20px;
margin-left: 0;
right: 20px;
width: auto;
font-size: 20px;
}
.user-menu ul li {
line-height: 2.5em;
}
}
.form-section {
border: 1px solid #2e3b4a;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
}
.remove-account-warning:not(.open):not(.agx-visible) {
display: none;
}
.remove-account-warning.agx-visible.open {
display: none;
}
.buttons {
align-items: center;
display: flex;
gap: 5px;
justify-content: end;
}
.nota-pie {
font-size: 12px;
line-height: 1.5em;
text-align: center;
display: block;
margin-top: 20px;
font-weight: 100;
}
.site-header-sticky.header-brand-left .icons-info .icons {
margin: 0 !important;
text-align: center;
}.spinner-squares {
display: inline-flex;
align-items: center;
gap: 10px;
} .spinner-squares span {
width: 14px;
height: 14px;
animation: squarePulse 1s infinite ease-in-out;
transform-origin: center;
} .spinner-squares span:nth-child(1) {
background-color: #339c33;
animation-delay: 0s;
}
.spinner-squares span:nth-child(2) {
background-color: #ffc733;
animation-delay: 0.15s;
}
.spinner-squares span:nth-child(3) {
background-color: #9cccff;
animation-delay: 0.3s;
} @keyframes squarePulse {
0%, 100% {
transform: scale(0.6);
opacity: 0.6;
}
50% {
transform: scale(1.4);
opacity: 1;
}
}.agx-latest-news {
display: inline-flex;
width: 100%;
gap: 15px;
}
.agx-latest-news-item {
border-top: 7px solid #ffc733;
display: flex;
flex-direction: column;
width: 100%;
}
.agx-latest-news-item .agx-news-title, .agx-latest-news-item .agx-news-excerpt {
padding: 0;
width: 100%;
}
.agx-latest-news-item .agx-news-title {
font-weight: 700;
display: flex;
height: 100px;
margin-bottom: 30px;
}
.agx-latest-news-item .agx-news-excerpt {
font-weight: 100;
font-size: 15px;
height: 100px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.agx-news-title a {
font-weight: 700;
}
.agx-latest-news-item .agx-news-date {
color: #9cccff;
margin: 15px 0;
}
.agx-latest-news-item .agx-news-img {
height: 150px;
width: 100%;
overflow: hidden;
margin-top: 5px;
}
.agx-latest-news-item .agx-news-img img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}select#agx-e4parex-bars-graph-selector {
width: 90%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 5%;
}
.agx-primeros-pasos-e4parex-graph-container {
display: inline-flex;
justify-content: center;
gap: 20px;
width: 100%;
margin: 10px 0;
}
.agx-primeros-pasos-e4parex-graph-item {
width: 180px;
height: 180px;
background-color: #f0f0f0;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 100;
font-size: 14px;
border-radius: 5px;
}
.agx-primeros-pasos-e4parex-graph-item:hover {
border: 1px solid #2e3b4a;
}
.agx-primeros-pasos-e4parex-graph-item.agx-selected {
background-color: #339c33;
}
.agx-primeros-pasos-e4parex-graph-item .agx-on {
display: none;
}
.agx-primeros-pasos-e4parex-graph-item.agx-selected .agx-off {
display: none;
}
.agx-primeros-pasos-e4parex-graph-item.agx-selected .agx-on {
display: block;
}
.agx-primeros-pasos-e4parex-graph-item-img {
max-width: 60%;
margin-bottom: 10px;
}
.agx-primeros-pasos-e4parex-graph-item-text {
color: #2e3b4a;
min-height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.agx-primeros-pasos-e4parex-graph-item.agx-selected .agx-primeros-pasos-e4parex-graph-item-text {
color: #ffffff;
}
.agx-primeros-pasos-e4parex-graph-img > .vc_column-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.agx-primeros-pasos-e4parex-graph-item-explicacion.agx-selected {
display: block;
margin: 0 100px;
padding: 20px;
background-color: #339c33;
border-radius: 10px;
color: #fff;
text-align: center;
}
.agx-primeros-pasos-e4parex-graph-item-explicacion a {
color: #339c33;
background-color: #fff;
display: block;
width: fit-content;
border-radius: 5px;
margin: 15px auto;
padding: 10px;
}
.agx-primeros-pasos-e4parex-graph-item-explicacion a:hover {
background-color: #2e3b4a;
color: #fff;
text-decoration: none;
}
.agx-primeros-pasos-e4parex-graph-item-explicacion {
display: none;
}
.hoja-ruta-container {
width: 100%;
display: flex;
justify-content: center;
margin-top: 20px;
}
.hoja-ruta-container {
position: relative;
width: 100%;
aspect-ratio: 3;
background-image: url(//facilitaex.agenex.net/wp-content/uploads/2026/02/CAMINO_PRIMEROS-PASOS-2.svg);
background-size: cover;
background-position: center;
} .hoja-ruta-container {
position: relative;
width: 100%;
aspect-ratio: 2;
background-image: url(//facilitaex.agenex.net/wp-content/uploads/2026/02/CAMINO_PRIMEROS-PASOS-2.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.hoja-ruta-globo {
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 12px 16px;
border-radius: 20px;
cursor: pointer;
max-width: 220px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
transition:
top 0.4s ease,
left 0.4s ease,
transform 0.4s ease,
box-shadow 0.4s ease;
}
.hoja-ruta-globo-cerrar {
display: none;
position: absolute;
top: 8px;
background: none;
border: none;
font-size: 18px;
cursor: pointer;
right: 0px;
left: auto;
color: #2e3b4a;
transition: 1s ease;
}
.hoja-ruta-globo-cerrar:hover {
color: #2e3b4a;
transform: rotate(180deg);
}
.hoja-ruta-globo p {
text-align: center;
margin: 0;
}
.hoja-ruta-globo:hover {
transform: scale(1.05);
box-shadow: 0 6px 15px rgba(0,0,0,0.3);
} #hoja-ruta-globo-1 {
top: 66%;
left: 3%;
background-color: #ffc733;
}
#hoja-ruta-globo-2 {
top: 12%;
left: 21%;
background-color: #9cccff;
color: #2e3b4a
}
#hoja-ruta-globo-3 {
top: 74%;
left: 37%;
background-color: #339c33;
color: #fff
}
#hoja-ruta-globo-4 {
top: 4%;
left: 54%;
background-color: #9cccff;
color: #2e3b4a
}
#hoja-ruta-globo-5 {
top: 9%;
right: 2%;
background-color: #ffc733;
}
.hoja-ruta-globo-subtexto {
display: none;
}
.hoja-ruta-globo.agx-selected {
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) scale(1.1);
max-width: 420px;
z-index: 999;
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.hoja-ruta-globo.agx-selected > p {
margin-top: 40px;
color: #2e3b4a;
font-size: 18px;
font-weight: 500;
padding: 0 30px;
}
.hoja-ruta-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 998;
}
.hoja-ruta-globo.agx-selected .hoja-ruta-globo-subtexto,
.hoja-ruta-globo.agx-selected .hoja-ruta-globo-cerrar {
display: block;
}
.hoja-ruta-globo-subtexto {
margin-top: 20px;
}
.hoja-ruta-globo-subtexto-botones {
display: flex;
gap: 5px;
justify-content: center;
margin-top: 20px;
padding-bottom: 10px;
}
.hoja-ruta-globo-subtexto-botones a {
display: block;
padding: 5px;
border: 1px solid #2e3b4a;
color: #2e3b4a;
width: fit-content;
border-radius: 5px;
min-width: 100px;
text-align: center;
}
.hoja-ruta-globo-subtexto-botones a:hover {
background-color: #2e3b4a;
color: #fff;
text-decoration: none;
}
#hoja-ruta-globo-3  > p {
color: #fff
}
#hoja-ruta-globo-3 .hoja-ruta-globo-subtexto-botones a {
border-color: #fff;
color: #fff;
}
#hoja-ruta-globo-3 .hoja-ruta-globo-subtexto-botones a:hover {
background-color: #fff;
color: #339c33;
text-decoration: none;
}
#hoja-ruta-globo-3 .hoja-ruta-globo-cerrar,
#hoja-ruta-globo-3 .hoja-ruta-globo-cerrar:hover {
color: #fff;    
}.ahorro-energetico-explicacion {
display: none;
}
.ahorro-energetico-explicacion.agx-visible {
display: flex;
width: 100%;
background-color: white;
padding: 20px;
border-bottom: 5px;
margin-top: 10px;
border: 1px solid;
border-radius: 5px;
justify-content: space-between;
}
.ahorro-energetico-item {
background-color: #fff;
padding: 20px;
border-radius: 4px;
text-align: center;
width: 23%;
border: 1px solid #2e3b4a;
}
.ahorro-energetico-botones {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
height: 120px;
}
.ahorro-energetico-item > img {
height: 125px;
}
.ahorro-energetico {
display: flex;
gap: 10px;
justify-content: space-between;
margin-top: -140px;
}
.ahorro-energetico-title {
color: #339c33;
font-size: 18px;
margin: 20px 0;
height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ahorro-energetico-botones button {
background: transparent;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ahorro-energetico div#edificios-administrativos,
div#explicacion-edificios-administrativos {
background-color: #2e3b4a;
border: 1px solid #fff;
}
.ahorro-energetico div#edificios-administrativos .ahorro-energetico-title {
color: #fff !important;
}
.ahorro-energetico div#edificios-administrativos button {
background: #fff;
border: 1px solid #fff !important;
color: #2e3b4a !important;
}
.ahorro-energetico div#edificios-administrativos button.agx-visible,
.ahorro-energetico div#edificios-administrativos button:hover {
background-color: #2e3b4a !important;
color: #fff !important;
border-color: #fff !important;
}
.ahorro-energetico div#edificios-educativos .ahorro-energetico-title,
.ahorro-energetico div#soluciones-gestion .ahorro-energetico-title {
color: #fff !important;
}
.ahorro-energetico div#edificios-educativos button,
.ahorro-energetico div#soluciones-gestion button {
background: #fff;
border: 1px solid #fff !important;
color: #339c33 !important;
}
.ahorro-energetico div#edificios-educativos,
.ahorro-energetico div#soluciones-gestion,
div#explicacion-edificios-educativos,
div#explicacion-soluciones-gestion {
background-color: #339c33;
border: 1px solid #fff;
}
div#explicacion-edificios-administrativos *, 
div#explicacion-edificios-educativos *,
div#explicacion-soluciones-gestion * {
color: #fff;
}
.ahorro-energetico div#edificios-educativos button.agx-visible,
.ahorro-energetico div#edificios-educativos button:hover,
.ahorro-energetico div#soluciones-gestion button.agx-visible,
.ahorro-energetico div#soluciones-gestion button:hover {
background-color: #2e3b4a !important;
color: #fff !important;
border-color: #fff !important;
}
.ahorro-energetico div#edificios-sanitarios .ahorro-energetico-title,
.ahorro-energetico div#fondos-no-reembolsables .ahorro-energetico-title {
color: #2e3b4a !important;
}
.ahorro-energetico div#edificios-sanitarios button,
.ahorro-energetico div#fondos-no-reembolsables button {
background: #fff;
border: 1px solid #fff !important;
color: #2e3b4a !important;
}
.ahorro-energetico div#edificios-sanitarios,
.ahorro-energetico div#fondos-no-reembolsables,
div#explicacion-edificios-sanitarios,
div.explicacion-fondos-no-reembolsables.ahorro-energetico-explicacion.agx-visible {
background-color: #9cccff;
border: 1px solid #fff;
}
.ahorro-energetico div#edificios-sanitarios button.agx-visible,
.ahorro-energetico div#edificios-sanitarios button:hover,
.ahorro-energetico div#fondos-no-reembolsables button.agx-visible,
.ahorro-energetico div#fondos-no-reembolsables button:hover { 
background-color: #2e3b4a !important;
color: #fff !important;
border-color: #fff !important;
}
.ahorro-energetico div#edificios-residenciales,
.ahorro-energetico div#fondos-reembolsables,
div#explicacion-edificios-residenciales,
div#explicacion-fondos-reembolsables {
background-color: #ffc733;
border: 1px solid #fff;
}
div#explicacion-edificios-sanitarios *, 
div.explicacion-fondos-no-reembolsables *,
div#explicacion-edificios-residenciales *,
div#explicacion-fondos-reembolsables * {
color: #2e3b4a;
}
.ahorro-energetico div#edificios-residenciales .ahorro-energetico-title,
.ahorro-energetico div#fondos-reembolsables .ahorro-energetico-title {
color: #2e3b4a !important;
}
.ahorro-energetico div#edificios-residenciales button,
.ahorro-energetico div#fondos-reembolsables button {
background: #fff;
border: 1px solid #2e3b4a !important;
color: #2e3b4a !important;
}
.ahorro-energetico div#edificios-residenciales button.agx-visible,
.ahorro-energetico div#edificios-residenciales button:hover,
.ahorro-energetico div#fondos-reembolsables button.agx-visible,
.ahorro-energetico div#fondos-reembolsables button:hover {
background-color: #2e3b4a !important;
color: #fff !important;
border-color: #fff !important;
}
.ahorro-energetico-explicacion-texto > div {
font-size: 16px;
margin-bottom: 10px;
font-weight: 100;
}
.ahorro-energetico-explicacion-texto .ahorro-energetico-explicacion-texto-header {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.ahorro-energetico-explicacion-texto {
width: 40%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ahorro-energetico-explicacion-texto.ahorro-energetico-explicacion-texto-financiacion {
width: 70%;
}
.ahorro-energetico-explicacion-fichas {
width: 58%;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.ahorro-energetico-explicacion-fichas > div {
width: 120px;
}
.ahorro-energetico-explicacion-fichas > div:hover {
border-radius: 10px;
border: 1px solid;
padding: 10px;
cursor: pointer;
}
div#explicacion-edificios-administrativos .ahorro-energetico-explicacion-fichas > div:hover,
div#explicacion-edificios-educativos .ahorro-energetico-explicacion-fichas > div:hover,
div#explicacion-soluciones-gestion .ahorro-energetico-explicacion-fichas > div:hover {
border-color: #fff;
}
div#explicacion-edificios-sanitarios .ahorro-energetico-explicacion-fichas > div:hover,
div#explicacion-edificios-residenciales .ahorro-energetico-explicacion-fichas > div:hover,
div.explicacion-fondos-no-reembolsables .ahorro-energetico-explicacion-fichas > div:hover,
div#explicacion-fondos-reembolsables .ahorro-energetico-explicacion-fichas > div:hover {
border-color: #2e3b4a;
}
.ahorro-energetico-explicacion-fichas > div > div {
text-align: center;
font-size: 14px;
line-height: 1.4em;
}
.ahorro-energetico-explicacion-ficha-img {
margin-bottom: 10px;
height: 110px;
display: flex;
justify-content: center;
align-items: end;
}
.ahorro-energetico-explicacion-ficha-1 .ahorro-energetico-explicacion-ficha-img img {
height: 60px;
}
.ahorro-energetico-explicacion-ficha-2 .ahorro-energetico-explicacion-ficha-img img {
height: 80px;
}
.ahorro-energetico-explicacion-ficha-3 .ahorro-energetico-explicacion-ficha-img img {
height: 100px;
}
.ahorro-energetico-explicacion-botones {
width: 28%;
display: flex;
gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.ahorro-energetico-explicacion-botones .boton {
width: 80%;
background: transparent;
border: 1px solid #2e3b4a;
color: #2e3b4a !important;
padding: 30px;
border-radius: 5px;
background-color: #fff;
text-align: center;
}
.ahorro-energetico-explicacion-botones .boton:hover {
background-color: #2e3b4a;
color: #fff !important;
border-color: #fff;
}
.ahorro-energetico-explicacion-botones label {
text-align: center;
color: #2e3b4a;
}
.agx-subvencion.agx-seccion {
border-top: 1px solid #ccc;
margin-top: 30px;
color: #2e3b4a;
}
.agx-subvencion.agx-seccion-buttons {
border-top: 1px solid #ccc;
margin-top: 30px;
padding-top: 50px;
}
.agx-subvencion.agx-subtitle {
margin-top: 100px;
text-align: center;
margin-bottom: 20px;
font-size: 25px;
font-weight: 100;
}
.agx-subvencion.agx-title {
text-align: center;
font-size: 30px;
font-weight: bold;
color: #339c33;
padding: 0 100px;
line-height: 1.5em;
}
.agx-subvencion.agx-seccion h3 {
font-size: 20px;
font-weight: 560;
color: #2e3b4a;
}
.agx-subvencion.agx-seccion table h1,
.agx-subvencion.agx-seccion table h2,
.agx-subvencion.agx-seccion table h3,
.agx-subvencion.agx-seccion table h4,
.agx-subvencion.agx-seccion table h5,
.agx-subvencion.agx-seccion table h6 {
margin-top: 0 !important;
}
.agx-formacion-lista {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin-top: 50px
}
.agx-formacion-lista a {
display: block;
padding: 40px 20px;
max-width: 300px;
background-color: #339c33;
color: #fff;
text-align: center;
border-radius: 5px;
text-decoration: none;
transition: all 0.2s ease-in-out 0s;
}
.agx-formacion-lista a:hover {
background-color: #2e3b4a;
color: #fff;
}