:root{--rojo-oscuro: #8e1717;--rojo-claro: #b52323;--gris-fondo: #f4f4f4;--gris-texto: #333;--fuente-principal: "Poppins", sans-serif}body{font-family:var(--fuente-principal);margin:0;padding:0;background-color:var(--gris-fondo);color:var(--gris-texto);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:var(--rojo-oscuro);color:#fff;padding:1rem 0}.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}header .logo{display:flex;align-items:center;gap:10px}header .logo img{width:50px}nav a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s;font-weight:600}nav a:hover{background-color:var(--rojo-claro)}.hero{background:url(hero-image.jpg) no-repeat center center/cover;color:#fff;text-align:center;padding:5rem 0}.hero-content{background-color:#00000080;padding:2rem;border-radius:10px}.hero-content h2{font-size:2.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background-color:var(--rojo-claro);color:#fff;padding:1rem 2rem;text-decoration:none;border-radius:5px;font-size:1.2rem;transition:background-color .3s;font-weight:600}.cta-button:hover{background-color:#a41f1f}#noticias{padding:3rem 0;text-align:center;background-color:#fff}.noticias-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.noticia{background-color:#fafafa;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s;display:flex;flex-direction:column}.noticia:hover{transform:translateY(-5px)}.noticia img{width:100%;height:220px;object-fit:cover}.noticia h3{font-size:1.6rem;margin:1rem;color:var(--rojo-oscuro)}.noticia p{margin:0 1rem 1rem;font-size:1.1rem;color:#555;flex-grow:1}.noticia a{display:inline-block;background-color:var(--rojo-claro);color:#fff;padding:.75rem 1.25rem;text-decoration:none;border-radius:5px;margin:1rem;transition:background-color .3s;align-self:flex-start;font-weight:600}.noticia a:hover{background-color:#a11d1d}#cursos{padding:3rem 0;text-align:center;background-color:#f9f9f9}.cursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.curso{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.curso:hover{transform:translateY(-5px)}.curso img{width:100%;height:200px;object-fit:cover}.curso h3{font-size:1.5rem;margin:1rem;color:var(--rojo-oscuro)}.curso p{margin:0 1rem 1rem;font-size:1rem;color:#555}footer{background-color:#333;color:#fff;text-align:center;padding:1rem 0;margin-top:2rem}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem}nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}}@media (min-width: 769px) and (max-width: 992px){.noticias-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.noticias-container{display:flex;overflow-x:auto;gap:2rem;padding:2rem;scroll-snap-type:x mandatory}.noticia{flex:0 0 auto;width:320px;scroll-snap-align:start}.noticias-container::-webkit-scrollbar{height:10px}.noticias-container::-webkit-scrollbar-track{background:#eee;border-radius:10px}.noticias-container::-webkit-scrollbar-thumb{background-color:#a11d1d;border-radius:10px}.main-header{background-color:#9e1c1c;color:#fff;padding:10px 20px;box-shadow:0 2px 5px #9e131333;position:sticky;top:0;z-index:999}.header-container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;color:#fff}.nav-menu a{margin-left:15px;text-decoration:none;color:#fff;font-weight:700}.nav-menu span{margin-left:15px;text-decoration:none;color:#fff;font-weight:700;align-items:center}.nav-menu a:hover{color:#f5c542}.logout-button{margin-left:20px;background:none;border:none;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:color .2s;height:36px;display:flex;align-items:center;padding:10px 20px}.logout-button:hover{color:#f5c542;background:#ffffff14;border-radius:2px}.user-info{margin-left:15px;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;height:36px}.formulario{max-width:600px;margin:3rem auto;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 16px #0000000d}.formulario h2{color:#8e1717;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-group select{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:5px;font-family:Poppins,sans-serif}.checkboxes{background-color:#fafafa;padding:1.5rem;border-radius:10px;margin-top:2rem;text-align:left}.checkboxes h3{margin-bottom:1rem;color:#a11d1d}.checkboxes label{display:block;margin-bottom:.75rem;font-weight:500}.checkboxes input{margin-right:.5rem}.lista-estudiantes{background-color:#fff;margin-top:2rem;padding:1.5rem;border-radius:10px;width:300px;box-shadow:0 4px 10px #0000000d;text-align:left}.lista-estudiantes ul{padding-left:1.2rem}.lista-estudiantes li{margin-bottom:.5rem}.lista-estudiantes{background-color:#fff;margin-top:2rem;padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px #0000000d}.lista-estudiantes h3{color:#8e1717;margin-bottom:1rem}.lista-estudiantes table{width:100%;border-collapse:collapse}.lista-estudiantes th,.lista-estudiantes td{padding:.75rem 1rem;border-bottom:1px solid #ddd}.lista-estudiantes th{background-color:#f9f9f9;color:#811111;text-align:left}.lista-estudiantes tr:hover{background-color:#f5f5f5}#busqueda{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:5px;font-family:Poppins,sans-serif;margin-bottom:1rem}.btn-detalle{background-color:#8e1717;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;margin-left:10px}.btn-detalle:hover{background-color:#a52424}.detalle-incidencia textarea{width:100%;padding:10px;border:1px solid #ccc;border-left:4px solid #8e1717;border-radius:8px;font-family:Poppins,sans-serif;font-size:.95rem;resize:vertical;box-shadow:0 1px 4px #0000001a;margin-top:.5rem}.lista-estudiantes tr td{padding-bottom:1rem}.lista-estudiantes{background-color:#fff;margin-top:2rem;padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px #0000000d;width:90%;max-width:1200px;margin-left:auto;margin-right:auto}.lista-estudiantes select,.form-group select{width:100%;padding:.6rem 1.5rem .6rem .8rem;border:1.5px solid #000000;border-radius:6px;background:#fafafa url("data:image/svg+xml,%3Csvg width='16' height='16' fill='gray' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat right .8rem center/1.2em auto;font-family:Poppins,sans-serif;font-size:1rem;color:#811111;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.lista-estudiantes select:focus,.form-group select:focus{border-color:#811111;outline:none;background-color:#fff7f7}.lista-estudiantes td select{min-width:140px;font-weight:500;background-color:#fff7f7;color:#811111;border:1.5px solid #b30000;border-radius:6px;padding:.5rem 1.5rem .5rem .8rem;transition:border-color .2s}.lista-estudiantes td select:focus{border-color:#a52424;background-color:#fff}.lista-estudiantes select,.form-group select{transition:border-color .2s,box-shadow .2s}.lista-estudiantes select:focus,.form-group select:focus{box-shadow:0 0 0 2px #f2bcbc}.tabla-reportes-analisis{background-color:#fff;margin-top:2rem;padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px #0000000d;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.tabla-reportes-analisis h3{color:#8e1717;margin-bottom:1rem}.tabla-reportes-analisis table{width:100%;border-collapse:collapse}.tabla-reportes-analisis th,.tabla-reportes-analisis td{padding:.75rem 1rem;border-bottom:1px solid #ddd}.tabla-reportes-analisis th{background-color:#f9f9f9;color:#811111;text-align:left}.tabla-reportes-analisis tr:hover{background-color:#f5f5f5}.tabla-reportes-analisis tr td{padding-bottom:1rem}.tabla-reportes-analisis select{min-width:140px;font-weight:600;background-color:#fff7f7;color:#811111;border:1.5px solid #b30000;border-radius:6px;padding:.5rem 1.5rem .5rem .8rem;transition:border-color .2s,box-shadow .2s;font-family:Poppins,sans-serif;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#fafafa url("data:image/svg+xml,%3Csvg width='16' height='16' fill='gray' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat right .8rem center/1.2em auto}.tabla-reportes-analisis select:focus{border-color:#000;background-color:#fff;box-shadow:0 0 0 2px #f2bcbc}select{width:100%;min-width:140px;font-weight:500;background-color:#fafafa;color:#811111;border:1.5px solid #000000;border-radius:6px;padding:.5rem 1.5rem .5rem .8rem;transition:border-color .2s,box-shadow .2s;font-family:Poppins,sans-serif;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#fafafa url("data:image/svg+xml,%3Csvg width='16' height='16' fill='gray' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat right .8rem center/1.2em auto}select:focus{border-color:#000;background-color:#fff;box-shadow:0 0 0 2px #f2bcbc}.tabla-reportes-analisis .subtabla-reportes{width:95%;margin:10px auto;background:#fff;border-radius:10px;box-shadow:0 2px 8px #d821210f;font-size:.97em;border:1px solid #f0eaea}.tabla-reportes-analisis .subtabla-reportes th,.tabla-reportes-analisis .subtabla-reportes td{padding:.5rem .6rem;border-bottom:1px solid #eee}.tabla-reportes-analisis .subtabla-reportes th{background-color:#faf4f4;color:#b32d2d;font-size:.98em}.tabla-reportes-analisis .subtabla-reportes tr:last-child td{border-bottom:none}.tabla-reportes-analisis .subtabla-reportes select:focus{border-color:#57b26a;background-color:#fff}.subtabla-reportes button{background-color:#8e1717;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.formulario{background-color:#fff;padding:2rem;margin:2rem auto;border-radius:12px;max-width:1000px;box-shadow:0 4px 12px #0000001a}.formulario h2{color:#8b0000;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem;display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:.3rem;color:#444}.form-group select{padding:8px;border-radius:6px;border:1px solid #ccc}.checkboxes{margin-top:1.5rem;margin-bottom:2rem}.checkboxes h3{color:#8b0000;margin-bottom:.5rem}.checkboxes label{margin-right:15px;font-weight:500}.reporte-section{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:2rem}.titulo-reporte{color:#8b0000;margin-bottom:1.5rem}.tabla-estudiantes{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.tabla-estudiantes th,.tabla-estudiantes td{padding:12px 16px;text-align:left;border-bottom:1px solid #ddd;vertical-align:top}.tabla-estudiantes thead{background-color:#f5f5f5;color:#8b0000;font-weight:700}.btn-detalle{background-color:#8b0000;color:#fff;border:none;padding:6px 12px;margin-top:5px;border-radius:6px;cursor:pointer;transition:background-color .3s}.btn-detalle:hover{background-color:#a00000}.detalle-incidencia textarea{width:100%;margin-top:10px;padding:10px;border-radius:6px;border:1px solid #ccc;resize:vertical}.btn-enviar-container{text-align:right}.btn-enviar{background-color:#8b0000;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-enviar:hover{background-color:#a00000}.checkboxes{margin-top:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:24px}.checkboxes label{margin-right:0;font-weight:500;display:flex;align-items:center;gap:8px;font-size:1.1rem}.checkboxes input[type=checkbox],.tabla-estudiantes input[type=checkbox]{width:22px;height:22px;accent-color:#8B0000;margin-right:6px}.tabla-reportes{padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #0000000d;margin:2rem auto;max-width:1400px}.tabla-reportes h2{color:#8e1717;margin-bottom:1rem;font-size:1.5rem}.tabla-reportes table{width:100%;border-collapse:collapse}.tabla-reportes th,.tabla-reportes td{padding:12px 16px;border-bottom:1px solid #ddd;text-align:left}.tabla-reportes th{background-color:#f4f4f4;color:#811111}.estado{padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.estado.pendiente{background-color:#f39c12}.estado.en-proceso{background-color:#3498db}.estado.completado{background-color:#2ecc71}header{background-color:#8e1717;padding:15px 0;color:#fff;box-shadow:0 2px 8px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo img{height:50px;margin-right:15px}.logo h1{font-size:1.4rem;font-weight:600;color:#fff}nav{display:flex;gap:25px}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}nav a:hover{color:gold}.contenedor-reportes{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;min-height:100vh;background-color:#f3f3f3}.titulo-seccion{text-align:center;font-size:2rem;color:#333;margin-bottom:1.5rem}.estado.en-proceso,.estado.proceso{background-color:#3498db}.login-container{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(to right,#8e1717,#b52323);display:flex;justify-content:center;align-items:center;height:100vh}.login-card{background:#fff;padding:3rem 2rem;border-radius:15px;box-shadow:0 10px 30px #00000026;width:100%;max-width:400px;text-align:center}.login-card img{width:60px;margin-bottom:1rem}.login-card h2{color:#8e1717;margin-bottom:1rem}.login-card p{font-size:.95rem;color:#666;margin-bottom:2rem}.login-card input{width:100%;padding:.9rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border .3s}.login-card input:focus{border-color:#b52323;outline:none}.login-card button{width:100%;padding:1rem;background-color:#b52323;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;transition:background-color .3s;cursor:pointer}.login-card button:hover{background-color:#a11d1d}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}}body,#root{background:#f6f6f6;margin:0;min-height:100vh;font-family:Segoe UI,Roboto,Arial,sans-serif}section.formulario{background:#fff;margin:48px auto 0;padding:36px 40px 28px;border-radius:18px;max-width:1500px;min-width:300px;box-shadow:0 4px 24px #2c2c2c1f;display:flex;flex-direction:column;align-items:stretch;transition:box-shadow .22s}section.formulario h2{color:#b30000;text-align:center;margin-bottom:28px;font-size:2rem;font-weight:700;letter-spacing:.5px}section.formulario table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;margin-top:10px;font-size:1.04rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #b400000f}section.formulario th{background:#f1f1f1;color:#b30000;font-weight:700;padding:13px 10px;border-bottom:2px solid #e6e6e6;letter-spacing:.15px;text-align:left}section.formulario tr th:first-child,section.formulario tr td:first-child{border-radius:12px 0 0 12px}section.formulario tr th:last-child,section.formulario tr td:last-child{border-radius:0 12px 12px 0}section.formulario td{padding:11px 10px;background:#fff;border-bottom:1px solid #f0f0f0;color:#323232;vertical-align:top;font-size:1rem;max-width:260px;word-break:break-word}section.formulario tr:last-child td{border-bottom:none}section.formulario td:last-child{font-weight:600;text-transform:capitalize}section.formulario td:last-child:contains("proceso"){color:#c46c00}section.formulario td:last-child:contains("resuelto"){color:#008f46}section.formulario td:last-child:contains("pendiente"){color:#b30000}@media (max-width: 700px){section.formulario{padding:18px 2vw;max-width:98vw;min-width:unset}section.formulario h2{font-size:1.2rem;margin-bottom:14px}section.formulario table{font-size:.97rem}section.formulario th,section.formulario td{padding:7px 3px}}.buscador{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.buscador input[type=text]{padding:8px 14px;border:1px solid #ccc;border-radius:8px;font-size:1rem;background:#fafafa;transition:border .2s}.buscador input[type=text]:focus{border-color:#8e1717;outline:none}.buscador button{padding:8px 18px;background-color:#8e1717;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.buscador button:hover{background-color:#b52323}table button{padding:8px 18px;background-color:#8e1717;color:#fff;border:none;border-radius:8px;font-weight:200;font-size:1rem;cursor:pointer;transition:background .2s}table button:hover{background-color:#b52323}