@charset "UTF-8";.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);font-family:Poppins,sans-serif}.login-container .login-box{width:380px;background:#ffffff1a;padding:30px;border-radius:12px;box-shadow:0 4px 10px #0000004d;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.login-container .login-box h2{color:#fff;margin-bottom:20px;font-size:24px;font-weight:600}.login-container .login-box form{display:flex;flex-direction:column;gap:15px}.login-container .login-box input{padding:12px;font-size:16px;border:none;border-radius:5px;outline:none;background:#fff3;color:#fff;transition:all .3s ease-in-out}.login-container .login-box input::placeholder{color:#ffffffb3}.login-container .login-box input:focus{background:#ffffff4d;box-shadow:0 0 5px #ffffff80}.login-container .login-box button{padding:12px;background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:.3s;font-weight:600}.login-container .login-box button:hover{background:linear-gradient(90deg,#0072ff,#00c6ff);transform:scale(1.05)}.login-container .login-box .error{color:#ff4d4d;font-size:14px;margin-top:10px}.sidebar{width:250px;height:100vh;background:#1a1a2e;color:#fff;padding:20px;position:fixed;top:0;left:0}.sidebar h2{text-align:center;margin-bottom:20px}.sidebar nav ul{list-style:none;padding:0}.sidebar nav ul li{margin:20px 0;display:flex;align-items:center}.sidebar nav ul li a,.sidebar nav ul li button{text-decoration:none;color:#fff;font-size:18px;display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;cursor:pointer;padding:10px;transition:.3s}.sidebar nav ul li a:hover,.sidebar nav ul li button:hover{background:#0f3460;border-radius:5px}.dashboard{padding:20px;background:#f4f4f4}.dashboard h1{font-size:24px;color:#333}.dashboard .stats{display:flex;gap:20px;margin-top:20px}.dashboard .stat-card{background:#fff;padding:15px;border-radius:5px;box-shadow:0 4px 6px #0000001a;text-align:center;flex:1}.dashboard .stat-card h3{margin-bottom:10px;font-size:18px}.dashboard .stat-card p{font-size:22px;font-weight:700;color:#3498db}.users-container{max-width:900px;margin:0 auto;padding:20px;background:#1c1e26;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;font-family:Arial,sans-serif}.users-container h2{text-align:center;margin-bottom:20px}.users-container .add-user-form{background:#252730;padding:15px;border-radius:8px;margin-bottom:20px}.users-container .add-user-form h3{text-align:center;margin-bottom:10px;color:#e1e1e1}.users-container .add-user-form form{display:flex;flex-direction:column;gap:10px}.users-container .add-user-form form input,.users-container .add-user-form form select{padding:10px;border:1px solid #444;border-radius:5px;background:#2e3039;color:#fff;outline:none;transition:.3s}.users-container .add-user-form form input:focus,.users-container .add-user-form form select:focus{border-color:#ff4081;box-shadow:0 0 5px #ff4081}.users-container .add-user-form form button{background:#ff4081;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:.3s}.users-container .add-user-form form button:hover{background:#e03570}.users-container .users-table{width:100%;border-collapse:collapse;margin-top:10px}.users-container .users-table th,.users-container .users-table td{padding:12px;text-align:left;border-bottom:1px solid #444}.users-container .users-table th{background:#292b36;color:#fff}.users-container .users-table td{background:#252730}.users-container .users-table .delete-btn{background:#e74c3c;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;transition:.3s}.users-container .users-table .delete-btn:hover{background:#c0392b}.users-container .success{color:#2ecc71;text-align:center;margin:10px 0}.users-container .error{color:#e74c3c;text-align:center;margin:10px 0}.messages{padding:20px;background:#f4f4f4;min-height:100vh}.messages h1{font-size:24px;color:#333;margin-bottom:20px}.messages .no-messages{font-size:18px;color:#777}.messages table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.messages table th,.messages table td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.messages table th{background:#0f3460;color:#fff}.messages table td{color:#333}.messages table button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-right:5px}.messages table .delete{background:#e74c3c;color:#fff}.messages table .delete:hover{background:#c0392b}.messages .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.messages .modal .modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;width:400px}.messages .modal .modal-content h2{margin-bottom:15px;color:#333}.messages .modal .modal-content p{margin-bottom:10px;color:#000}.messages .modal .modal-content button{padding:10px 15px;background:#0f3460;color:#fff;border:none;border-radius:5px;cursor:pointer}.settings-container{background-color:#2b2b42;padding:20px;border-radius:10px;max-width:400px;margin:0 auto}.settings-container h2{font-size:22px;margin-bottom:15px}.settings-container form{display:flex;flex-direction:column;gap:15px}.settings-container form input{padding:10px;border:1px solid #3a3a5b;border-radius:5px;background-color:#18182b;color:#fff}.settings-container form button{padding:10px;background-color:#4a90e2;color:#fff;border:none;cursor:pointer;transition:.3s}.settings-container form button:hover{background-color:#357abd}.settings-container .status-message{margin-top:10px;font-size:14px;color:#ff4b5c}.admin-projects{max-width:900px;margin:40px auto;padding:20px;background:#1e1e1e;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#fff}.admin-projects h2{text-align:center;font-size:26px;margin-bottom:20px;color:#00bcd4}.admin-projects .form-container{background:#292929;padding:20px;border-radius:8px;margin-bottom:20px}.admin-projects .form-container h3{font-size:20px;margin-bottom:10px;color:#ffa726}.admin-projects .form-container form{display:flex;flex-direction:column;gap:10px}.admin-projects .form-container form input,.admin-projects .form-container form textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #555;background:#333;color:#fff;font-size:14px}.admin-projects .form-container form textarea{resize:vertical;min-height:80px}.admin-projects .form-container form .image-input{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-projects .form-container form .image-input input{flex:1}.admin-projects .form-container form .image-input button{background:#ffa726;border:none;padding:10px;border-radius:5px;font-size:14px;cursor:pointer;transition:.3s}.admin-projects .form-container form .image-input button:hover{background:#ff9800}.admin-projects .form-container form .toggle-switch{display:flex;align-items:center;gap:10px;color:#fff}.admin-projects .form-container form .toggle-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:20px;background:#555;border-radius:10px;position:relative;cursor:pointer;transition:.3s}.admin-projects .form-container form .toggle-switch input[type=checkbox]:checked{background:#00bcd4}.admin-projects .form-container form .toggle-switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.3s}.admin-projects .form-container form .toggle-switch input[type=checkbox]:checked:before{transform:translate(20px)}.admin-projects .form-container form button{background:#00bcd4;border:none;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s}.admin-projects .form-container form button:hover{background:#0097a7}.admin-projects .success{color:#4caf50;text-align:center;font-weight:700;margin-top:10px}.admin-projects .error{color:#f44336;text-align:center;font-weight:700;margin-top:10px}.admin-projects .projects-table{width:100%;border-collapse:collapse;background:#292929;border-radius:8px;overflow:hidden}.admin-projects .projects-table th,.admin-projects .projects-table td{padding:12px;text-align:left;border-bottom:1px solid #444}.admin-projects .projects-table th{background:#00bcd4;color:#000;font-size:16px}.admin-projects .projects-table tbody tr:hover{background:#333}.admin-projects .projects-table .edit-btn{background:#ffa726;color:#000;border:none;padding:5px 10px;border-radius:5px;font-size:14px;cursor:pointer;transition:.3s}.admin-projects .projects-table .edit-btn:hover{background:#ff9800}.admin-projects .projects-table .delete-btn{background:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:14px;cursor:pointer;transition:.3s;margin-left:10px}.admin-projects .projects-table .delete-btn:hover{background:#d32f2f}.admin-projects .project-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:10px}.admin-projects .project-images img{width:100%;height:auto;border-radius:5px;border:2px solid #555;transition:.3s}.admin-projects .project-images img:hover{border-color:#00bcd4}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8f9fa}.loader{border:4px solid #ddd;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-panel{display:flex}.admin-panel .admin-content{margin-left:250px;width:calc(100% - 250px);padding:20px;background:#f4f4f4;min-height:100vh}.admin-carousel{max-width:800px;margin:20px auto;padding:20px;background:#1a1a1a;border-radius:10px;color:#fff;box-shadow:0 4px 8px #0003}.admin-carousel h2{text-align:center;margin-bottom:20px;font-size:22px;font-weight:700}.admin-carousel form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.admin-carousel form input{padding:10px;border:none;border-radius:5px;font-size:14px;background:#222;color:#fff;outline:none}.admin-carousel form input::placeholder{color:#bbb}.admin-carousel form button{padding:10px;background:#007bff;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;transition:.3s}.admin-carousel form button:hover{background:#0056b3}.admin-carousel .success,.admin-carousel .error{text-align:center;padding:8px;font-size:14px;border-radius:5px}.admin-carousel .success{background:#28a745;color:#fff}.admin-carousel .error{background:#dc3545;color:#fff}.admin-carousel ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;padding:0}.admin-carousel ul li{background:#2c2c2c;border-radius:8px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.admin-carousel ul li img{width:100%;height:auto;max-height:100px;object-fit:cover;border-radius:5px;transition:.3s}.admin-carousel ul li img:hover{transform:scale(1.05)}.admin-carousel ul li button{background:#ff4d4d;color:#fff;border:none;padding:6px 10px;border-radius:5px;cursor:pointer;transition:.3s}.admin-carousel ul li button:hover{background:#c00}.carousel-container{position:relative;width:100%;margin:auto;overflow:hidden;border-radius:10px;background:#000}.carousel-container .carousel-wrapper{display:flex;overflow:hidden;width:100%}.carousel-container .carousel-track{display:flex;will-change:transform}.carousel-container .carousel-slide{flex:0 0 33.3333333333%;display:flex;justify-content:center;align-items:center;padding:5px}.carousel-container .carousel-slide img{width:100%;height:300px;object-fit:cover;border-radius:10px;transition:transform .3s ease-in-out}.carousel-container .carousel-slide img:hover{transform:scale(1.05)}.carousel-container .carousel-slide .carousel-title{position:absolute;bottom:10px;background:#000000b3;color:#fff;padding:8px 15px;border-radius:5px;font-size:14px;font-weight:700;text-align:center;width:90%;left:5%}.carousel-container .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;font-size:24px;padding:10px;cursor:pointer;border-radius:50%;transition:.3s;z-index:2}.carousel-container .carousel-btn:hover{background:#000c}.carousel-container .prev{left:10px}.carousel-container .next{right:10px}.carousel-container .carousel-indicators{display:flex;justify-content:center;margin-top:10px}.carousel-container .carousel-indicators .dot{width:12px;height:12px;margin:0 5px;background:#fff;border-radius:50%;cursor:pointer;transition:.3s}.carousel-container .carousel-indicators .dot.active{background:#007bff}.navbar{background:#000c;position:fixed;width:100%;top:0;left:0;padding:15px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:relative}.navbar .logo{font-size:24px;font-weight:700;color:#fff;text-align:left;flex:1}.navbar .logos{height:50px;position:absolute;left:50%;transform:translate(-50%)}.navbar ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex:1;justify-content:flex-end}.navbar ul li a{font-size:16px;color:#fff;transition:.3s ease-in-out}.navbar ul li a:hover{color:#fff;text-decoration:underline}.hero{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;position:relative}.hero .videoback{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1;background:linear-gradient(to bottom,#0003,#000000d9)}.hero .videoback:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:0}.hero .videoback video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}.hero .container{display:flex;flex-direction:column;align-items:center;z-index:1}.hero .hero-title{font-size:3rem;font-weight:700;color:#e0e0e0;text-shadow:2px 2px 10px rgba(0,0,0,.6);animation:fadeIn 1.2s ease-in-out}.hero h2,.hero .hero-subtitle{font-size:2rem;color:#00bce4;font-weight:700;text-transform:uppercase;margin-top:10px}.hero .hero-text{font-size:1.2rem;margin:15px 0;color:#e0e0e0;max-width:600px;animation:fadeIn 1.5s ease-in-out}.hero .buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.hero .btn-paquetes{background:transparent;color:#f9d407;border:2px solid #f9d407;padding:12px 24px;font-size:18px;font-weight:700;border-radius:5px;transition:all .3s ease-in-out;cursor:pointer}.hero .btn-paquetes:hover{background:#f9d407;color:#000;box-shadow:0 4px 15px #f9d40780;transform:scale(1.05)}.hero .btn-hablemos{background:#f9d407;color:#000;border:2px solid #f9d407;padding:12px 24px;font-size:18px;font-weight:700;border-radius:5px;transition:all .3s ease-in-out;cursor:pointer;box-shadow:0 4px 15px #f9d40780}.hero .btn-hablemos:hover{background:#fff;color:#f9d407;border-color:#fff;box-shadow:0 6px 20px #ffffff80;transform:scale(1.1)}.hero .navbar{background:#000c;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.hero .navbar a{color:#fff;text-decoration:none;font-size:1rem;font-weight:700;padding:8px 15px;transition:all .3s ease-in-out}.hero .navbar a:hover{color:#f9d407}.hero .navbar .active{background:#f9d407;color:#000;border-radius:5px;padding:8px 15px;border:2px solid black}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.projects{padding:100px 0;background:#1a1a1a;text-align:center}.projects .container{max-width:1200px;margin:0 auto}.projects h2{font-size:2.5rem;font-weight:700;color:#e0e0e0;margin-bottom:20px}.projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.projects .project-card{background:#252525;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #f9d40780;transition:transform .3s ease-in-out}.projects .project-card:hover{transform:scale(1.05)}.projects .project-card img{width:100%;height:200px;object-fit:cover}.projects .project-card .project-info{padding:20px}.projects .project-card .project-info h3{font-size:1.5rem;color:#fff}.projects .project-card .project-info p{font-size:1rem;color:#b3b3b3;margin:10px 0}.projects .project-card .project-info button{background:#000;color:#fff;border:2px solid black;padding:12px 24px;font-size:16px;font-weight:700;border-radius:5px;transition:all .3s ease-in-out;cursor:pointer}.projects .project-card .project-info button:hover{background:#f9d407;color:#000;border-color:#f9d407;transform:scale(1.05)}.projects .modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:.3s ease-in-out}.projects .modal.open{visibility:visible;opacity:1}.projects .modal .modal-content{background:#1a1a1a;padding:30px;border-radius:10px;width:90%;max-width:900px;text-align:center;position:relative;box-shadow:0 4px 15px #f9d40780}.projects .modal .modal-content .close-btn{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;font-size:18px;padding:8px 12px;border-radius:5px;cursor:pointer;transition:.3s}.projects .modal .modal-content .close-btn:hover{background:#8b0000}.projects .modal .modal-content .project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}.projects .modal .modal-content .project-images img{width:100%;height:120px;object-fit:cover;border-radius:8px;transition:transform .3s ease-in-out}.projects .modal .modal-content .project-images img:hover{transform:scale(1.1)}.projects .modal .modal-content h3{font-size:2rem;color:#00bcd4;margin-bottom:10px}.projects .modal .modal-content .technologies{display:flex;justify-content:center;gap:10px;margin:15px 0}.projects .modal .modal-content .technologies span{background:#008ba3;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px}.projects .modal .modal-content p{font-size:1.2rem;color:#cfcfcf;margin-bottom:20px}.projects .modal .modal-content .buttons{display:flex;justify-content:center;gap:15px}.projects .modal .modal-content .buttons button,.projects .modal .modal-content .buttons a{padding:12px 20px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s}.projects .modal .modal-content .buttons button.close,.projects .modal .modal-content .buttons a.close{background:red;color:#fff}.projects .modal .modal-content .buttons button.close:hover,.projects .modal .modal-content .buttons a.close:hover{background:#8b0000}.projects .modal .modal-content .buttons button.visit,.projects .modal .modal-content .buttons a.visit{background:#00bcd4;color:#fff;text-decoration:none}.projects .modal .modal-content .buttons button.visit:hover,.projects .modal .modal-content .buttons a.visit:hover{background:#008ba3}.projects .switch-container{display:flex;align-items:center;gap:10px;margin-top:15px;justify-content:center}.projects .switch-container .switch{position:relative;display:inline-block;width:34px;height:20px}.projects .switch-container .switch input{opacity:0;width:0;height:0}.projects .switch-container .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.projects .switch-container .switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.projects .switch-container .switch input:checked+.slider{background-color:#00bcd4}.projects .switch-container .switch input:checked+.slider:before{transform:translate(14px)}.about{padding:100px 0;background:#0d0d0d;text-align:center}.about .container{max-width:1000px;margin:0 auto}.about h2{font-size:2.5rem;font-weight:700;color:#e0e0e0;margin-bottom:20px}.about .about-content{display:flex;flex-direction:column;align-items:center;gap:20px}.about .about-content img{width:200px;height:200px;border-radius:50%;border:4px solid #00bcd4;object-fit:cover;transition:transform .3s ease-in-out}.about .about-content img:hover{transform:scale(1.1)}.about .about-content p{font-size:1.2rem;color:#cfcfcf;max-width:800px;line-height:1.6}.about .about-stats{display:flex;justify-content:center;gap:50px;margin-top:30px}.about .about-stats .stat{text-align:center}.about .about-stats .stat h3{font-size:2rem;font-weight:700;color:#ff4081}.about .about-stats .stat p{font-size:1rem;color:#cfcfcf}.contact{padding:100px 0;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);text-align:center}.contact .container{max-width:800px;margin:0 auto}.contact h2{font-size:2.5rem;font-weight:700;color:#e0e0e0;margin-bottom:20px}.contact p{font-size:1.2rem;color:#cfcfcf;margin-bottom:30px}.contact .contact-form{display:flex;flex-direction:column;gap:15px}.contact .contact-form input,.contact .contact-form textarea{width:100%;padding:12px;font-size:1rem;border-radius:5px;border:1px solid #444;background:#222;color:#fff;transition:all .3s ease-in-out}.contact .contact-form input:focus,.contact .contact-form textarea:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 10px #00bcd480}.contact .contact-form textarea{resize:none;height:120px}.contact .contact-form .contact-button{background:#f9d407;color:#000;border:2px solid #f9d407;padding:12px 24px;font-size:18px;font-weight:700;border-radius:5px;transition:all .3s ease-in-out;cursor:pointer;box-shadow:0 4px 15px #f9d40780}.contact .contact-form .contact-button:hover{background:#fff;color:#f9d407;border-color:#fff;box-shadow:0 6px 20px #ffffff80;transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:#0d0d0d;color:#fff}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1200px;margin:0 auto}