@keyframes fadeIn{from{opacity:0}to{opacity:1}}.perfil-avatares-container{max-width:1400px;margin:30px auto;padding:30px 28px;background:#fff;border-radius:12px;border:1px solid #e0e8f0;box-shadow:0 2px 8px rgb(23 106 181 / .08)}.perfil-avatares-container h2{margin-top:0;color:#15418a;font-size:1.6em;font-weight:600;margin-bottom:25px;letter-spacing:-.5px}.perfil-avatares-error{padding:16px 18px;background:linear-gradient(135deg,#fff3cd 0%,#fffbea 100%);border:1px solid #ffc107;border-radius:8px;color:#856404;font-weight:500}.perfil-avatares-selector{margin-bottom:25px}.perfil-avatares-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px;padding:15px;background:#f9fafb;border-radius:10px}.perfil-avatar-option{position:relative}.perfil-avatar-radio{display:none}.perfil-avatar-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px;border:2px solid #d4dce6;border-radius:10px;transition:all 0.3s cubic-bezier(.4,0,.2,1);background:#fff;text-align:center;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.perfil-avatar-radio:checked+.perfil-avatar-label{border-color:#176ab5;background:linear-gradient(135deg,#e8f4ff 0%,#f0f8ff 100%);box-shadow:0 4px 12px rgb(23 106 181 / .25);transform:translateY(-2px)}.perfil-avatar-label:hover{border-color:#3ba1da;box-shadow:0 3px 8px rgb(23 106 181 / .15);transform:translateY(-1px)}.perfil-avatar-preview{width:80px;height:80px;object-fit:contain;margin-bottom:10px;border-radius:6px;background:#f5f7fa}.perfil-avatar-nombre{font-size:.9em;color:#374151;word-break:break-word;line-height:1.3;font-weight:500;display:none}.perfil-avatares-actions{display:flex;align-items:center;gap:18px;margin-top:25px;padding-top:25px;border-top:1px solid #e0e8f0}.perfil-avatares-actions .button{padding:12px 28px;font-size:1em;background:linear-gradient(135deg,#3ba1da 0%,#176ab5 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgb(23 106 181 / .15)}.perfil-avatares-actions .button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(23 106 181 / .25)}.perfil-avatares-actions .button:disabled{opacity:.6;cursor:not-allowed;transform:none}.perfil-avatares-mensaje{display:inline-block;padding:12px 18px;border-radius:8px;font-weight:500;min-height:20px;font-size:.95em}.perfil-avatares-mensaje.success{background:linear-gradient(135deg,#d4edda 0%,#e8f5e9 100%);color:#155724;border:1px solid #c3e6cb}.perfil-avatares-mensaje.error{background:linear-gradient(135deg,#f8d7da 0%,#ffebee 100%);color:#721c24;border:1px solid #f5c6cb}@media (max-width:1024px){.perfil-avatares-container{padding:25px 20px}.perfil-avatares-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;padding:12px}}@media (max-width:768px){.perfil-avatares-container{margin:20px 12px;padding:20px 15px}.perfil-avatares-container h2{font-size:1.4em;margin-bottom:20px}.perfil-avatares-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:15px;padding:15px}.perfil-avatar-preview{width:90px;height:90px}.perfil-avatar-nombre{font-size:.8em}.perfil-avatares-actions{flex-direction:column;align-items:stretch;gap:12px}.perfil-avatares-actions .button{width:100%;text-align:center}}@media (max-width:600px){.perfil-avatares-container{margin:15px 7px;padding:15px 12px;border-radius:8px}.perfil-avatares-container h2{font-size:1.2em;margin-bottom:15px}.perfil-avatares-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:12px}.perfil-avatar-preview{width:110px;height:110px}.perfil-avatar-label{padding:10px}.perfil-avatares-actions{margin-top:15px;padding-top:15px}.perfil-avatares-actions .button{padding:10px 20px;font-size:.95em}}@media (max-width:480px){.perfil-avatares-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:10px}.perfil-avatar-preview{width:100px;height:100px}}.perfil-avatares-upload-section{display:flex;flex-direction:column}@media (max-width:768px){.perfil-avatares-upload-section{padding:15px!important}.perfil-avatares-upload-section h3{font-size:1.1em!important}.perfil-avatares-upload-section p{font-size:0.9em!important}}@media (max-width:600px){.perfil-avatares-upload-section{padding:12px!important}.perfil-avatares-upload-section h3{font-size:1em!important;margin-bottom:10px!important}.perfil-avatares-upload-section p{font-size:0.85em!important;margin-bottom:12px!important}.perfil-avatares-upload-section input[type="file"]{width:100%!important;min-width:100%!important;box-sizing:border-box!important}.perfil-avatares-upload-section button{width:100%!important;margin-top:8px!important}}