body.admin{background:linear-gradient(135deg,#007bff 30%,#28a745 100%) 0 0/cover no-repeat fixed;height:100%;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif}body:not(.admin){background:0 0}.form-container{text-align:center;background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;max-width:1000px;margin:50px auto 120px;padding:40px;position:relative;box-shadow:0 6px 18px #00000026}.form-container h1{color:#007bff;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #007bff;margin-bottom:20px;padding-bottom:8px;font-size:36px;font-weight:800}.form-container p{color:#444;margin-bottom:25px;font-size:18px}.cerrar-sesion{color:#fff;cursor:pointer;z-index:10000;background:#d32f2f;border:none;border-radius:6px;width:160px;height:45px;font-size:.95rem;font-weight:700;transition:background .3s;position:fixed!important;top:50px!important;right:20px!important}.cerrar-sesion:hover{background:#9a0007}.contactar-admin{color:#fff;cursor:pointer;z-index:10000;background:#1565c0;border:none;border-radius:6px;width:160px;height:45px;font-size:.95rem;font-weight:700;transition:background .3s;position:fixed!important;top:104px!important;right:20px!important}.contactar-admin:hover{background:#0d47a1}.admin-form label{color:#333;text-align:left;margin-top:22px;margin-bottom:12px;font-size:1rem;font-weight:700;display:block}.admin-form input,.admin-form select,.admin-form textarea{background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 6px #007bff4d}.admin-form textarea{resize:vertical;min-height:120px}.ctc-categoria,.fechas,.nivel-modalidad{gap:25px;margin-bottom:25px;display:flex}.ctc,.categoria,.fechas div,.nivel-modalidad div{flex:1}.imagen-group{gap:25px;margin-bottom:25px;display:flex}.imagen-group div{flex:1}.imagen-preview{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;justify-content:center;align-items:center;width:220px;height:220px;margin-top:12px;display:flex}.preview-img{object-fit:cover;border-radius:8px;width:100%;height:100%}.duracion-facilitador{align-items:stretch;gap:25px;margin-bottom:25px;display:flex}.duracion-facilitador div{flex-direction:column;flex:1;display:flex}.duracion-facilitador input{padding:8px 12px;font-size:14px}.duracion-facilitador label{margin-top:10px;margin-bottom:8px}@media (max-width:992px){.duracion-facilitador{flex-direction:column;gap:15px}}.admin-form button[type=submit]{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;margin:30px auto 0;padding:14px 24px;font-size:1rem;font-weight:700;transition:background .3s,transform .2s;display:block}.admin-form button[type=submit]:hover{background:#218838;transform:scale(1.05)}.popup{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:50ms fadeIn;display:flex;position:fixed;top:0;left:0}.popup-contenido{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-width:320px;max-width:700px;padding:30px 40px;animation:50ms scaleIn;display:flex;box-shadow:0 8px 20px #0000004d}#popup-icono{margin-bottom:12px;font-size:40px}.popup-exito #popup-icono{color:#28a745}.popup-error #popup-icono{color:#dc3545}#popup-texto{margin-bottom:20px;font-size:22px;font-weight:700}.popup-boton{margin-top:10px}#popup-cerrar{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:14px 26px;font-size:16px;transition:background 50ms}#popup-cerrar:hover{background:#0056b3}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.admin-form select{color:#000}.admin-form select option[disabled]{color:#666}.admin-form select:valid,.admin-form input[type=file]:valid{border-color:#28a745;box-shadow:0 0 6px #28a74566}.modal-acceso{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:99999;background:#00000026;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-contenido{color:#fff;text-align:center;background:#170d17;border:1px solid #1f6feb;border-radius:18px;width:90%;max-width:550px;padding:28px 20px;animation:.35s ease-out aparecer;box-shadow:0 0 25px #00000080}.modal-contenido h2{color:red;margin-bottom:16px;font-size:28px;font-weight:700}@keyframes aparecer{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icono{margin-bottom:-6px;font-size:50px}.modal-texto{opacity:.9;margin-bottom:16px;font-size:15px}#codigoAcceso{color:#fff;text-align:center;background:#161b22;border:1px solid #2f81f7;border-radius:8px;width:90%;margin-bottom:10px;padding:10px;font-size:15px}#codigoAcceso:focus{border-color:#54a3ff;box-shadow:0 0 6px #54a3ff99}.modal-botones{justify-content:center;gap:12px;margin-top:10px;display:flex}.modal-botones .btn-solicitar{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:10px;padding:8px 30px;font-size:15px;transition:all .2s}.modal-botones .btn-solicitar:hover{background:#3ca65c;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.modal-botones .btn-azul{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:10px;padding:8px 30px;font-size:15px;transition:all .2s}.modal-botones .btn-azul:hover{background:#388bfd;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.error-text{color:#ff4d4d;margin-top:12px;font-weight:700;animation:1s infinite blink}@keyframes blink{50%{opacity:.5}}.ok-text{color:#28a745;margin-top:12px;font-weight:700}.contador{color:#fff;text-align:center;background:#222;border-radius:6px;margin-top:10px;padding:6px 12px;font-size:1rem;font-weight:700;animation:.5s ease-in-out fadeIn}.contador.verde{color:#fff;background:#28a745}.contador.amarillo{color:#222;background:#ffc107}.contador.rojo{color:#fff;background:#dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.form-container{max-width:1200px;padding:50px}.form-container h1{font-size:42px}}@media (max-width:1200px){.form-container{max-width:900px;padding:30px}.form-container h1{font-size:32px}}@media (max-width:992px){.form-container{max-width:700px;padding:25px}.ctc-categoria,.fechas,.nivel-modalidad,.imagen-group{flex-direction:column;gap:15px}.imagen-preview{width:180px;height:180px}}@media (max-width:768px){.form-container{max-width:95%;margin:20px auto;padding:20px}.form-container h1{font-size:26px}.form-container p{font-size:16px}.cerrar-sesion,.contactar-admin{display:none}.menu-movil{color:#fff;cursor:pointer;z-index:10000;background:#007bff;border:none;border-radius:6px;padding:12px 18px;font-size:.9rem;position:fixed;top:20px;right:20px}.menu-opciones{z-index:10000;background:#fff;border:1px solid #ccc;border-radius:6px;display:none;position:fixed;top:70px;right:20px;box-shadow:0 2px 6px #0003}.menu-opciones button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;display:block}.menu-opciones button:hover{background:#f0f0f0}}@media (max-width:480px){.form-container{padding:15px}.form-container h1{font-size:22px}.form-container p{font-size:14px}.admin-form label{font-size:.9rem}.admin-form input,.admin-form select,.admin-form textarea{padding:10px;font-size:.9rem}.imagen-preview{width:140px;height:140px}.admin-form button[type=submit]{width:100%;padding:12px;font-size:.9rem}}.menu-movil,.menu-opciones{display:none}@media (max-width:768px){.menu-opciones{z-index:10000;background:#fff;border:1px solid #ccc;border-radius:6px;position:fixed;top:70px;right:20px;box-shadow:0 2px 6px #0003}.menu-opciones button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;display:block}.menu-opciones button:hover{background:#f0f0f0}.cerrar-sesion,.contactar-admin{display:none}.menu-movil{color:#fff;cursor:pointer;z-index:10000;background:#007bff;border:none;border-radius:6px;padding:12px 18px;font-size:1.2rem;display:block;position:fixed;top:20px;right:20px}.menu-opciones{z-index:10000;background:#fff;border:1px solid #ccc;border-radius:6px;display:none;position:fixed;top:70px;right:20px;box-shadow:0 2px 6px #0003}.form-container{margin-top:80px}}.react-select__control{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:6px;width:100%;height:38px;min-height:38px;font-size:1rem;box-shadow:none!important}.react-select__value-container{text-align:left;padding:0 12px}.react-select__single-value{color:#000;text-align:left;margin:0;font-size:1rem}.react-select__input{margin:0;padding:0;font-size:1rem;box-shadow:none!important;border:none!important}.react-select__menu{z-index:9999;text-align:left;border:1px solid #ccc;border-radius:6px;width:100%;font-size:1rem}.react-select__option{color:#000;text-align:left;padding:10px 12px;font-size:1rem}.react-select__option--is-focused{background-color:#e6f0ff}.react-select__option--is-selected{color:#fff;background-color:#0056b3}.react-select__indicators{align-items:center;margin:0;padding:0;display:flex;position:absolute;top:0;bottom:0;right:8px}.react-select__value-container{padding-right:28px}input[type=date]{color:#333;box-sizing:border-box;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);position:absolute;right:8px}input[type=url],input[type=text][name=nombre]{color:#333;box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg ... %3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}textarea[name=descripcion]{color:#333;box-sizing:border-box;resize:vertical;background-color:#fff;border:1px solid #ccc;border-radius:4px;width:100%;min-height:80px;max-height:100px;padding:8px 12px;font-size:14px;line-height:1.4}.popup-confirmacion{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-contenido{color:#fff;text-align:center;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #1f6feb;border-radius:12px;max-width:650px;padding:30px 40px;animation:.25s ease-out scaleIn;box-shadow:0 8px 24px #0009}.popup-contenido #popup-icono{color:#28a745;margin-bottom:10px;font-size:1.6rem}.popup-boton{justify-content:space-between;margin-top:20px;display:flex}.popup-boton button{cursor:pointer;border:none;border-radius:6px;flex:1;margin:0 10px;padding:10px 18px;font-weight:700;transition:background .3s,transform .2s}.popup-boton button:first-child{color:#fff;background:#007bff}.popup-boton button:last-child{color:#fff;background:#28a745}.popup-boton button:hover{opacity:.9;transform:translateY(-2px)}.popup-exito .popup-contenido{color:#fff;background:linear-gradient(135deg,#28a745,#218838);border:2px solid #28a745;box-shadow:0 6px 18px #0000004d}.popup-error .popup-contenido{color:#c62828;background:#ffebee;border:2px solid #dc3545}.popup-info .popup-contenido{color:#1565c0;background:#e3f2fd;border:2px solid #1f6feb}.imagen-group{flex-direction:column;flex:1;display:flex}.imagen-select{margin-bottom:8px}.imagen-preview{border:1px solid #ccc;border-radius:6px;width:100%;height:250px;margin-top:2px;overflow:hidden}.preview-img{object-fit:cover;width:100%;height:100%;display:block}.link-imagen-group{gap:25px;margin-bottom:25px;display:flex}.link-group,.imagen-group{flex-direction:column;flex:1;display:flex}.link-group label,.imagen-group label{text-align:left;margin-bottom:8px}.nota-link{background:#f5f9ff;border-radius:4px;margin-top:2px;padding:6px 10px;line-height:1.4;color:#2a5d9f!important;font-size:11px!important}.nota-link strong{color:red;font-weight:700}@media (max-width:992px){.link-imagen-group{flex-direction:column;gap:15px}}@media (max-width:768px){.imagen-preview{width:160px;height:160px}input[type=url],input[type=text][name=nombre],textarea[name=descripcion],.react-select__control{padding:10px;font-size:.9rem}}@media (max-width:480px){.imagen-preview{width:120px;height:120px}input[type=url],input[type=text][name=nombre],textarea[name=descripcion],.react-select__control{width:100%;padding:8px;font-size:.85rem}}@media (min-width:1600px){.modal-contenido{max-width:700px;padding:32px 24px}.modal-contenido h2{font-size:32px}}@media (max-width:992px){.modal-contenido{max-width:500px;padding:24px 18px}}