﻿@media (max-width: 576px){.load_more{margin-bottom:25px}.load_more .btn{color:white !important}}@media (max-width: 1940px){body{margin:0 !important;padding:0 !important}}@media (max-width: 1940px){.container.-height-100{min-height:100vh;padding:20px}.container.-height-200{margin-left:0;padding:20px}.container.-height-300{margin-left:0;padding:20px;margin-top:50px}.text-center img{max-width:180px;margin-bottom:30px}.login-form{background:white;border-radius:12px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.1);max-width:450px;margin:0 auto}.form-control.app-inputs{height:50px;border-radius:8px;border:1px solid #ddd;padding:10px 15px;font-size:16px;margin-bottom:15px}.form-control.app-inputs:focus{border-color:#4e73df;box-shadow:0 0 0 0.2rem rgba(78,115,223,0.25)}.input-group{position:relative}.-border-radius-right{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#6c757d}.new_buttons{display:block;width:100%;padding:12px;border-radius:8px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.3s ease;margin-bottom:15px}.-bg-mustard{background-color:#f6c23e;color:white;border:none}.-bg-mustard:hover{background-color:#dda20a;color:white}.-box-shadow{box-shadow:0 4px 6px rgba(0,0,0,0.1)}.-width-100{width:100%}.-block{display:block}.form-group.text-center a{color:#4e73df;text-decoration:none;font-size:14px}.form-group.text-center a:hover{text-decoration:underline}}@media (max-width: 1940px){.login-form{padding:20px}.text-center img{max-width:150px}}@media (max-width: 1940px){.fa-eye-slash{transition:all 0.3s ease}.fa-eye{transition:all 0.3s ease}.mobile-top-bar{height:20px;padding:0 5px}.mobile-logo{height:15px}.mobile-content{margin-top:10px}.mobile-top-bar{height:60px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:fixed;top:0;left:0;right:0;z-index:1000}.mobile-logo{height:40px;width:auto}.mobile-top-bar-button{background:none;border:none;font-size:20px;color:#333;padding:10px}.hamburger-bar{width:25px;height:3px;background-color:#333;margin:4px 0;border-radius:3px}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:white;box-shadow:0 5px 10px rgba(0,0,0,0.1);z-index:999}.mobile-menu-item{display:block;padding:15px;border-bottom:1px solid #eee;color:#333;text-decoration:none}.mobile-content{margin-top:60px;padding:15px;height:calc(100vh - 60px);overflow-y:auto}.gadget-selector-bar{display:flex;align-items:center;gap:10px;padding:0 15px;margin-top:10px;margin-bottom:10px}.home-button{background:white;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1);color:#1e88e5;font-size:18px;cursor:pointer;flex-shrink:0}.gadget-selector-container{flex-grow:1}.gadget-selector{width:100%;height:40px;padding:0 15px;border-radius:20px;border:none;background:white;box-shadow:0 2px 5px rgba(0,0,0,0.1);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e88e5'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:15px;font-size:14px}.-bg-white{background-color:white !important}.container{padding:15px;margin:0 auto;box-sizing:border-box}.mobile-top-bar{margin-top:0}.mobile-content{margin-top:15px}.buttons-row{margin:15px 0;width:100%}.gadget-selector-container{width:calc(100% - 50px)}.services-container{margin-top:60px}.services-title{font-size:14px;color:white;margin-bottom:8px;font-weight:600}.services-indicator{display:flex;gap:8px;margin-bottom:15px;margin-top:15px}.service-tag{padding:8px 12px;border-radius:8px;border:none;color:white;font-size:12px;font-weight:500;cursor:pointer;flex:1;text-align:center;min-width:60px;transition:all 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;opacity:0.8}.service-tag:hover{transform:scale(1.05);opacity:1;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.service-tag.active{opacity:1;transform:scale(1.05);box-shadow:0 0 0 2px white, 0 2px 10px rgba(0,0,0,0.3);font-weight:600}.service-tag.contracted::after{content:"✓";margin-left:5px;font-size:10px}.btn-grafico-completo{display:none;margin:25px auto 15px;width:90%;max-width:300px;padding:14px 20px;background:linear-gradient(135deg, #4285F4 0%, #f52626 100%);color:white;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(66,133,244,0.3);position:relative;overflow:hidden;text-align:center;text-transform:uppercase;letter-spacing:0.5px}.btn-grafico-completo i{margin-right:10px;transition:all 0.3s ease}.btn-grafico-completo:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(66,133,244,0.4);background:linear-gradient(135deg, #1352da 0%, #2d9246 100%)}.btn-grafico-completo:active{transform:translateY(1px)}.btn-grafico-completo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);transform:translateX(-100%);transition:transform 0.6s ease}.btn-grafico-completo:hover::after{transform:translateX(100%)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (max-width: 1940px){.btn-grafico-completo.show{display:inline-block;animation:pulse 1.5s ease 2}}@media (max-width: 768px){.btn-grafico-completo{width:100%;max-width:none;padding:12px 15px;font-size:14px}}@media (max-width: 1940px){#fullEvolucionChart{width:100% !important;height:100% !important;min-height:400px}.mobile-top-bar-button i.fa-arrow-left{font-size:1.2em;color:white}.mobile-top-bar-buttons{display:flex;gap:10px}.mobile-top-bar-button{background:none;border:none;cursor:pointer;font-size:20px;padding:5px;margin-right:20px}.profile-field{transition:all 0.3s ease}.profile-field:hover{background:#edf2f7 !important;transform:translateY(-2px)}.logout-button{transition:all 0.3s ease}.logout-button:hover{background:#f52626 !important;color:white !important}}@media (max-width: 480px){.profile-card{padding:20px 15px !important}.profile-field{padding:10px 12px !important}}@media (max-width: 1940px){.login-animated-bg{position:relative;overflow:hidden;background:linear-gradient(135deg, #6e8efb 0%, #a777e3 100%)}.login-animated-bg::before,.login-animated-bg::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,0.1);z-index:0;animation:login-float-mobile 20s infinite linear}.login-animated-bg::before{top:-100px;left:-100px}.login-animated-bg::after{bottom:-100px;right:-100px;animation-delay:7s;animation-direction:reverse}}@keyframes login-float-mobile{0%{transform:translate(0, 0) rotate(0deg) scale(1)}25%{transform:translate(30px, 30px) rotate(90deg) scale(0.9)}50%{transform:translate(0, 60px) rotate(180deg) scale(1)}75%{transform:translate(-30px, 30px) rotate(270deg) scale(0.9)}100%{transform:translate(0, 0) rotate(360deg) scale(1)}}@media (max-width: 1940px){.login-wrapper{position:relative;z-index:1;width:90%;max-width:100%;padding:15px}}@media (max-width: 400px){.login-animated-bg::before,.login-animated-bg::after{width:250px;height:250px}@keyframes login-float-mobile{0%{transform:translate(0, 0) rotate(0deg) scale(1)}50%{transform:translate(20px, 40px) rotate(180deg) scale(0.95)}100%{transform:translate(0, 0) rotate(360deg) scale(1)}}}@media (max-width: 1940px){.login-form{background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2)}.password-recovery-wrapper{width:100%;max-width:450px;padding:0 20px}.password-recovery-card{background:white;border-radius:16px;padding:30px 25px;box-shadow:0 5px 25px rgba(0,0,0,0.08);width:100%}.password-recovery-title{color:white;font-size:1.5rem;text-align:center;margin-bottom:30px;font-weight:600;position:relative;padding-bottom:15px}.password-recovery-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(to right, #3a7db9, #5ab1f3);border-radius:3px}.recovery-input{height:56px;border-radius:12px;border:1px solid #e0e6f0;padding:0 20px;font-size:16px;transition:all 0.3s;margin-bottom:25px;width:100%}.recovery-input:focus{border-color:#3a7db9;box-shadow:0 0 0 3px rgba(58,125,185,0.15);outline:none}.recovery-submit{background:linear-gradient(to right, #3a7db9, #5ab1f3);border:none;border-radius:12px;height:56px;width:100%;font-size:16px;font-weight:600;color:white;transition:all 0.3s;cursor:pointer;display:block;margin-top:10px}.recovery-submit:hover{background:linear-gradient(to right, #3471a8, #4ea5e6);transform:translateY(-2px);box-shadow:0 5px 15px rgba(58,125,185,0.3)}}@media (max-width: 1940px){.password-recovery-wrapper{padding:0 15px}.password-recovery-card{padding:25px 20px}.password-recovery-title{font-size:1.3rem;margin-bottom:25px}.recovery-input,.recovery-submit{height:50px}}@media (max-width: 1940px){.back-to-login-btn{display:inline-flex;align-items:center;color:#5ab1f3;font-size:15px;font-weight:500;text-decoration:none;transition:all 0.3s ease;padding:8px 12px;border-radius:8px}.back-to-login-btn:hover{color:#3a7db9;background-color:rgba(58,125,185,0.1);transform:translateX(-3px)}.back-to-login-btn i{margin-right:8px;font-size:14px}}@media (max-width: 1940px){.back-to-login-btn{font-size:14px;padding:6px 10px}}.client-greeting{text-align:center;margin-bottom:15px;padding:10px 0;background:linear-gradient(135deg, rgba(136,187,231,0.2) 0%, rgba(245,240,240,0.2) 100%);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.2)}.greeting-text{color:white;font-size:1.5rem;font-weight:300}.client-name{color:#FFD700;font-size:1.7rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.3);margin:0 5px}.welcome-message{color:rgba(255,255,255,0.8);font-size:0.9rem;margin-top:5px;font-style:italic}@media (max-width: 768px){.greeting-text{font-size:1.3rem}.client-name{font-size:1.5rem}}.extra-info-row{transition:all 0.3s ease}.extra-info-row:hover{background-color:#f8f9fa}.remove-extra-info{transition:all 0.2s ease}.remove-extra-info:hover{transform:scale(1.1);color:#dc3545 !important}.w-200{min-width:200px}
