:root{--verde-oscuro: #004d26;--verde-medio: #027a44;--amarillo: #f1c40f;--card-bg: rgba(255,255,255,.08);--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.12);--texto-oscuro: #1f1f1f}.login-wrapper{min-height:97vh;position:relative;display:flex;align-items:center;justify-content:center;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;background:#0b0b0b}.login-container{width:1100px;height:600px;display:flex;border-radius:20px;box-shadow:0 30px 60px #020c1e99;position:relative;z-index:5;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04)}.welcome-section{flex:1.2;padding:80px 70px;display:flex;align-items:flex-start;justify-content:flex-start;color:#fff;position:relative}.welcome-content{max-width:520px;position:relative;z-index:2}.welcome-title{font-size:64px;line-height:1;margin:0 0 18px;font-weight:700;letter-spacing:-1px;color:#fff;text-shadow:0 6px 24px rgba(2,2,2,.45)}.welcome-underline{width:36px;height:4px;background:#ffffff2e;border-radius:2px;margin-bottom:20px}.welcome-text{font-size:16px;line-height:1.7;color:#ffffffd9;margin-bottom:40px;font-weight:300;opacity:.95}.learn-more-btn{background:linear-gradient(90deg,var(--amarillo),#f39c12);color:var(--verde-oscuro);padding:12px 28px;border-radius:22px;border:none;cursor:pointer;font-weight:700;box-shadow:0 10px 30px #f1c40f26;transition:transform .25s ease,box-shadow .25s ease}.learn-more-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px #f1c40f38}.login-section{flex:.9;padding:28px 36px;display:flex;flex-direction:column;justify-content:space-between;background:transparent}.top-logo{display:flex;justify-content:flex-end}.logo-box{width:56px;height:56px;border-radius:8px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 20px #020c1e4d}.logo-left,.logo-right{width:10px;height:22px;background:#fff;opacity:.95;border-radius:2px}.logo-right{transform:translate(6px);opacity:.75}.login-card{width:380px;margin:0 auto;padding:36px;border-radius:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--glass-border);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 10px 40px #020c1e73;text-align:center;position:relative;z-index:6}.card-title{margin:0;font-size:42px;color:#fff;font-weight:700;letter-spacing:-.5px;text-shadow:0 6px 18px rgba(0,0,0,.35)}.card-subtitle{margin:8px 0 22px;color:#ffffffd9;font-weight:300;font-size:20px}.google-btn{display:flex;font-size:18px;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:600;color:#fff;background:linear-gradient(90deg,#4285f4,#3367d6);width:100%;transition:transform .18s ease,box-shadow .18s ease}.google-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #3367d62e}.google-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.error{margin-top:16px;color:#fcc;background:#ff00000f;padding:10px;border-radius:8px;border:1px solid rgba(255,0,0,.06)}.socials{display:flex;gap:8px;justify-content:center;margin-top:18px}.social-dot{width:12px;height:12px;background:#ffffff1f;border-radius:50%;display:inline-block}.bottom-footer{text-align:center;font-weight:600;color:#ffffffe6;margin-top:8px}.marca{color:#fff}.amarillo{color:var(--amarillo)}@media(max-width:980px){.login-container{width:92%;height:auto;flex-direction:column}.welcome-section{padding:40px 28px;text-align:center;align-items:center;justify-content:center}.welcome-title{font-size:44px}.login-section{padding:28px;width:100%}.login-card{width:90%}}.logo-container{margin:25px 0 10px;display:flex;justify-content:flex-start;align-items:center}.logo-proservis{width:340px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));transition:transform .3s ease,opacity .3s ease;opacity:.9}.logo-proservis:hover{transform:scale(1.05);opacity:1}.mascota-login{position:absolute;top:25px;right:40px;width:60px;height:60px;background:linear-gradient(145deg,#0e2a18,#133b23);border-radius:14px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 0 12px #00ff6440,inset 0 0 12px #00ff641a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:15}.ojo{width:14px;height:18px;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease}.pupila{width:100%;height:100%;background:radial-gradient(circle at 40% 40%,#fff 65%,#c8ffe0 90%);border-radius:4px;box-shadow:0 0 6px #fff9,0 0 12px #00ff6480;transform-origin:center;transition:all .2s ease;animation:eyeGlow 6s ease-in-out infinite}.pupila.blink{animation:blink .25s linear}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.05)}}.pupila.wink{animation:wink 1.7s ease-in-out}@keyframes wink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.25)}}.pupila.happy{background:radial-gradient(circle at 50% 50%,#fff 70%,#d4ffe3);transform:scale(1.2);box-shadow:0 0 8px #00ff78cc,0 0 14px #00ff7899}.pupila.surprised{height:22px;width:14px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#aff 70%,#09f);box-shadow:0 0 10px #0ff9}.pupila.sad{transform:translateY(2px) scaleY(.8);background:radial-gradient(circle at 50% 70%,#b3ffe0 50%,#88ffb0);opacity:.7}.pupila.curious{border-radius:40% 60% 60% 40%;background:radial-gradient(circle at 60% 40%,#00ffd5 60%,#007f5a);transform:rotate(3deg)}@keyframes eyeGlow{0%,to{box-shadow:0 0 5px #00ff7866}50%{box-shadow:0 0 10px #00ff96b3}}.fondo-login{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:linear-gradient(135deg,#001a0d,#28692e 30%,#003319 70%,#001a0d)}.waves-container{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.8;filter:blur(.5px)}.wave{position:absolute;border-radius:45% 55% 42% 58%/55% 45%;background:linear-gradient(45deg,#027a4426,#f1c40f1a);animation:waveMove 20s infinite linear;mix-blend-mode:screen}.wave-1{width:1200px;height:1200px;top:-400px;left:-200px;background:linear-gradient(45deg,#027a4440,#004d2626);animation:waveMove 25s infinite linear;opacity:.6}.wave-2{width:900px;height:900px;top:50%;right:-300px;background:linear-gradient(135deg,#f1c40f33,#027a441a);animation:waveMove 18s infinite linear reverse;opacity:.5}.wave-3{width:700px;height:700px;bottom:-200px;left:50%;background:linear-gradient(225deg,#027a444d,#f1c40f26);animation:waveMove 15s infinite linear;opacity:.4}.wave-4{width:800px;height:800px;top:30%;left:-100px;background:linear-gradient(90deg,#f1c40f2e,#027a441f);animation:waveMove 22s infinite linear;opacity:.45}@keyframes waveMove{0%{transform:rotate(0) translate(0) scale(1);border-radius:45% 55% 42% 58%/55% 45%}25%{transform:rotate(90deg) translate(20px,15px) scale(1.05);border-radius:55% 45% 58% 42%/45% 55%}50%{transform:rotate(180deg) translateY(10px) scale(1.1);border-radius:42% 58% 45% 55%/58% 42%}75%{transform:rotate(270deg) translate(-15px,5px) scale(1.05);border-radius:58% 42% 55% 45%/42% 58%}to{transform:rotate(360deg) translate(0) scale(1);border-radius:45% 55% 42% 58%/55% 45%}}.particle{position:absolute;background:#f1c40f4d;border-radius:50%;animation:float 15s infinite ease-in-out;filter:blur(1px)}.particle:nth-child(1){width:8px;height:8px;top:20%;left:10%;animation-delay:0s;background:#f1c40f66}.particle:nth-child(2){width:6px;height:6px;top:70%;left:80%;animation-delay:-2s;background:#027a4480}.particle:nth-child(3){width:10px;height:10px;top:40%;left:20%;animation-delay:-4s;background:#f1c40f4d}.particle:nth-child(4){width:5px;height:5px;top:60%;left:60%;animation-delay:-6s;background:#027a4466}.particle:nth-child(5){width:7px;height:7px;top:30%;left:85%;animation-delay:-8s;background:#f1c40f59}.particle:nth-child(6){width:4px;height:4px;top:80%;left:40%;animation-delay:-10s;background:#027a4473}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-30px) scale(1.1);opacity:.8}50%{transform:translate(-15px,-15px) scale(.9);opacity:.7}75%{transform:translate(-25px,20px) scale(1.05);opacity:.9}}.connection-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(241,196,15,.1),transparent);height:1px;animation:lineFlow 8s infinite linear;opacity:.3}.connection-line:nth-child(1){top:25%;left:0;width:40%;animation-delay:0s}.connection-line:nth-child(2){top:60%;right:0;width:35%;animation-delay:-2s;background:linear-gradient(270deg,transparent,rgba(2,122,68,.1),transparent)}.connection-line:nth-child(3){top:75%;left:10%;width:50%;animation-delay:-4s}.connection-line:nth-child(4){top:40%;right:10%;width:45%;animation-delay:-6s;background:linear-gradient(270deg,transparent,rgba(241,196,15,.08),transparent)}@keyframes lineFlow{0%{transform:translate(-100%);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translate(100%);opacity:0}}.glow-effect{position:absolute;border-radius:50%;filter:blur(40px);mix-blend-mode:screen;animation:glowPulse 10s infinite ease-in-out}.glow-1{width:300px;height:300px;top:-50px;left:-50px;background:radial-gradient(circle,rgba(2,122,68,.4),transparent 70%);animation-delay:0s}.glow-2{width:400px;height:400px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(241,196,15,.3),transparent 70%);animation-delay:-3s}.glow-3{width:250px;height:250px;top:50%;left:70%;background:radial-gradient(circle,rgba(2,122,68,.35),transparent 70%);animation-delay:-6s}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,77,38,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(241,196,15,.2) 0%,transparent 50%),radial-gradient(ellipse at 40% 60%,rgba(2,122,68,.25) 0%,transparent 50%);mix-blend-mode:overlay;pointer-events:none}.grid-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(241,196,15,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(2,122,68,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.4;pointer-events:none}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 5px;flex-wrap:wrap;gap:10px}h1{text-align:center;color:#333;margin-bottom:20px;font-size:24px;text-transform:uppercase;padding-bottom:10px}.solicitante-field{margin-bottom:25px}.solicitante-field label{display:block;margin-bottom:5px;font-weight:700;color:#555}.solicitante-field input{width:100%;padding:10px;border:2px solid #ff4444;border-radius:4px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.solicitante-field input.active,.solicitante-field input:focus{border-color:#21c800;outline:none}.main-panel{display:flex;gap:20px;min-height:500px;flex-wrap:wrap}.button-panel{width:220px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.button-panel button{padding:12px 15px;background-color:#52ad06;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:left;font-size:15px;transition:all .3s}.button-panel button:hover{background-color:#46d633}.button-panel button.active{background-color:#0da114d5;font-weight:700}.form-panel{flex:1;background-color:#f9f9f9;border-radius:6px;padding:20px;border:1px solid #ddd;margin-bottom:30px;box-sizing:border-box}.empty-view{display:flex;align-items:center;justify-content:center;height:100%;color:#777;font-style:italic;font-size:18px}.form-view{height:100%}.header-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #5c5c5c;margin-left:auto}.header-left{display:flex;align-items:center;gap:15px}.header-title{font-size:20px;font-weight:700;color:#333;margin:0}.header-avatar.avatar-fallback{border-color:#77ff07}.avatar-container{position:relative}.dropdown-menu{animation:fadeIn .2s ease-out;background-color:#fff;box-shadow:0 2px 8px #0003;padding:15px;border-radius:6px;position:absolute;right:0;top:70px;margin:0 10px;min-width:220px;max-width:95vw;z-index:10;box-sizing:border-box}button:focus{outline:2px solid #4285F4;outline-offset:2px}input:focus{outline:2px solid #4285F4;outline-offset:2px}@media(max-width:768px){.main-panel{flex-direction:column;gap:15px}.button-panel{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.button-panel button{flex:1 1 calc(50% - 10px);min-width:120px;text-align:center}.form-panel{padding:15px;font-size:15px}.solicitante-field input{font-size:14px;padding:8px}}.home-wrapper{box-sizing:border-box}.form-container{max-width:2000px;margin:0 auto;padding:30px;background-color:red;border-radius:10px;font-family:Arial,sans-serif}.secciones{display:flex;gap:20px}.seccion{flex:1;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 5px #0000001a}.titulo-seccion{font-size:30px;font-weight:700;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.grupo-campos{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;padding:8px;border:1px solid hsl(0,0%,80%);border-radius:4px}.campo_autocomplete{display:flex;flex-direction:column;margin-bottom:15px}.campo_autocomplete label{font-weight:700;margin-bottom:15px}.campo_autocomplete input:required:invalid{border:1px solid red}.campo_autocomplete-editable{display:flex;align-items:flex-end;gap:10px;margin-bottom:15px}.campo_autocomplete-info{flex:1;display:flex;flex-direction:column}.campo_autocomplete .MuiInputBase-input{color:#000!important;font-size:16px!important;padding:0!important;text-align:top!important}.campo_autocomplete .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#000!important}.campo_autocomplete .MuiOutlinedInput-notchedOutline{border-color:#070707!important}.campo{display:flex;flex-direction:column;margin-bottom:15px}.campo label{font-weight:700;margin-bottom:5px}.campo input{padding:8px;border:1px solid #ccc;border-radius:4px}.campo-editable{display:flex;align-items:flex-end;gap:10px;margin-bottom:15px}.campo-info{flex:1;display:flex;flex-direction:column}.edit-btn{background-color:#0a4;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer}.campo .MuiOutlinedInput-root{border-radius:6px}.edit-btn:hover{background-color:#088a08}.checkboxes{display:flex;flex-wrap:wrap;gap:10px}.checkbox-group{display:flex;align-items:center;gap:5px}.submit-container{margin-top:20px;display:flex;justify-content:center}.enviar-btn{background-color:#136f00;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:16px;cursor:pointer}.tipo-selector{display:flex;justify-content:end;gap:15px;margin-bottom:20px}.tipo-selector button{padding:10px 20px;border:1px solid #444;background-color:#f0f0f0;border-radius:6px;cursor:pointer;font-weight:700}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.canvas-fondo-formulario{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;z-index:0;overflow:hidden}.form-container{position:relative;overflow:hidden;background:transparent!important}.formulario{position:relative;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.formulario{animation:fadeInUp 1.2s ease}.secciones{display:flex;flex-wrap:wrap;gap:2.5rem}.seccion{flex:1 1 300px;background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box}.grupo-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem}.campo{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.campo label{font-weight:600;margin-bottom:.5rem;font-size:.875rem}.campo input,.campo textarea{padding:.625rem;border:1px solid #ccc;border-radius:6px;font-size:.875rem;transition:border .2s ease;width:100%;box-sizing:border-box}.campo input:focus,.campo textarea:focus{border-color:#136f00;outline:none}.campo input:required:invalid{border:2px solid red}textarea{resize:none;min-height:100px}.submit-container{margin-top:2rem;display:flex;justify-content:center}.enviar-btn{background-color:#136f00;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.enviar-btn:hover{background-color:#0d5000}.tipo-selector{display:flex;justify-content:end;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tipo-selector button{padding:.625rem 1.25rem;border:1px solid #444;background-color:#f0f0f0;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.tipo-selector button.active{background-color:#136f00;color:#fff;border-color:#136f00}@media(max-width:600px){.titulo-seccion{flex-direction:column;align-items:flex-start}.tipo-selector{justify-content:center}.submit-container{flex-direction:column;align-items:center}.enviar-btn{width:100%;max-width:300px}}.inactivacion-container{position:relative;max-width:2000px;margin:0 auto;padding:0;border-radius:10px;font-family:Arial,sans-serif;overflow:hidden}.inactivacion-content{position:relative;z-index:1}.lista-pendiente{width:33%;background:#fff;border-radius:1rem;box-shadow:0 3px 8px #00000014;padding:1.2rem;border:1px solid #e4e4e4;max-height:80vh;overflow-y:auto;transition:all .3s ease}.titulo-lista{text-align:center;font-weight:700;color:#1f2937;margin-bottom:1.2rem}.item-solicitud{border:2px solid transparent;border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:all .25s ease;background-color:#fff}.item-solicitud:hover{border-color:#16a34a;background-color:#f0fdf4;transform:translateY(-2px)}.item-solicitud.seleccionada{border-color:#16a34a;background-color:#e6f9ec;box-shadow:0 0 0 2px #16a34a33}.tipo{font-weight:600;font-size:.9rem}.fecha{color:#dc2626;font-size:.8rem}.nombre{color:#000;font-weight:500;font-size:.85rem}.detalle-solicitud{width:66%;background:#fff;border-radius:1rem;border:1px solid #e4e4e4;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem}.titulo-detalle{text-align:center;font-weight:700;color:#1f2937;font-size:1.1rem}.grid-detalle{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:.9rem}.mensaje{border-top:1px solid #e5e7eb;padding-top:10px;white-space:pre-line;font-size:.85rem;color:#374151}.respuesta-solicitud{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:1.5rem 2rem;width:100%;box-sizing:border-box}.respuesta-solicitud h2{font-size:1.2rem;font-weight:600;color:#14532d;margin-bottom:1rem}.campo-respuesta{width:100%;min-height:220px;padding:1rem;border:1px solid #d1d5db;border-radius:8px;resize:vertical;font-family:Consolas,monospace;font-size:.95rem;background-color:#f9fafb;color:#111827}.botones{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-editar,.btn-enviar{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-editar{background-color:#f3f4f6;color:#374151}.btn-editar:hover{background-color:#e5e7eb}.btn-enviar{background-color:#16a34a;color:#fff}.btn-enviar:hover{background-color:#15803d}.user-menu-wrapper{position:relative;display:inline-block}.user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid #ccc;transition:transform .2s ease,box-shadow .2s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 0 6px #0003}.user-dropdown-menu{position:absolute;top:48px;right:0;background-color:#fff;border:1px solid #d0d0d0;border-radius:12px;padding:16px;min-width:240px;box-shadow:0 8px 24px #0000001f;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-info{margin-bottom:12px;font-size:.9rem;color:#333;line-height:1.4}.menu-info strong{font-size:1rem;color:#111}.menu-info em{color:#555;font-style:normal;font-weight:500}.user-dropdown-menu hr{border:none;border-top:1px solid #eee;margin:12px 0}.user-dropdown-menu button{width:100%;padding:10px 12px;margin-top:6px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;font-weight:500;color:#333}.user-dropdown-menu button:hover{background-color:#eaeaea;border-color:#bbb}@media(max-width:500px){.user-dropdown-menu{right:50%;transform:translate(50%);min-width:90vw}.menu-info{text-align:center}.user-avatar{width:36px;height:36px}}.home-ti-wrapper{background-color:#f9fafb;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif}.ti-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb;padding:.8rem 2rem;box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:10}.ti-header h1{font-size:1.3rem;font-weight:700;color:#14532d}.usuario{display:flex;align-items:center;gap:.8rem}.usuario img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #16a34a;box-shadow:0 0 6px #16a34a40;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.usuario img:hover{transform:scale(1.08);box-shadow:0 0 10px #16a34a59}.contenido-principal{flex:1;display:flex;justify-content:center;padding:2rem}.contenedor-principal{display:flex;width:100%;max-width:1200px;gap:2rem;align-items:flex-start}.contenedor-principal>:first-child{flex:1;min-width:340px}.detalle-y-respuesta{flex:2;display:flex;flex-direction:column;gap:1.5rem}.detalle-y-respuesta>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:1.5rem 2rem;width:100%;box-sizing:border-box}.detalle-y-respuesta,.detalle-y-respuesta>div{width:100%;margin:0;align-self:stretch}.detalle-vacio{flex:2;text-align:center;color:#6b7280;font-style:italic;padding:3rem;background-color:#f3f4f6;border-radius:12px;border:1px dashed #ccc}@media(max-width:900px){.contenedor-principal{flex-direction:column}}.fondo-prueba-contenedor{position:relative;width:100%;height:100vh;overflow:hidden}.fondo-animado{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;background:linear-gradient(130deg,#0d3b0d,#1b5e20)}.contenido-superior{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:100%}.formulario-fondo{background:#ffffffe6;border-radius:16px;box-shadow:0 4px 30px #00000040;padding:40px;max-width:900px;width:90%;text-align:center;animation:fadeInUp 1.2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}