/* ==========================================================
   ACADEMIA AVANZA · VERSIÓN 8
   Identidad visual moderna, editorial y diferenciada.
   La funcionalidad de las tres páginas y del formulario se mantiene.
========================================================== */

:root {
    --azul-noche: #101a3a;
    --azul: #2547d9;
    --azul-claro: #e9edff;
    --lima: #c9f05a;
    --coral: #ff6b57;
    --crema: #f7f5ef;
    --blanco: #ffffff;
    --texto: #18213f;
    --texto-suave: #68708a;
    --borde: #dfe3ef;
    --sombra: 0 22px 55px rgba(20, 31, 70, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--texto);
    background: var(--crema);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    line-height: 1.65;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.contenedor { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.seccion { padding: 105px 0; }

/* CABECERA Y NUEVO LOGOTIPO */
.cabecera {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(247,245,239,.88);
    border-bottom: 1px solid rgba(16,26,58,.08);
    backdrop-filter: blur(16px);
}
.cabecera-contenido { min-height: 82px; display: flex; align-items: center; justify-content: space-between; }
.logo { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.logo-simbolo {
    position: relative;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 15px 15px 15px 4px;
    color: var(--azul-noche);
    background: var(--lima);
    box-shadow: 7px 7px 0 var(--azul-noche);
    transform: rotate(-3deg);
    overflow: hidden;
}
.logo-simbolo i { position: absolute; width: 30px; height: 30px; border: 3px solid var(--azul-noche); border-radius: 50%; right: -8px; top: -9px; }
.logo-simbolo b { font-size: 23px; line-height: 1; transform: rotate(3deg); }
.logo-texto { display: flex; flex-direction: column; line-height: 1.15; }
.logo-texto strong { font-size: 18px; letter-spacing: -.02em; }
.logo-texto small { margin-top: 5px; color: var(--texto-suave); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.menu-lista { display: flex; align-items: center; gap: 7px; margin: 0; padding: 0; list-style: none; }
.menu-enlace { display: block; padding: 10px 14px; border-radius: 999px; text-decoration: none; font-size: 14px; font-weight: 700; }
.menu-enlace:hover, .menu-enlace:focus { color: var(--azul); background: var(--azul-claro); }
.menu-boton { display: none; border: 0; border-radius: 12px; padding: 10px 13px; color: white; background: var(--azul-noche); cursor: pointer; }

/* BOTONES Y TEXTOS COMUNES */
.etiqueta { margin: 0 0 14px; color: var(--azul); font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.etiqueta-clara { color: var(--lima); }
.boton { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: 0 23px; border: 2px solid transparent; border-radius: 14px; text-decoration: none; font-weight: 800; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; }
.boton:hover { transform: translateY(-3px); }
.boton-principal { color: white; background: var(--azul); box-shadow: 0 13px 25px rgba(37,71,217,.26); }
.boton-principal:hover { background: #1839c3; }
.boton-secundario { color: var(--azul-noche); border-color: var(--azul-noche); background: transparent; }
.boton-secundario:hover { color: white; background: var(--azul-noche); }
.titulo-seccion { max-width: 720px; margin-bottom: 45px; }
.titulo-seccion h2, .metodologia h2, .alumnado h2, .contacto h2 { margin: 0 0 15px; font-size: clamp(35px, 5vw, 57px); line-height: 1.04; letter-spacing: -.045em; }
.titulo-seccion p:last-child { color: var(--texto-suave); font-size: 18px; }

/* HERO ASIMÉTRICO */
.hero { position: relative; overflow: hidden; padding: 70px 0 92px; background: var(--crema); }
.hero::before { content: ""; position: absolute; width: 430px; height: 430px; right: -180px; top: -230px; border-radius: 50%; background: var(--lima); opacity: .72; }
.hero::after { content: "AVANZA"; position: absolute; left: -14px; bottom: -70px; color: rgba(16,26,58,.035); font-size: clamp(110px, 19vw, 280px); font-weight: 1000; letter-spacing: -.08em; line-height: 1; }
.hero-contenido { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 65px; }
.hero-texto { padding: 50px 0; }
.hero h1 { max-width: 680px; margin: 0 0 24px; font-size: clamp(48px, 6.4vw, 86px); line-height: .96; letter-spacing: -.065em; }
.hero h1::after { content: "."; color: var(--coral); }
.hero-descripcion { max-width: 610px; margin-bottom: 32px; color: var(--texto-suave); font-size: 19px; }
.hero-botones { display: flex; flex-wrap: wrap; gap: 13px; }
.hero-imagen-contenedor { position: relative; padding: 18px 0 18px 18px; }
.hero-imagen-contenedor::before { content: "FPO · ALZIRA"; position: absolute; z-index: 3; left: -22px; top: 58px; padding: 11px 17px; color: var(--azul-noche); background: var(--lima); border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .12em; transform: rotate(-6deg); box-shadow: var(--sombra); }
.hero-imagen { width: 100%; height: 585px; object-fit: cover; border-radius: 42% 18px 42% 18px; box-shadow: var(--sombra); }

/* CURSOS */
.cursos { background: var(--blanco); }
.cursos-cuadricula, .catalogo-cuadricula, .ventajas-cuadricula { display: flex; flex-wrap: wrap; margin: -12px; }
.curso-tarjeta { width: calc(33.333% - 24px); margin: 12px; overflow: hidden; border: 1px solid var(--borde); border-radius: 22px; background: var(--blanco); box-shadow: 0 10px 30px rgba(20,31,70,.07); transition: transform .22s, box-shadow .22s; }
.curso-tarjeta:hover { transform: translateY(-8px) rotate(-.5deg); box-shadow: var(--sombra); }
.curso-tarjeta:nth-child(2n):hover { transform: translateY(-8px) rotate(.5deg); }
.curso-tarjeta img { width: 100%; height: 210px; object-fit: cover; }
.curso-contenido { padding: 25px; }
.curso-contenido h3 { min-height: 54px; margin: 7px 0 12px; font-size: 21px; line-height: 1.27; }
.curso-contenido p { color: var(--texto-suave); }
.curso-codigo { display: inline-block; margin: 0; padding: 5px 10px; color: var(--azul-noche)!important; background: var(--lima); border-radius: 7px; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.enlace-detalle { display: inline-flex; margin-top: 8px; color: var(--azul); font-weight: 900; text-decoration: none; }
.enlace-detalle::after { content: " ↗"; }
.cursos-acciones { margin-top: 38px; text-align: center; }
.estado-carga, .mensaje-error { padding: 25px; color: var(--texto-suave); }

/* METODOLOGÍA */
.metodologia { background: var(--azul-noche); color: white; }
.metodologia-contenido { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 75px; }
.metodologia-imagen-contenedor { position: relative; }
.metodologia-imagen-contenedor::after { content: "Aprender haciendo"; position: absolute; right: -25px; bottom: 30px; padding: 18px; color: var(--azul-noche); background: var(--coral); border-radius: 12px; font-weight: 900; transform: rotate(-4deg); }
.metodologia-imagen-contenedor img { width: 100%; min-height: 500px; object-fit: cover; border-radius: 18px 110px 18px 18px; }
.metodologia-texto p { color: #cbd1e4; }
.lista-comprobacion { padding: 0; margin: 28px 0; list-style: none; }
.lista-comprobacion li { position: relative; margin: 15px 0; padding-left: 35px; }
.lista-comprobacion li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; color: var(--azul-noche); background: var(--lima); text-align: center; font-weight: 900; }
.metodologia .boton-secundario { color: white; border-color: white; }

/* VENTAJAS */
.ventajas { background: var(--crema); }
.ventaja-tarjeta { width: calc(25% - 24px); margin: 12px; padding: 31px 25px; border-radius: 20px; background: var(--blanco); box-shadow: 0 10px 25px rgba(20,31,70,.06); }
.ventaja-tarjeta:nth-child(2), .ventaja-tarjeta:nth-child(4) { transform: translateY(24px); }
.ventaja-icono { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 25px; border-radius: 17px; color: white; background: var(--azul); box-shadow: 0 10px 22px rgba(54, 92, 255, .22); }
.ventaja-icono svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ventaja-tarjeta:nth-child(2) .ventaja-icono { color: var(--azul-noche); background: var(--lima); }
.ventaja-tarjeta:nth-child(3) .ventaja-icono { background: var(--coral); }
.ventaja-tarjeta h3 { margin: 0 0 10px; }
.ventaja-tarjeta p { margin: 0; color: var(--texto-suave); }

/* SECCIÓN CON IMAGEN DE FONDO */
.alumnado { position: relative; min-height: 610px; display: flex; align-items: center; color: white; background: linear-gradient(90deg, rgba(16,26,58,.94) 0%, rgba(16,26,58,.75) 48%, rgba(16,26,58,.08) 100%), url('../img/alumnado-adulto.jpg') center/cover no-repeat; }
.alumnado-contenido { display: block; }
.alumnado-texto { max-width: 620px; padding: 35px 0; }
.alumnado-texto p:last-child { color: #e0e4ef; font-size: 19px; }
.alumnado-contenido > img { display: none; }

/* CONTACTO Y FORMULARIO */
.contacto { background: var(--blanco); }
.contacto-presentacion { display: grid; grid-template-columns: 1fr 1fr; min-height: 510px; margin-bottom: 35px; border-radius: 30px; overflow: hidden; background: var(--azul-claro); box-shadow: var(--sombra); }
.contacto-info { padding: 60px; }
.contacto-introduccion { color: var(--texto-suave); font-size: 18px; }
.contacto-lista { padding: 0; margin: 30px 0 0; list-style: none; }
.contacto-lista li { display: flex; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(16,26,58,.1); }
.contacto-lista span { color: var(--azul); }
.contacto-imagen-contenedor { position: relative; min-height: 440px; }
.contacto-imagen { width: 100%; height: 100%; object-fit: cover; }
.contacto-imagen-texto { position: absolute; right: 22px; bottom: 20px; margin: 0; padding: 10px 15px; color: var(--azul-noche); background: var(--lima); border-radius: 999px; font-weight: 900; }
/* Mapa de ubicación integrado en el bloque de contacto */
.mapa-enlace { position: relative; display: block; height: 190px; margin-top: 25px; overflow: hidden; border-radius: 20px; border: 3px solid rgba(255,255,255,.75); box-shadow: 0 14px 30px rgba(16,26,58,.12); background: var(--blanco); }
.mapa-google { display: block; width: 100%; height: 100%; border: 0; pointer-events: none; filter: saturate(.85) contrast(1.03); }
.mapa-aviso { position: absolute; left: 14px; bottom: 14px; padding: 9px 13px; border-radius: 999px; color: var(--blanco); background: rgba(16,26,58,.92); font-size: 13px; font-weight: 900; box-shadow: 0 8px 18px rgba(16,26,58,.22); }
.mapa-enlace:hover .mapa-aviso, .mapa-enlace:focus .mapa-aviso { background: var(--azul); }

.contacto-formulario { display: flex; flex-wrap: wrap; margin: 0 -9px; padding: 48px; border: 1px solid var(--borde); border-radius: 30px; background: var(--crema); }
.formulario-cabecera { margin-bottom: 20px!important; }
.formulario-cabecera h3 { margin: 0 0 7px; font-size: 30px; }
.formulario-cabecera p:last-child { color: var(--texto-suave); }
.campo, .grupo-opciones { width: calc(50% - 18px); margin: 9px; }
.campo-completo { width: calc(100% - 18px)!important; margin: 9px; }
.campo label, .grupo-opciones legend { display: block; margin-bottom: 7px; font-size: 14px; font-weight: 800; }
.campo input, .campo select, .campo textarea { width: 100%; border: 1px solid var(--borde); border-radius: 12px; padding: 13px 14px; color: var(--texto); background: white; outline: none; }
.campo input:focus, .campo select:focus, .campo textarea:focus { border-color: var(--azul); box-shadow: 0 0 0 4px rgba(37,71,217,.1); }
.grupo-opciones { padding: 15px 17px; border: 1px solid var(--borde); border-radius: 14px; background: white; }
.grupo-opciones label { margin-right: 15px; }
.privacidad { display: flex; gap: 10px; align-items: flex-start; color: var(--texto-suave); }
.privacidad-opcional { margin-top: 0; }
.formulario-envio { display: flex; align-items: center; gap: 20px; margin-top: 20px; }
.ayuda-mailto { color: var(--texto-suave); }
.mensaje-formulario { min-height: 25px; }
.campo-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* CATÁLOGO Y DETALLE */
.catalogo-hero { position: relative; overflow: hidden; padding: 92px 0; color: white; background: var(--azul-noche); }
.catalogo-hero::after { content: "15"; position: absolute; right: 4%; top: -45px; color: rgba(201,240,90,.14); font-size: 230px; font-weight: 1000; line-height: 1; }
.catalogo-hero h1, .catalogo-hero h2 { position: relative; z-index: 2; margin: 0 0 12px; font-size: clamp(45px, 7vw, 82px); line-height: 1; letter-spacing: -.055em; }
.catalogo-hero p { position: relative; z-index: 2; color: #d4d9e8; }
.catalogo { background: var(--crema); }
.catalogo-cabecera { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 35px; }
.catalogo-cabecera h2 { margin: 0 0 5px; font-size: 35px; }
.catalogo-cuadricula .curso-tarjeta { width: calc(33.333% - 24px); }
.curso-tarjeta-completa .curso-contenido > p:not(.curso-codigo) { margin: 7px 0; font-size: 14px; }
.detalle-curso { display: grid; grid-template-columns: 1fr 1.05fr; gap: 55px; align-items: start; padding: 46px; border-radius: 30px; background: white; box-shadow: var(--sombra); }
.detalle-imagen img { width: 100%; min-height: 560px; object-fit: cover; border-radius: 22px 90px 22px 22px; }
.detalle-informacion h1 { margin: 16px 0; font-size: clamp(38px, 5vw, 62px); line-height: 1.02; letter-spacing: -.045em; }
.detalle-descripcion { color: var(--texto-suave); font-size: 18px; }
.detalle-lista { display: grid; grid-template-columns: 150px 1fr; margin: 28px 0; border-top: 1px solid var(--borde); }
.detalle-lista dt, .detalle-lista dd { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--borde); }
.detalle-lista dt { font-weight: 900; }
.detalle-lista dd { color: var(--texto-suave); }
.detalle-error { grid-column: 1/-1; text-align: center; padding: 50px; }
.enlace-claro { color: white; text-decoration: underline; }

/* PIE */
.pie { color: #d6dbeb; background: #0b132d; }
.pie-contenido { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 45px; padding: 58px 0; }
.pie h2, .pie h3, .pie strong { color: white; }
.pie ul { padding: 0; list-style: none; }
.pie a { color: #d6dbeb; text-decoration: none; }
.pie a:hover { color: var(--lima); }
.pie-inferior { padding: 17px 20px; border-top: 1px solid rgba(255,255,255,.12); text-align: center; }

/* RESULTADO PHP */
.resultado-envio { min-height: 100vh; padding: 60px 20px; background: radial-gradient(circle at top right, var(--lima), transparent 34%), var(--crema); }
.resultado-tarjeta { max-width: 760px; margin: 40px auto; padding: 48px; border-radius: 30px; background: white; box-shadow: var(--sombra); text-align: center; }
.resultado-icono { display: inline-grid; place-items: center; width: 76px; height: 76px; margin-bottom: 20px; border-radius: 20px; color: var(--azul-noche); background: var(--lima); font-size: 40px; transform: rotate(-4deg); }
.resultado-error .resultado-icono { color: white; background: var(--coral); }
.resultado-tarjeta h1 { color: var(--azul-noche); }
.resultado-tarjeta p { color: var(--texto-suave); }

/* RESPONSIVE */
@media (max-width: 980px) {
    .hero-contenido, .metodologia-contenido, .contacto-presentacion, .detalle-curso { grid-template-columns: 1fr; }
    .hero-imagen { height: 500px; }
    .curso-tarjeta, .catalogo-cuadricula .curso-tarjeta { width: calc(50% - 24px); }
    .ventaja-tarjeta { width: calc(50% - 24px); }
    .ventaja-tarjeta:nth-child(2), .ventaja-tarjeta:nth-child(4) { transform: none; }
    .contacto-imagen-contenedor { min-height: 390px; }
    .detalle-imagen img { min-height: 420px; }
}
@media (max-width: 720px) {
    .contenedor { width: min(100% - 26px, 1160px); }
    .seccion { padding: 72px 0; }
    .logo-texto small { display: none; }
    .menu-boton { display: block; }
    .cabecera-contenido { position: relative; }
    .menu { display: none; position: absolute; top: 75px; left: 0; right: 0; padding: 16px; border-radius: 18px; background: white; box-shadow: var(--sombra); }
    .menu.menu-abierto { display: block; }
    .menu-lista { display: block; }
    .menu-enlace { margin: 4px 0; }
    .hero { padding-top: 35px; }
    .hero h1 { font-size: 49px; }
    .hero-imagen { height: 380px; }
    .hero-imagen-contenedor::before { left: 0; top: 35px; }
    .curso-tarjeta, .catalogo-cuadricula .curso-tarjeta, .ventaja-tarjeta { width: calc(100% - 24px); }
    .metodologia-imagen-contenedor img { min-height: 350px; }
    .metodologia-imagen-contenedor::after { right: 10px; }
    .alumnado { min-height: 560px; background-position: 62% center; }
    .contacto-info, .contacto-formulario { padding: 30px 22px; }
    .campo, .grupo-opciones { width: calc(100% - 18px); }
    .formulario-envio, .catalogo-cabecera { display: block; }
    .catalogo-cabecera .boton { margin-top: 20px; }
    .detalle-curso { padding: 22px; }
    .detalle-lista { grid-template-columns: 1fr; }
    .detalle-lista dt { padding-bottom: 2px; border-bottom: 0; }
    .detalle-lista dd { padding-top: 2px; }
    .pie-contenido { grid-template-columns: 1fr; gap: 18px; }
}

/* ==========================================================
   OPINIONES DEL ALUMNADO
   Tarjetas con comentarios y valoraciones visuales.
========================================================== */
.opiniones {
    position: relative;
    overflow: hidden;
    background: var(--azul-noche);
    color: white;
}
.opiniones::before {
    content: "“";
    position: absolute;
    top: -95px;
    right: 3%;
    color: rgba(201,240,90,.1);
    font-family: Georgia, serif;
    font-size: 420px;
    line-height: 1;
}
.opiniones .titulo-seccion { margin-bottom: 0; }
.opiniones .titulo-seccion h2 { color: white; }
.opiniones .titulo-seccion > p:last-child { color: #cbd3e8; }
.opiniones-cabecera {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 35px;
    margin-bottom: 42px;
}
.opiniones-resumen {
    min-width: 230px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 24px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(8px);
}
.opiniones-resumen strong { display: block; color: var(--lima); font-size: 52px; line-height: 1; }
.opiniones-resumen small { display: block; margin-top: 7px; color: #cbd3e8; }
.estrellas { margin: 8px 0; color: #ffd66b; letter-spacing: 3px; font-size: 19px; }
.opiniones-lista { display: flex; flex-wrap: wrap; margin: 0 -12px; position: relative; z-index: 1; }
.opinion-tarjeta {
    width: calc(33.333% - 24px);
    margin: 12px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(255,255,255,.07);
}
.opinion-destacada { background: white; color: var(--texto); transform: translateY(-18px); }
.opinion-superior { display: flex; align-items: center; gap: 14px; }
.opinion-iniciales {
    display: grid;
    place-items: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 17px;
    color: var(--azul-noche);
    background: var(--lima);
    font-weight: 1000;
}
.opinion-superior h3 { margin: 0 0 3px; color: inherit; }
.opinion-superior p { margin: 0; color: #aeb8d2; font-size: 14px; }
.opinion-destacada .opinion-superior p { color: var(--texto-suave); }
.opinion-tarjeta blockquote { margin: 18px 0 0; color: #e2e6f1; font-size: 16px; line-height: 1.7; }
.opinion-destacada blockquote { color: var(--texto-suave); }

/* ==========================================================
   PREGUNTAS FRECUENTES
   Acordeón nativo, accesible y sin librerías externas.
========================================================== */
.preguntas { background: var(--crema); }
.preguntas-contenido { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: start; }
.preguntas-introduccion { position: sticky; top: 115px; }
.preguntas-introduccion h2 { margin: 8px 0 18px; font-size: clamp(40px, 5vw, 66px); line-height: 1; letter-spacing: -.045em; }
.preguntas-introduccion > p:not(.etiqueta) { margin-bottom: 28px; color: var(--texto-suave); font-size: 18px; }
.acordeon { border-top: 1px solid var(--borde); }
.pregunta-item { border-bottom: 1px solid var(--borde); background: transparent; }
.pregunta-item summary {
    position: relative;
    padding: 25px 58px 25px 4px;
    cursor: pointer;
    list-style: none;
    color: var(--azul-noche);
    font-size: 19px;
    font-weight: 900;
}
.pregunta-item summary::-webkit-details-marker { display: none; }
.pregunta-item summary::after {
    content: "+";
    position: absolute;
    top: 17px;
    right: 4px;
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    color: white;
    background: var(--azul);
    font-size: 26px;
    font-weight: 500;
}
.pregunta-item[open] summary::after { content: "−"; color: var(--azul-noche); background: var(--lima); }
.pregunta-item[open] summary { color: var(--azul); }
.pregunta-respuesta { padding: 0 58px 24px 4px; }
.pregunta-respuesta p { margin: 0; color: var(--texto-suave); line-height: 1.75; }

@media (max-width: 980px) {
    .opinion-tarjeta { width: calc(50% - 24px); }
    .opinion-tarjeta:last-child { width: calc(100% - 24px); }
    .opinion-destacada { transform: none; }
    .preguntas-contenido { grid-template-columns: 1fr; gap: 40px; }
    .preguntas-introduccion { position: static; }
}
@media (max-width: 720px) {
    .opiniones-cabecera { display: block; }
    .opiniones-resumen { margin-top: 25px; }
    .opinion-tarjeta, .opinion-tarjeta:last-child { width: calc(100% - 24px); }
    .pregunta-item summary { font-size: 17px; }
}


/* Botón de acceso a la administración en la cabecera pública */
.menu-lista .menu-administracion {
    padding: 0.65rem 1rem;
    color: #ffffff;
    white-space: nowrap;
}

.menu-lista .menu-administracion:hover,
.menu-lista .menu-administracion:focus {
    color: #ffffff;
}

@media (max-width: 900px) {
    .menu-lista .menu-administracion {
        display: inline-flex;
        margin-top: 0.4rem;
    }
}