:root{--color-fondo: #f4f8ff;--color-superficie: #ffffff;--color-borde: #dfe7f3;--color-texto: #14213d;--color-titulo: #081f4d;--color-texto-suave: #5f6b82;--color-marca: #0d47a1;--color-marca-oscura: #063576;--color-marca-clara: #e8f0fd;--color-marca-viva: #1769d3;--color-acento: #58b947;--degradado-marca: linear-gradient(135deg, var(--color-marca), var(--color-marca-viva));--color-menu: #063576;--color-menu-texto: #d5e6ff;--color-menu-suave: #a9c1e6;--color-menu-linea: rgb(255 255 255 / 14%);--color-menu-encima: rgb(255 255 255 / 8%);--color-aviso-fondo: #fff6d8;--color-aviso-borde: #e6c65c;--color-error-fondo: #fdecec;--color-error-borde: #e0a2a2;--color-error-texto: #8c1f1f;--tipo-base: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--tipo-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;--tamano-pequeno: .85rem;--tamano-base: 1rem;--tamano-titulo: 1.5rem;--espacio-1: .25rem;--espacio-2: .5rem;--espacio-3: 1rem;--espacio-4: 1.5rem;--espacio-5: 2.5rem;--radio: 9px;--sombra: 0 1px 3px rgb(8 31 77 / 8%), 0 6px 18px rgb(8 31 77 / 5%)}*{box-sizing:border-box}body{margin:0;background:var(--color-fondo);color:var(--color-texto);font-family:var(--tipo-base);font-size:var(--tamano-base)}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:var(--espacio-4)}.centrado{min-height:100vh;display:grid;place-items:center;padding:var(--espacio-3)}.ancho-formulario{width:min(26rem,100%)}.centrado .tarjeta{border-top:4px solid var(--color-acento)}.enlace-legal{display:block;margin-top:var(--espacio-4);text-align:center;font-size:var(--tamano-pequeno);color:var(--color-texto-suave)}.logo-acceso{display:block;width:11rem;max-width:70%;height:auto;margin:0 auto var(--espacio-4)}.logo-cabecera{display:block;height:2rem;width:auto}h1{font-size:var(--tamano-titulo);margin:0 0 var(--espacio-3);color:var(--color-titulo)}h2,h3{color:var(--color-titulo)}.centrado h1{text-align:center}label{display:block;margin-bottom:var(--espacio-3);font-size:var(--tamano-pequeno);color:var(--color-texto-suave)}input{width:100%;margin-top:var(--espacio-1);padding:var(--espacio-2);border:1px solid var(--color-borde);border-radius:var(--radio);font-size:var(--tamano-base);font-family:inherit}button{padding:var(--espacio-2) var(--espacio-3);border:0;border-radius:var(--radio);background:var(--degradado-marca);color:#fff;font-size:var(--tamano-base);font-weight:600;font-family:inherit;cursor:pointer}button:hover:not(:disabled){background:var(--color-marca-oscura)}:focus-visible{outline:3px solid var(--color-marca);outline-offset:2px}button:disabled{background:var(--color-borde);color:var(--color-texto-suave);cursor:not-allowed}button.secundario{background:transparent;color:var(--color-marca);border:1px solid var(--color-borde)}button.secundario:hover:not(:disabled),button.enlace:hover:not(:disabled),button.tab:hover:not(:disabled):not(.activo){background:var(--color-marca-clara)}.error{background:var(--color-error-fondo);border:1px solid var(--color-error-borde);color:var(--color-error-texto);border-radius:var(--radio);padding:var(--espacio-2) var(--espacio-3);margin-bottom:var(--espacio-3);font-size:var(--tamano-pequeno)}.aviso{background:var(--color-aviso-fondo);border:1px solid var(--color-aviso-borde);border-radius:var(--radio);padding:var(--espacio-2) var(--espacio-3);margin-bottom:var(--espacio-3);font-size:var(--tamano-pequeno)}.secreto{font-family:var(--tipo-mono);font-size:var(--tamano-pequeno);word-break:break-all;background:var(--color-fondo);border:1px dashed var(--color-borde);border-radius:var(--radio);padding:var(--espacio-2)}.qr{display:flex;justify-content:center;padding:var(--espacio-3);background:#fff;border:1px solid var(--color-borde);border-radius:var(--radio);margin-bottom:var(--espacio-3)}.alternativa{margin-bottom:var(--espacio-3);font-size:var(--tamano-pequeno)}button.enlace{background:transparent;color:var(--color-marca);padding:0;margin-bottom:var(--espacio-3);font-size:var(--tamano-pequeno);text-decoration:underline}.selector-idioma{display:inline-flex;border:1px solid var(--color-borde);border-radius:var(--radio);overflow:hidden}.selector-idioma button{padding:var(--espacio-1) var(--espacio-2);border-radius:0;background:var(--color-superficie);color:var(--color-texto-suave);font-size:var(--tamano-pequeno);font-weight:600;letter-spacing:.04em}.selector-idioma button+button{border-left:1px solid var(--color-borde)}.selector-idioma button:hover:not(:disabled):not(.activo){background:var(--color-marca-clara);color:var(--color-marca-oscura)}.selector-idioma button.activo,.selector-idioma button.activo:hover{background:var(--color-marca);color:#fff}.selector-idioma.en-tarjeta{display:flex;width:fit-content;margin:calc(-1 * var(--espacio-2)) calc(-1 * var(--espacio-2)) var(--espacio-2) auto}:root{--ancho-menu: 16rem}.marco{min-height:100vh;background:var(--color-fondo);display:grid;grid-template-columns:var(--ancho-menu) minmax(0,1fr)}.menu-lateral{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--espacio-3);padding:var(--espacio-4) var(--espacio-3);background:var(--color-menu);color:var(--color-menu-texto)}.menu-lateral :focus-visible{outline-color:#fff}.menu-lateral .marca{display:block;padding:0 var(--espacio-2);text-decoration:none}.menu-lateral .logo-cabecera{height:2.25rem;width:auto}.bloque-colegio{display:flex;align-items:center;gap:var(--espacio-2);padding:var(--espacio-2);border:1px solid var(--color-menu-linea);border-radius:var(--radio);background:var(--color-menu-encima);color:#fff;font-weight:600;line-height:1.25}.escudo-cabecera{flex:none;width:2.25rem;height:2.25rem;object-fit:contain;border-radius:50%;background:var(--color-superficie)}.menu-lateral nav{display:flex;flex-direction:column;gap:var(--espacio-3);flex:1}.grupo-menu{display:flex;flex-direction:column;gap:2px}.titulo-grupo{margin:0 0 var(--espacio-1);padding:0 var(--espacio-2);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-menu-suave)}.menu-lateral nav a{display:flex;align-items:center;gap:var(--espacio-2);padding:.55rem var(--espacio-2);border-radius:var(--radio);border-left:3px solid transparent;color:var(--color-menu-texto);text-decoration:none;font-size:.95rem}.menu-lateral nav a:hover{background:var(--color-menu-encima);color:#fff}.menu-lateral nav a.activo{background:var(--color-marca-viva);color:#fff;font-weight:600;border-left-color:var(--color-acento)}.icono-menu{flex:none}.identidad{display:flex;flex-direction:column;align-items:stretch;gap:var(--espacio-2);padding-top:var(--espacio-3);border-top:1px solid var(--color-menu-linea);font-size:var(--tamano-pequeno);color:var(--color-menu-texto)}.identidad button.secundario{color:#fff;border-color:var(--color-menu-linea)}.identidad button.secundario:hover:not(:disabled){background:var(--color-menu-encima)}.identidad .selector-idioma{align-self:flex-start}.identidad .correo{overflow-wrap:anywhere}.contenido{width:100%;max-width:72rem;margin:0 auto;padding:var(--espacio-5) var(--espacio-4)}.barra-superior{display:none}@media (max-width: 60rem){.marco{grid-template-columns:minmax(0,1fr)}.barra-superior{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--espacio-3);padding:var(--espacio-2) var(--espacio-3);background:var(--color-superficie);border-bottom:1px solid var(--color-borde)}.logo-barra-superior{height:1.75rem;width:auto}.boton-menu{display:inline-flex;align-items:center;gap:var(--espacio-1)}.menu-lateral{position:fixed;z-index:30;top:0;left:0;width:min(var(--ancho-menu),85vw);transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--sombra)}.menu-abierto .menu-lateral{transform:none}.velo-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#081f4d73}.contenido{padding:var(--espacio-4) var(--espacio-3)}}@media (prefers-reduced-motion: reduce){.menu-lateral{transition:none}}.pila{display:flex;flex-direction:column;gap:var(--espacio-3)}.titulo h1{margin:0}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--espacio-3);margin-bottom:var(--espacio-3)}.tabla{width:100%;border-collapse:collapse;font-size:var(--tamano-pequeno)}.tabla th,.tabla td{text-align:left;padding:var(--espacio-2);border-bottom:1px solid var(--color-borde);vertical-align:top}.tabla th{color:var(--color-texto-suave);font-weight:600}.tabla .acciones{display:flex;flex-wrap:wrap;gap:var(--espacio-1)}.tabla .acciones button{font-size:var(--tamano-pequeno);padding:var(--espacio-1) var(--espacio-2)}.pie{display:block;color:var(--color-texto-suave);font-size:var(--tamano-pequeno)}.aviso-fijo{border-left:4px solid var(--color-aviso-borde)}.enlace-unico{background:var(--color-superficie);border:2px solid var(--color-marca);border-radius:var(--radio);padding:var(--espacio-3)}.enlace-unico h3{margin:0 0 var(--espacio-2)}.enlace-unico .destacado{font-weight:600;margin-bottom:var(--espacio-2)}.enlace-unico .acciones{display:flex;gap:var(--espacio-2);margin-top:var(--espacio-3)}.confirmacion{background:var(--color-superficie);border:2px solid var(--color-error-borde);border-radius:var(--radio);padding:var(--espacio-3)}.confirmacion .consecuencias{font-size:var(--tamano-pequeno);margin-bottom:var(--espacio-3)}.confirmacion .acciones{display:flex;gap:var(--espacio-2);margin-top:var(--espacio-3)}.etiqueta{display:inline-block;padding:var(--espacio-1) var(--espacio-2);border-radius:var(--radio);font-size:var(--tamano-pequeno);font-weight:600}.etiqueta.activo{background:#e6f4ea;color:#1e5631}.etiqueta.suspendido{background:var(--color-aviso-fondo);color:#7a5c00}.etiqueta.baja{background:var(--color-error-fondo);color:var(--color-error-texto)}.filtros{display:flex;gap:var(--espacio-3);align-items:flex-end;margin-bottom:var(--espacio-3)}.pila-estados{display:flex;flex-wrap:wrap;gap:var(--espacio-1)}.formas{display:flex;gap:var(--espacio-3);align-items:center;border:1px solid var(--color-borde);border-radius:var(--radio);padding:var(--espacio-2) var(--espacio-3)}.formas legend{font-size:var(--tamano-pequeno);font-weight:600;padding:0 var(--espacio-1)}.formas{flex-wrap:wrap}.formas .casilla{flex:none;white-space:nowrap;margin-bottom:0}.formas .pie{flex-basis:100%}.cancelacion{display:flex;flex-direction:column;gap:var(--espacio-2);padding:var(--espacio-2);border:1px solid var(--color-borde);border-radius:var(--radio)}.casilla{display:flex;align-items:center;gap:var(--espacio-2)}.casilla input{width:auto;margin:0}.datos{display:grid;grid-template-columns:max-content 1fr;gap:var(--espacio-2) var(--espacio-3);margin:0 0 var(--espacio-3)}.datos dt{color:var(--color-texto-suave);font-size:var(--tamano-pequeno)}.datos dd{margin:0}.titulo{display:flex;align-items:center;justify-content:space-between;gap:var(--espacio-3)}.tabs{display:flex;gap:var(--espacio-1);flex-wrap:wrap}button.tab{background:var(--color-superficie);color:var(--color-texto-suave);border:1px solid var(--color-borde)}button.tab.activo{background:var(--color-marca);color:#fff;border-color:var(--color-marca)}.lista-tabs{list-style:none;margin:0 0 var(--espacio-3);padding:0}.lista-tabs li{border-bottom:1px solid var(--color-borde);padding:var(--espacio-2) 0}.fila-tab{display:flex;align-items:center;gap:var(--espacio-2);flex-wrap:wrap}.fila-tab input{width:auto;flex:1;margin-top:0}.fila-tab .pie{display:inline}.nombre-tab{font-weight:600;flex:1}.fila-tab button{font-size:var(--tamano-pequeno);padding:var(--espacio-1) var(--espacio-2)}.sr-solo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}textarea{width:100%;margin-top:var(--espacio-1);padding:var(--espacio-2);border:1px solid var(--color-borde);border-radius:var(--radio);font-size:var(--tamano-base);font-family:inherit;resize:vertical}.imagenes-de-inicio{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--espacio-3);margin-bottom:var(--espacio-3)}.imagen-de-inicio h3{margin:0 0 var(--espacio-2)}.imagen-de-inicio button{margin-top:var(--espacio-2)}.miniatura{display:block;width:100%;max-height:10rem;object-fit:cover;border-radius:var(--radio);border:1px solid var(--color-borde);margin-bottom:var(--espacio-2)}.miniatura.redonda{width:5rem;height:5rem;border-radius:50%}.vp-telefono{--vp-fondo: #eef2f8;--vp-texto-suave: #5d6878;width:22.5rem;max-width:100%;margin:0 auto;min-height:36rem;background:var(--vp-fondo);border:8px solid #1c2430;border-radius:2.25rem;overflow:hidden;font-family:var(--tipo-base);padding-bottom:var(--espacio-4)}.vp-portada{display:block;width:100%;height:15rem;object-fit:cover;border-radius:0 0 1.75rem 1.75rem}.vp-portada-vacia{height:8rem;background:var(--vp-secundario)}.vp-ficha{position:relative;display:flex;align-items:center;gap:var(--espacio-3);margin:-2.5rem var(--espacio-3) var(--espacio-3);padding:var(--espacio-3);background:#fff;border-radius:1.125rem;box-shadow:0 6px 20px #0c206a1f}.vp-escudo{flex:none;width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #e3e8f0}.vp-escudo-vacio{display:grid;place-items:center;background:var(--vp-primario);color:var(--vp-sobre-primario);font-weight:800}.vp-titulo{margin:0;font-weight:800;font-size:1.1rem;color:var(--vp-secundario)}.vp-subtitulo{margin:var(--espacio-1) 0 0;font-size:var(--tamano-pequeno);color:var(--vp-texto-suave)}.vp-bienvenida{margin:0 var(--espacio-3) var(--espacio-3);padding:var(--espacio-3);background:#fff;border-radius:1.125rem}.vp-encabezado{margin:0 0 var(--espacio-2);font-weight:700;color:var(--vp-secundario)}.vp-texto{margin:0;white-space:pre-line;font-size:var(--tamano-pequeno);color:#1c2430}.vp-rotulo{margin:0 var(--espacio-3) var(--espacio-2);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-texto-suave)}.vp-secciones{list-style:none;margin:0 var(--espacio-3);padding:0;display:flex;flex-direction:column;gap:var(--espacio-2)}.vp-seccion{display:flex;align-items:center;gap:var(--espacio-3);min-height:4.5rem;padding:var(--espacio-2) var(--espacio-3);background:#fff;border-radius:1.125rem}.vp-icono{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--vp-primario);color:var(--vp-sobre-primario)}.vp-seccion-textos{flex:1;display:flex;flex-direction:column}.vp-seccion-nombre{font-weight:800;color:var(--vp-secundario)}.vp-seccion-descripcion{font-size:.8rem;color:var(--vp-texto-suave)}.vp-flecha{font-size:1.5rem;color:var(--vp-primario)}.inicio-y-vista{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:var(--espacio-3);align-items:start}@media (max-width: 60rem){.inicio-y-vista{grid-template-columns:minmax(0,1fr)}}.colores .color{display:flex;align-items:center;gap:var(--espacio-2);margin-top:var(--espacio-1)}.colores input[type=color]{width:3rem;height:2.5rem;margin:0;padding:2px;cursor:pointer}.colores code{font-family:var(--tipo-mono);color:var(--color-texto)}.enlaces-de-contenido{display:flex;flex-wrap:wrap;gap:var(--espacio-1) var(--espacio-3)}.contador{display:block;font-size:var(--tamano-pequeno);color:var(--color-texto-suave);text-align:right}.contador.excedido{color:var(--color-error-texto);font-weight:600}.vista-del-aviso{border:1px solid var(--color-borde);border-radius:var(--radio);padding:var(--espacio-2) var(--espacio-3);background:var(--color-fondo)}.vb-barra{display:flex;justify-content:space-around;gap:var(--espacio-1);list-style:none;margin:0 auto;padding:var(--espacio-2);max-width:26rem;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio)}.vb-pestana{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:var(--espacio-1);min-width:0;text-align:center}.icono-app{display:inline-block;flex:none;background-color:currentColor;vertical-align:middle}.vb-pestana .icono-app{color:var(--color-texto-suave)}.vb-fila-mas,.nombre-con-icono{display:inline-flex;align-items:center;gap:var(--espacio-2)}.selector-icono{border:none;margin:0;padding:0;min-width:0}.selector-icono legend{padding:0;margin-bottom:var(--espacio-1)}.rejilla-iconos{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--espacio-1);margin-bottom:var(--espacio-1)}.opcion-icono{position:relative;display:flex;margin:0;flex-direction:column;align-items:center;gap:var(--espacio-1);padding:var(--espacio-2) var(--espacio-1);border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-superficie);font-size:var(--tamano-pequeno);text-align:center;cursor:pointer}.opcion-icono:hover{border-color:var(--color-marca)}.opcion-icono input{position:absolute;opacity:0;pointer-events:none}.opcion-icono:focus-within{outline:2px solid var(--color-marca);outline-offset:2px}.opcion-icono.elegido{border-color:var(--color-marca);background:var(--color-marca-clara);color:var(--color-marca);font-weight:600;box-shadow:inset 0 0 0 1px var(--color-marca)}.vb-nombre{font-size:.75rem;font-weight:600;line-height:1.2;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vb-mas ul{list-style:none;margin:0;padding:0}.vb-mas li{display:flex;flex-direction:column;border-bottom:1px solid var(--color-borde);padding:var(--espacio-2) 0}.asa{cursor:grab;touch-action:none;background:transparent;color:var(--color-texto-suave);border:1px solid var(--color-borde);padding:0 var(--espacio-2);line-height:1.6}.asa:active{cursor:grabbing}[data-arrastrando]{background:var(--color-superficie);box-shadow:0 2px 8px #00000026}.zona-de-soltar{min-height:4rem}.bienvenida{display:flex;align-items:center;gap:var(--espacio-4);flex-wrap:wrap}.bienvenida>div:not(.cifra){flex:1 1 18rem}.bienvenida h1{margin:0 0 var(--espacio-1)}.bienvenida .saludo{margin:0;color:var(--color-texto-suave)}.escudo-bienvenida{width:4.5rem;height:4.5rem;object-fit:contain;border-radius:50%;border:1px solid var(--color-borde);background:var(--color-superficie)}.cifra{display:flex;flex-direction:column;align-items:center;padding:var(--espacio-2) var(--espacio-4);border-radius:var(--radio);background:var(--color-marca-clara);color:var(--color-marca);text-align:center}.cifra strong{font-size:2rem;line-height:1.1}.cifra span{font-size:var(--tamano-pequeno);max-width:9rem}.titulo-bloque{margin:0 0 var(--espacio-2);font-size:1.1rem}.accesos{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--espacio-3)}.acceso{display:flex;align-items:flex-start;gap:var(--espacio-3);padding:var(--espacio-3);background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra);color:var(--color-texto);text-decoration:none}.acceso:hover{border-color:var(--color-marca)}.acceso>span:last-child{display:flex;flex-direction:column;gap:var(--espacio-1)}.acceso-icono{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radio);background:var(--color-marca);color:#fff}.dos-columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--espacio-3)}.cabeza-bloque{display:flex;align-items:baseline;justify-content:space-between;gap:var(--espacio-2)}.cabeza-bloque h2{margin:0 0 var(--espacio-2);font-size:1.1rem}.lista-reciente{list-style:none;margin:0;padding:0}.lista-reciente li{display:flex;justify-content:space-between;gap:var(--espacio-3);padding:var(--espacio-2) 0;border-bottom:1px solid var(--color-borde)}.lista-reciente li:last-child{border-bottom:none}
