#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Terpel Sans}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;box-sizing:border-box}#root{height:100vh;width:100vw;min-height:100vh;min-width:100vw;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.login-bg{min-height:100vh;min-width:100vw;width:100vw;height:100vh;background:url(/assets/img_login-BSYotBfQ.png) center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:relative;overflow:hidden}.login-bg:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;pointer-events:none}.login-center-area,.login-frame,.login-content,.login-left,.login-right,.login-titles,.login-form,.visionarios-mordida,.visionarios-mejor,.visionarios-energia,.visionarios-meta,footer{position:relative;z-index:2}.login-center-area{flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-height:0;width:100vw}.login-frame{margin:0;padding:0;width:80vw;height:80vh;min-width:0;min-height:0;max-width:none;max-height:none;border:6px solid transparent;border-image:linear-gradient(135deg,#fff,#ffe259,#ffa751 60%,#e30613);border-image-slice:1;background-color:transparent;border-radius:0;box-shadow:0 4px 32px #0000002e;display:flex;align-items:center;justify-content:center}.login-content{display:flex;width:100%;height:100%;min-height:400px;justify-content:space-between;align-items:center;flex-direction:row}.login-left,.login-right{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-right{align-items:center}.login-titles{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0}.login-subtitle{font-size:1.1rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;margin-bottom:0;line-height:1.3}.login-main-title{font-size:3.5rem;font-weight:700;letter-spacing:2px;margin:0 0 8px;line-height:1}.login-meta{margin-bottom:10px}.login-meta-highlight{background:#e30613;color:#fff;padding:4px 16px;border-radius:4px;font-size:1rem;font-weight:700;letter-spacing:1px}.logo-terpel{width:90px;margin-top:18px}.logo-terpel-mobile{display:none}.logo-terpel-desktop{display:block;width:25%}.horizontal-login-form{display:flex;flex-direction:column;gap:15px;background:#ffe000;padding:5% 7% 4%;min-width:250px;width:90%;max-width:450px;box-shadow:0 2px 16px #0000001a;color:#fff;z-index:1;clip-path:polygon(0 0,95% 0,100% 30px,100% 100%,0 100%)}.form-group{display:flex;flex-direction:row;align-items:center;gap:0}.login-form label{width:40%;font-size:.8rem;font-weight:700;margin-bottom:0;color:#222;letter-spacing:0;text-align:left;padding-left:0}.login-form input[type=text],.login-form input[type=password]{flex:1 1 0;width:100%;padding:9px 14px;border:none;border-radius:3px;font-size:.7rem;background:#fff;color:#222;font-weight:500;box-shadow:0 1px 4px #0001;outline:none;transition:box-shadow .2s,border .2s;margin-left:0;text-transform:lowercase}.checkbox-group{position:relative;display:flex;align-items:center;gap:8px;font-size:1rem;margin-top:2%}.checkbox-group input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff;width:15px;height:15px;border-radius:3px;cursor:pointer;position:relative;vertical-align:middle;transition:border-color .2s}.checkbox-group input[type=checkbox]:checked{border-color:#e30613}.checkbox-group input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:5px;width:7px;height:3px;border-left:3px solid #e30613;border-bottom:3px solid #e30613;transform:rotate(-45deg)}.login-btn{background:#e30613;color:#fff;border:none;border-radius:3px;padding:8px 0;font-size:1rem;font-weight:700;cursor:pointer;margin-top:14px!important;margin-bottom:0;left:0;transform:none;display:block;width:140px;max-width:100%;transition:background .2s;letter-spacing:1px;text-align:center;align-self:center}.login-btn:hover{background:#b8000a}.login-frame+.login-btn,.login-content+.login-btn{margin-top:32px!important;margin-bottom:0;left:50%;transform:translate(-50%);display:block}.login-btn-outside{margin-top:18px!important;margin-bottom:0;left:0;transform:none;display:block;position:relative;z-index:3;width:35%;max-width:410px;align-self:center}footer{width:100vw;background:#f4f4f4;color:#222;font-size:1rem;padding:12px 0 8px;border-top:2px solid #eee;margin-top:auto}.footer-content{display:flex;justify-content:space-around;align-items:center;max-width:1000px;margin:0 auto;padding:0 32px}.footer-logo{display:flex;align-items:center;justify-content:space-around}.logo-footer{width:65px;vertical-align:middle}.visionarios-mordida{background:#e30613;color:#fff;font-weight:800;font-size:2.9rem;letter-spacing:1px;padding:0 32px;border-radius:0;margin-bottom:0;text-transform:uppercase;box-shadow:0 2px 8px #e3061322;display:block;text-align:center;width:fit-content;clip-path:polygon(0 0,95% 0,100% 30px,100% 100%,0 100%);position:relative;line-height:1.1;transform:scaleY(1.15)}.visionarios-mejor{font-weight:850;font-size:8rem;color:#fff;line-height:1.02;letter-spacing:0px;margin:-1% 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.18);text-transform:uppercase;display:block;text-align:center;transform:scaleY(1.15)}.visionarios-energia{font-weight:850;font-size:5.9rem;color:#fff;line-height:1.02;letter-spacing:4.8px;text-shadow:0 2px 8px rgba(0,0,0,.18);text-transform:uppercase;display:block;text-align:center;margin:-10px 0 0;transform:scaleY(1.25)}.visionarios-meta{background:#e30613;color:#fff;font-weight:800;font-size:1.45rem;letter-spacing:1px;padding:8px 35px;border-radius:0;margin-top:8px;margin-bottom:0;text-transform:uppercase;box-shadow:0 2px 8px #e3061322;display:block;text-align:center;width:fit-content;line-height:1.1}@media (max-width: 600px){.login-center-area{min-height:100vh;align-items:center;justify-content:center;width:100vw;padding:0;display:flex}.login-frame{width:100vw;height:auto;min-width:0;min-height:0;border-width:0;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center;margin:0;background:transparent}.login-content{flex-direction:column;align-items:center;justify-content:center;width:100vw;height:auto;min-height:0;padding:0;gap:0}.login-left,.login-right{width:100vw;min-width:0;margin:0;padding:0;align-items:center;justify-content:center}.login-titles{align-items:center;text-align:center;width:100vw;padding:0 2vw;gap:0;margin-top:-15%}.visionarios-mordida{font-size:1.2rem;padding:0 .7em;margin-bottom:.3em;width:auto;clip-path:none;border-radius:0;box-shadow:none;letter-spacing:.5px;line-height:1.1;text-align:center;background:#e30613;color:#fff;text-transform:uppercase;display:block;clip-path:polygon(0 0,97% 0,100% 12px,100% 100%,0 100%)}.visionarios-meta{width:auto;font-size:.75rem;padding:2px 10px;margin-bottom:5%;margin-top:-.5px;letter-spacing:0px}.login-error{color:#e30613;font-size:.6rem;font-weight:700;text-align:center;margin-bottom:10px;padding:0 10px;text-transform:uppercase}.visionarios-mejor{font-size:3.5rem;margin:-5px 0 2px;letter-spacing:-1.5px;text-shadow:none;text-transform:uppercase;display:block;text-align:center;word-break:break-word;font-weight:800;line-height:1;transform:scaleY(1.15)}.visionarios-energia{font-size:2.7rem;font-weight:800;line-height:1;margin:0 0 .1em -.01em;letter-spacing:.5px;text-shadow:none;text-transform:uppercase;display:block;text-align:center;word-break:break-word;transform:scaleY(1.2)}.horizontal-login-form{width:70%;gap:10px;padding:3% 5% 2% 7%;margin-bottom:10%}.form-group{flex-direction:column;align-items:stretch;width:100%;width:95%!important;max-width:350px!important}.checkbox-group{flex-direction:row;margin-top:.5%;gap:8px}.checkbox-group label{font-size:.6rem;font-weight:500;color:#222;letter-spacing:0;text-align:left;padding-left:0;margin-top:1%}.login-form label{width:100%;font-weight:790;letter-spacing:-.5px;margin-top:6px}.login-form label label{font-size:10px}.login-form input[type=text],.login-form input[type=password]{width:95%!important;font-size:11px;padding:11px 10px 8px;font-weight:300}.login-btn,.login-btn-outside{font-size:1.1rem;padding:5px 0;margin-top:12px!important;width:50%;max-width:100%;left:0;transform:none;border:none;border-radius:0;letter-spacing:-.2px;margin-top:50%}.footer-content{flex-direction:column;gap:6px;padding:0 8px;font-size:.95rem}footer{font-size:.95rem;padding:8px 0 6px}.logo-footer{width:32px}.logo-terpel-mobile{display:block!important;margin-bottom:5%;margin-top:-3%;width:50%}.logo-terpel-desktop{display:none!important}}@media (max-width: 900px){.login-frame{width:98vw;height:auto;max-width:85vw;max-height:100vh;margin-top:24px;margin-bottom:24px;padding-bottom:50px}.login-content{flex-direction:column;align-items:stretch;justify-content:flex-start;height:100vw;min-height:0;margin-bottom:24px}.login-left,.login-right{justify-content:center;align-items:center;width:100%;min-width:0;margin-bottom:24px}.login-left{margin-bottom:12px}}@media (min-width: 1100px) and (max-width: 1307px){.visionarios-mordida{font-size:2.6rem;padding:0 22px}.visionarios-mejor{font-size:7.5rem}.visionarios-energia{font-size:5.5rem}}.unauthorized-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.unauthorized-content{text-align:center;background:#fff;padding:60px 40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;width:100%}.unauthorized-icon{margin-bottom:30px}.unauthorized-content h1{color:#e30613;font-size:28px;font-weight:700;margin-bottom:20px;font-family:Terpel-Sans-Bold,Arial,sans-serif}.unauthorized-info{margin-bottom:40px}.main-message{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;line-height:1.5}.user-info{background:#f8f9fa;border-radius:10px;padding:15px;margin:20px 0;border-left:4px solid #e30613}.user-info p{margin:5px 0;color:#555;font-size:14px}.help-message{color:#666;font-size:16px;line-height:1.6;margin-top:20px}.unauthorized-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.btn-primary,.btn-secondary,.btn-logout{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:130px}.btn-primary{background-color:#e30613;color:#fff}.btn-primary:hover{background-color:#c5050f;transform:translateY(-2px)}.btn-secondary{background-color:#f8f9fa;color:#666;border:2px solid #dee2e6}.btn-secondary:hover{background-color:#e9ecef;transform:translateY(-2px)}.btn-logout{background-color:#6c757d;color:#fff}.btn-logout:hover{background-color:#5a6268;transform:translateY(-2px)}.security-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;color:#856404;font-size:12px;line-height:1.4}.security-note strong{color:#e30613}@media (max-width: 768px){.unauthorized-content{padding:40px 20px}.unauthorized-content h1{font-size:24px}.main-message{font-size:16px}.unauthorized-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary,.btn-logout{width:100%;max-width:200px}.user-info{padding:12px}.security-note{padding:12px;font-size:11px}}.home-navigation-container{width:100%;height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 15px;background:#f5f5f5;box-sizing:border-box;max-width:100vw}.home-navigation-grid{width:100%;max-width:500px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:25px;justify-items:center;align-items:center;justify-content:center;align-content:center;padding:20px;transition:all .3s ease;place-items:center}.home-navigation-grid.page-transition{opacity:.7;transform:scale(.95)}.home-nav-button{background:transparent;border:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;cursor:pointer;transition:all .3s ease;width:100%;max-width:180px;text-align:center;min-height:160px;margin-bottom:5px;-webkit-user-select:none;user-select:none}.home-nav-button:hover{transform:translateY(-3px)}.home-nav-icon-container{background:#fff;box-shadow:0 4px 15px #0000001a;border-radius:20px;width:130px;height:115px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:all .3s ease}.home-nav-button:hover .home-nav-icon-container{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.home-nav-icon-circle{width:70px;height:70px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.home-nav-icon{width:65px;height:65px;object-fit:contain}.home-nav-label{font-weight:700;color:#e30613;font-size:11px;text-align:center;letter-spacing:.3px;line-height:1.2;max-width:120px;word-break:break-word;text-transform:uppercase}.home-nav-button-empty{width:140px;min-height:150px;visibility:hidden}.home-page-dots{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:12px;align-items:center;justify-content:center}.home-dot{width:10px;height:10px;border-radius:50%;background:#d0d0d0;cursor:pointer;transition:all .3s ease}.home-dot:hover{background:#b0b0b0;transform:scale(1.1)}.home-dot.active{background:#e30613;transform:scale(1.3);box-shadow:0 2px 8px #e3061366}@media (max-width: 400px){.home-navigation-container{height:74vh;padding:0 10px;justify-content:center;align-items:center;max-width:100vw;overflow-x:hidden}.home-navigation-grid{max-width:95%;width:100%;gap:15px;padding:10px;justify-content:center;align-content:center}.home-nav-button{max-width:120px;min-height:120px;width:100%}.home-nav-icon-container{width:100px;height:90px}.home-nav-icon{width:50px;height:50px}.home-nav-label{font-size:9px;max-width:100px;line-height:1.1}.home-nav-button-empty{width:120px;min-height:120px}.home-page-dots{bottom:70px;gap:8px}.home-dot{width:6px;height:6px}}@media (min-width: 401px) and (max-width: 600px){.home-navigation-container{height:70vh;padding:0 15px}.home-navigation-grid{max-width:340px;gap:18px}.home-nav-button{width:135px;min-height:145px}.home-nav-icon-container{width:125px;height:110px}.home-nav-icon{width:60px;height:60px}.home-nav-label{font-size:10.5px;max-width:115px}.home-nav-button-empty{width:135px;min-height:145px}.home-page-dots{bottom:75px}}@media (min-width: 601px) and (max-width: 900px){.home-navigation-container{height:70vh;padding:0 20px}.home-navigation-grid{max-width:400px;gap:25px}.home-nav-button{width:160px;min-height:170px}.home-nav-icon-container{width:150px;height:130px}.home-nav-icon{width:75px;height:75px}.home-nav-label{font-size:12px;max-width:140px}.home-nav-button-empty{width:160px;min-height:170px}.home-page-dots{bottom:85px;gap:15px}.home-dot{width:12px;height:12px}}@media (min-width: 901px){.home-navigation-container{padding:0 25px;background:none}.home-navigation-grid{background:none}.home-nav-button{width:120px;min-height:190px}.home-nav-icon-container{width:120px;height:120px}.home-nav-icon{width:50px;height:50px}.home-nav-label{font-size:12px;max-width:160px}.home-nav-button-empty{width:180px;min-height:190px}.home-page-dots{bottom:60px;gap:10px;left:54%}.home-dot{width:9px;height:9px}.home-carousel-dot{width:6px;height:6px}.home-carousel-item.active .home-carousel-dot{width:8px;height:8px}.home-carousel-label{font-size:9px}}.home-navigation-grid{animation:slideIn .4s ease-out}.home-nav-button:active{transform:translateY(-1px) scale(.98)}.home-dot:active{transform:scale(1.1)}.home-navigation-container{box-sizing:border-box;max-width:100vw}.home-navigation-grid,.home-nav-button{box-sizing:border-box;width:100%}@media (max-width: 360px){.home-navigation-container{height:70vh;padding:0 8px}.home-navigation-grid{max-width:300px;gap:15px}.home-nav-button{max-width:130px;min-height:130px}.home-nav-icon-container{width:105px;height:95px}.home-nav-icon{width:50px;height:50px}.home-nav-label{font-size:9px;max-width:105px}}html{scroll-behavior:smooth}body{overflow-x:hidden}.dashboard-seguimiento-container{width:100%;padding:20px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e30613 #f0f0f0;position:relative}.dashboard-seguimiento-container::-webkit-scrollbar{width:8px}.dashboard-seguimiento-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.dashboard-seguimiento-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#a1000b);border-radius:4px;border:1px solid #d4d4d4}.dashboard-seguimiento-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a1000b,#e30613)}.metricas-container-50{width:80%;margin:0 auto;padding:0 10px;overflow-y:visible}.metricas-container-50::-webkit-scrollbar{height:6px}.metricas-container-50::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.metricas-container-50::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#a1000b);border-radius:3px}.metricas-container-50::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a1000b,#e30613)}.metricas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;max-width:100%;margin:0 auto;min-width:fit-content}@media (min-width: 1025px){.metricas-container-50:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:30px;background:linear-gradient(to bottom,transparent,rgba(227,6,19,.3),transparent);border-radius:2px;opacity:0;transition:opacity .3s ease;pointer-events:none}.metricas-container-50:hover:after{opacity:1}.metricas-container-50{position:relative}}.btn-filtro-flotante{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff;border:none;border-radius:50px;padding:16px 24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 6px 25px #e3061366;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;min-width:120px;justify-content:center}.metrica-card-kpi{animation:slideInUp .3s ease-out forwards;margin-bottom:10px}.metrica-card-kpi{background:#fff;border-radius:12px;overflow:visible;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:none;margin-bottom:10px;position:relative;cursor:pointer;min-width:200px;min-height:100px;flex-shrink:0}.metrica-header-kpi{background:#e30613;padding:8px 12px;color:#fff;font-weight:700;font-size:10px;text-align:left;letter-spacing:.5px;text-transform:uppercase;position:absolute;top:0;left:0;z-index:2;border-radius:12px 0;max-width:70%;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 100%,0 100%)}.metrica-content-kpi{padding:30px 15px 10px;background:#fff;border-radius:12px;position:relative}.metrica-datos-row{display:flex;justify-content:space-around;align-items:center;margin-bottom:10px;gap:8px}.dato-numero{display:block;font-size:16px;font-weight:700;color:#333;margin-bottom:2px}.dato-label-small{font-size:8px;color:#666;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.modal-header h2{margin:0;font-size:16px;font-weight:700;color:#e0e0e0}.detalle-tabla th{background:#e30613;color:#fff;padding:10px 8px;font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.2px;border-bottom:2px solid #b8050f}.tabla-productos th{background:#e30613!important;color:#fff!important;font-weight:700!important;text-transform:uppercase!important}.tabla-productos{overflow-x:auto!important;max-width:100%!important;border-radius:8px;box-shadow:0 2px 8px #0000001a}.tabla-productos table{width:100%!important;min-width:700px!important;border-collapse:collapse}.estado.no-implementado{background:#e30613;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.grafica-visitas-tipo{background:#f8f9fa;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:15px 0}.grafica-visitas-tipo h3{color:#e30613;font-size:16px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.barras-container-visitas{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-end;height:180px;margin:20px 0;padding:20px 10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:20px}.barra-tipo-visita{display:flex;flex-direction:column;align-items:center;width:80px;position:relative;flex:1;max-width:100px}.barra-visual-visita{width:50px;height:120px;background:#f0f0f0;border-radius:8px 8px 4px 4px;position:relative;display:flex;align-items:flex-end;order:1;box-shadow:0 2px 4px #0000001a;overflow:hidden;border:2px solid #fff}.barra-fill-visita{width:100%;border-radius:8px 8px 4px 4px;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:8px;position:relative;box-shadow:0 -2px 8px #0003}.barra-valor-visita{font-size:14px;font-weight:700;margin:8px 0 5px;color:#333;order:2;text-align:center}.barra-label-visita{font-size:11px;font-weight:600;margin-top:5px;text-align:center;color:#666;text-transform:uppercase;order:3;line-height:1.2;letter-spacing:.5px;word-wrap:break-word;max-width:100%;min-height:30px;display:flex;align-items:center;justify-content:center}.barra-tipo-visita:hover .barra-visual-visita{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.barra-tipo-visita:hover .barra-fill-visita{box-shadow:0 -3px 12px #0000004d}.barra-tipo-visita:hover .barra-valor-visita{color:#e30613;transform:scale(1.05)}.barra-fill-visita{animation:fillUpVisitas .8s ease-out forwards}@keyframes fillUpVisitas{0%{height:0;opacity:.7}to{opacity:1}}@media (max-width: 1024px) and (min-width: 769px){.barras-container-visitas{height:160px;gap:15px;padding:15px 8px;display:none}.barra-tipo-visita{width:70px;max-width:90px}.barra-visual-visita{width:45px;height:100px}.barra-label-visita{font-size:10px;min-height:25px}}@media (max-width: 768px){.barras-container-visitas{height:140px;padding:15px 5px;gap:10px;justify-content:center}.barra-tipo-visita{width:60px;flex:0 0 60px;max-width:70px}.barra-visual-visita{width:35px;height:80px}.barra-valor-visita{font-size:12px;margin:6px 0 4px}.barra-label-visita{font-size:9px;min-height:20px;padding:0 2px;line-height:1.1}}@media (max-width: 480px){.barras-container-visitas{height:120px;padding:10px 3px;gap:8px}.barra-tipo-visita{width:50px;flex:0 0 50px;max-width:60px}.barra-visual-visita{width:30px;height:70px}.barra-valor-visita{font-size:11px;margin:5px 0 3px}.barra-label-visita{font-size:8px;min-height:18px;padding:0 1px}}@media (max-width: 768px){.metricas-container-50{width:100%;padding:20px 3px}.metricas-grid{grid-template-columns:1fr 1fr;gap:8px}.dashboard-seguimiento-container{padding:8px 8px 120px}.pdv-seleccionado-info,.pdv-filtro-elegante{margin-bottom:20px;padding:12px 15px}.pdv-filtro-contenido{gap:12px}.pdv-filtro-icono{font-size:20px;width:38px;height:38px;padding:6px}.pdv-filtro-titulo{font-size:11px}.pdv-filtro-nombre{font-size:14px}.pdv-filtro-direccion{font-size:12px}.pdv-filtro-cerrar{width:28px;height:28px;font-size:12px}.pdv-info-content h3{font-size:14px}.filtro-pdv-flotante{bottom:40px;right:20px}.btn-filtro-flotante{padding:14px 18px;font-size:12px;min-width:100px}.filtro-panel{margin:10px;max-height:85vh;border-radius:12px}.modal-detalle{max-width:98vw;max-height:95vh;margin:1vh auto;border-radius:12px}.modal-body{padding:12px;max-height:calc(95vh - 70px)}.tabla-container{margin-bottom:15px;overflow-x:auto}.tabla-container h3{font-size:13px;padding:0 5px}.detalle-tabla{min-width:100%;font-size:10px}.detalle-tabla td{padding:6px 4px;font-size:9px}.detalle-tabla th:nth-child(2),.detalle-tabla td:nth-child(2){padding-left:8px!important;max-width:120px;overflow:hidden;text-overflow:ellipsis}.tabla-pdv-galonaje th,.tabla-pdv-galonaje td{padding:6px 3px!important;font-size:8px!important}.barras-container-popup{height:200px;padding:20px 15px;margin:20px 0;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:35px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;overflow-y:hidden}.barra-segmento-popup{width:90px;min-width:90px;flex:0 0 90px;display:flex;flex-direction:column;align-items:center;height:100%;text-align:center}.barra-visual-popup{width:50px;height:120px;background:#f0f0f0;border-radius:8px 8px 4px 4px;box-shadow:0 3px 6px #00000026;overflow:hidden;border:2px solid #fff;position:relative;display:flex;align-items:flex-end;margin:8px 0}.barra-fill{width:100%;transition:height .4s ease-in-out;border-radius:0 0 4px 4px}.barra-valor{font-size:12px;font-weight:700;color:#333;text-align:center;margin:4px 0;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2}.barra-label{font-size:14px;font-weight:700;color:#e30613;text-align:center;margin:4px 0;line-height:1.2}.barra-info{font-size:10px;color:#666;text-align:center;margin:4px 0;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2}.tabla-productos{overflow-x:auto;display:block;max-width:100%;border-radius:8px}.tabla-productos table{width:100%;min-width:600px}.tabla-productos .producto-nombre{font-size:11px;max-width:200px;word-wrap:break-word;line-height:1.3;padding:8px 6px}.tabla-productos th,.tabla-productos td{padding:8px 10px;font-size:11px;text-align:left}.tabla-productos th:last-child,.tabla-productos td:last-child{text-align:center}.detalle-tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;font-size:12px}.detalle-tabla th{padding:10px 8px;font-size:11px;background:#f8f9fa;font-weight:600;text-align:left;border-bottom:2px solid #dee2e6}.detalle-tabla td{padding:10px 8px;font-size:11px;border-bottom:1px solid #dee2e6;word-wrap:break-word;max-width:200px}.detalle-tabla tbody tr:hover{background-color:#f8f9fa}.tabla-container{overflow-x:auto;margin:15px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.galonaje-productos-container{margin-top:15px;padding:0 10px}.galonaje-productos-container h3{font-size:14px;margin-bottom:12px}.tabla-productos-centrada{max-width:100%;overflow-x:auto}.tabla-galonaje-productos{min-width:350px}.tabla-galonaje-productos th,.tabla-galonaje-productos td{padding:10px 8px;font-size:10px}.tabla-galonaje-productos th:first-child,.tabla-galonaje-productos td:first-child{padding-left:12px}.popup-filtro-info{font-size:10px;padding:8px 12px}.productos-limitados-note{font-size:9px;padding:6px 10px}.filtro-activo-indicator{font-size:10px;padding:6px 12px}.datos-filtrados-msg{font-size:10px;padding:8px 12px}}.barras-container-visitas{height:160px;padding:15px 20px;gap:12px;justify-content:center}.barra-valor-visita{font-size:12px}.barra-label-visita{font-size:9px;min-height:25px;padding:0 1px}.metrica-card-kpi{margin-bottom:10px}.metrica-header-kpi{padding:8px 12px;font-size:10px}.metrica-titulo-kpi{font-weight:700;font-size:10px}.metrica-content-kpi{padding:30px 15px 10px}.dato-numero{font-size:16px;margin-bottom:2px}.dato-label-small{font-size:8px}.metrica-datos-row{margin-bottom:10px;gap:8px}.metricas-container-50{width:80%}.metricas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}@media (max-width: 768px){.metricas-container-50{width:100%;padding:0 3px}.metricas-grid{grid-template-columns:1fr 1fr;gap:8px}.metrica-card-kpi{margin-bottom:8px;border-radius:8px}.metrica-header-kpi{padding:6px 10px;font-size:9px;border-radius:8px 0}.metrica-content-kpi{padding:25px 10px 8px}.dato-numero{font-size:14px}.dato-label-small{font-size:7px}.metrica-datos-row{margin-bottom:8px;gap:5px}.dashboard-seguimiento-container{padding:8px 8px 120px}}@media (max-width: 480px){.metricas-grid{grid-template-columns:1fr 1fr;gap:6px}.metrica-content-kpi{padding:22px 8px 6px}.dato-numero{font-size:12px}.dato-label-small{font-size:6px}.metrica-header-kpi{padding:5px 8px;font-size:8px}.dashboard-seguimiento-container{padding:6px 6px 140px}}@media (min-width: 769px) and (max-width: 1024px){.metricas-container-50{width:90%;padding:20px 15px}.metricas-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width: 1025px){.metricas-container-50{width:85%;padding:20px 15px}.metricas-grid{grid-template-columns:repeat(4,1fr);gap:15px}.metrica-card-kpi{margin-bottom:12px}.dashboard-seguimiento-container{max-height:95vh;overflow-y:auto}.dashboard-seguimiento-container::-webkit-scrollbar{width:10px}.dashboard-seguimiento-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:5px;border:1px solid #e9ecef}.dashboard-seguimiento-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#a1000b);border-radius:5px;border:1px solid #d4d4d4}.dashboard-seguimiento-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a1000b,#e30613);box-shadow:0 2px 4px #e306134d}.metricas-container-50{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e30613 #f0f0f0}}.puntos-obtenidos-label{padding:4px 0}.puntos-label-text{font-size:8px;color:#ef0d0d;font-style:italic;text-transform:uppercase;letter-spacing:.3px}.estado{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent;transition:all .3s ease}.estado.implementado{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-color:#28a745;box-shadow:0 2px 8px #28a7454d}.estado.no-implementado{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff;border-color:#dc3545;box-shadow:0 2px 8px #dc35454d}.tipo-visita{display:inline-block;padding:4px 10px;border-radius:16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px;border:1px solid transparent;transition:all .3s ease}.tipo-visita.precio-volumen{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff;border-color:#e30613;box-shadow:0 2px 6px #e306134d}.tipo-visita.volumen{background:linear-gradient(135deg,#ff6b35,#ffa726);color:#fff;border-color:#ff6b35;box-shadow:0 2px 6px #ff6b354d}.tipo-visita.precio{background:linear-gradient(135deg,#f7931e,#ffb74d);color:#fff;border-color:#f7931e;box-shadow:0 2px 6px #f7931e4d}.tipo-visita.frecuencia{background:linear-gradient(135deg,#00a651,#4caf50);color:#fff;border-color:#00a651;box-shadow:0 2px 6px #00a6514d}.porcentaje{font-weight:700;padding:2px 6px;border-radius:12px;font-size:12px}.porcentaje.alto{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.porcentaje.bajo{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.estado:hover,.tipo-visita:hover,.porcentaje:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.pdv-productos-section{margin-bottom:30px;border:1px solid #e0e6ed;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000f}.pdv-productos-titulo{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px 16px;margin:0;font-size:14px;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:12px}.tipo-visita-small{display:inline-block;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-left:auto}.tipo-visita-small.precio-volumen{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff}.tipo-visita-small.volumen{background:linear-gradient(135deg,#ff6b35,#ffa726);color:#fff}.tipo-visita-small.precio{background:linear-gradient(135deg,#f7931e,#ffb74d);color:#fff}.tipo-visita-small.frecuencia{background:linear-gradient(135deg,#00a651,#4caf50);color:#fff}.tabla-productos-actividad{margin:0;border:none}.tabla-productos-actividad th{background:#f8f9fa;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:#495057;border-bottom:2px solid #dee2e6;padding:8px 12px}.tabla-productos-actividad td{padding:10px 12px;font-size:12px;border-bottom:1px solid #f1f3f4}.tabla-productos-actividad tbody tr:hover{background:#e3061305}.tabla-productos-actividad tbody tr:last-child td{border-bottom:none}.precio-real{font-weight:600;padding:3px 8px;border-radius:12px;font-size:11px}.precio-real.precio-bajo{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.precio-real.precio-alto{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}@media (max-width: 768px){.pdv-productos-titulo{font-size:12px;padding:10px 12px;flex-direction:column;align-items:flex-start;gap:8px}.tipo-visita-small{margin-left:0;align-self:flex-start}.tabla-productos-actividad{font-size:10px}.tabla-productos-actividad th,.tabla-productos-actividad td{padding:6px 8px}}.sin-datos-mensaje{display:flex;align-items:center;justify-content:center;height:100px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.sin-datos-mensaje p{color:#6c757d;font-size:14px;margin:0;font-style:italic}.sin-datos{text-align:center;padding:20px;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:4px}.detalle-tabla{width:100%;border-collapse:collapse;margin-top:15px}.detalle-tabla th{background-color:#f0f0f0;padding:10px;text-align:left;border-bottom:2px solid #ddd}.detalle-tabla td{padding:10px;border-bottom:1px solid #eee}.estado{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500}.implementado{background-color:#e6f7ed;color:#00a651}.no-implementado{background-color:#ffecec;color:#e30613}.detalle-content{padding:10px;max-height:70vh;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-detalle{background-color:#fff;border-radius:8px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.4rem;color:#333}.close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#777}.modal-body{padding:20px}@media (max-width: 768px){.metricas-container-50{width:100%}.modal-detalle{width:95%;max-height:95vh}}.error-container{text-align:center;padding:30px;background-color:#fff5f5;border:1px solid #ffcccc;border-radius:8px;margin:20px auto;max-width:600px;color:#e30613}.error-container p{margin-bottom:20px;font-weight:500}.btn-reload{background-color:#e30613;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.btn-reload:hover{background-color:#b30510}.loading-container{display:flex;justify-content:center;align-items:center;padding:50px;font-size:1.2rem;color:#666;text-align:center;min-height:300px;background-color:#f9f9f9;border-radius:8px;margin:20px auto;max-width:600px}.dashboard-seguimiento-container{height:95vh;overflow-y:scroll!important}.dashboard-seguimiento-container::-webkit-scrollbar{width:12px;background:#0000000d}.dashboard-seguimiento-container::-webkit-scrollbar-track{background:#0000000d;border-radius:6px;margin:4px 0}.dashboard-seguimiento-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e30613,#a1000b);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.dashboard-seguimiento-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a1000b,#e30613)}@supports (scrollbar-width: thin){.dashboard-seguimiento-container{scrollbar-width:thin;scrollbar-color:#e30613 rgba(0,0,0,.05)}}@media (min-width: 1400px){.metricas-container-50{width:90%;max-width:1200px}.metricas-grid{grid-template-columns:repeat(5,1fr);gap:20px}}@media (max-width: 768px){.dashboard-seguimiento-container{padding:10px}.metricas-container-50{width:100%;padding:0 5px}}.grafica-frecuencia-visitas{background:#f8f9fa;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:15px 0}.grafica-frecuencia-visitas h3{color:#00a651;font-size:16px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.tabla-frecuencia-visitas{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;font-size:12px}.tabla-frecuencia-visitas th{padding:12px 10px;background:#00a651;color:#fff;font-weight:600;text-align:left;border-bottom:2px solid #dee2e6}.tabla-frecuencia-visitas td{padding:12px 10px;border-bottom:1px solid #dee2e6}.tabla-frecuencia-visitas tbody tr:hover{background-color:#00a6510d}.estadisticas-frecuencia{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.estadistica-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;flex:1;min-width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.estadistica-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}.estadistica-valor{font-size:24px;font-weight:700;color:#00a651;margin:0}.estadistica-label{font-size:12px;color:#666;text-transform:uppercase;text-align:center;margin-top:5px;letter-spacing:.5px}.tendencia-indicador{display:flex;align-items:center;margin-top:5px;font-size:11px}.tendencia-positiva{color:#00a651}.tendencia-negativa{color:#e30613}.leyenda-frecuencia{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.leyenda-frecuencia-item{display:flex;align-items:center;font-size:10px;background:#f8f9fa;padding:5px 8px;border-radius:4px}.leyenda-frecuencia-color{width:12px;height:12px;border-radius:50%;margin-right:8px;flex-shrink:0}.color-alta-frecuencia{background:#00a651}.color-media-frecuencia{background:#8bc34a}.color-baja-frecuencia{background:#cddc39}.resumen-frecuencia-visitas{background:linear-gradient(135deg,#00a651,#4caf50);color:#fff;border-radius:8px;padding:15px;box-shadow:0 4px 15px #00a6514d;margin-top:20px;text-align:center}.resumen-frecuencia-visitas h4{margin:0 0 5px;font-size:14px;font-weight:600}.promedio-visitas-numero{font-size:28px;font-weight:700;margin:5px 0}.promedio-visitas-label{font-size:11px;opacity:.9}.frecuencia-donut-chart{position:relative;width:150px;height:150px;margin:20px auto}.donut-chart-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.donut-chart-valor{font-size:18px;font-weight:700;color:#00a651;margin:0}.donut-chart-label{font-size:10px;color:#666;margin:0}.donut-chart-segment{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;clip-path:polygon(50% 50%,100% 0,100% 100%,50% 100%)}@media (max-width: 992px){.estadisticas-frecuencia{gap:10px}.estadistica-card{min-width:160px;padding:12px}.estadistica-valor{font-size:20px}}@media (max-width: 768px){.grafica-frecuencia-visitas{padding:15px}.leyenda-frecuencia{grid-template-columns:repeat(2,1fr)}.tabla-frecuencia-visitas th,.tabla-frecuencia-visitas td{padding:10px 8px;font-size:11px}}@media (max-width: 576px){.estadisticas-frecuencia{flex-direction:column}.estadistica-card{min-width:100%}.leyenda-frecuencia{grid-template-columns:1fr}.frecuencia-donut-chart{width:120px;height:120px}.donut-chart-hole{width:60px;height:60px}}.grafica-precios{background:#f8f9fa;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:15px 0}.grafica-precios h3{color:#e30613;font-size:16px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.tabla-precios{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;font-size:12px}.tabla-precios th{padding:12px 10px;background:#e30613;color:#fff;font-weight:600;text-align:left;border-bottom:2px solid #dee2e6}.tabla-precios td{padding:12px 10px;border-bottom:1px solid #dee2e6}.tabla-precios tbody tr:hover{background-color:#e306130d}.estado-precios-resumen{background:#f8f9fa;border-radius:8px;padding:15px;margin:10px 0 20px;text-align:center}.estado-precios-resumen h4{color:#e30613;margin:0 0 10px;font-size:16px}.pdvs-con-precio{font-weight:700;color:#333;font-size:14px}.porcentaje-precio{display:inline-block;padding:3px 8px;border-radius:10px;color:#fff;font-weight:600;font-size:12px;background:#e30613;margin-left:10px}.estado-precio{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;white-space:nowrap}.reportados{background:#00a65126;color:#00a651;border:1px solid rgba(0,166,81,.3)}.no-reportados{background:#e3061326;color:#e30613;border:1px solid rgba(227,6,19,.3)}.estado-mystery{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;white-space:nowrap}.estado-mystery.aceptado{background:#00a65126;color:#00a651;border:1px solid rgba(0,166,81,.3)}.estado-mystery.no-aceptado{background:#e3061326;color:#e30613;border:1px solid rgba(227,6,19,.3)}.estado-mystery.sin-visita{background:#80808026;color:#666;border:1px solid rgba(128,128,128,.3)}.ultimos-precios{margin-top:20px}.ultimos-precios h4{color:#e30613;font-size:14px;margin-bottom:15px;text-align:center}.precio-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 2px 6px #00000014;transition:all .3s ease}.precio-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.precio-header{display:flex;justify-content:space-between;margin-bottom:6px}.precio-pdv{font-weight:600;color:#333;font-size:12px}.precio-fecha{font-size:10px;color:#666}.precio-detalle{display:flex;align-items:center;justify-content:space-between}.precio-producto{font-size:11px;color:#555}.precio-valor{font-weight:700;color:#e30613;font-size:14px}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px}.producto-card{background:#fff;padding:10px;border-radius:8px;text-align:center;box-shadow:0 2px 5px #00000014}.producto-nombre{font-size:11px;color:#333;font-weight:600;margin-bottom:5px}.producto-pdvs{font-size:14px;color:#e30613;font-weight:700}.producto-registros{font-size:10px;color:#666}@media (max-width: 768px){.tabla-precios th,.tabla-precios td{padding:10px 8px;font-size:11px}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width: 576px){.tabla-precios th,.tabla-precios td{padding:8px 6px;font-size:10px}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.estado-precio{padding:2px 4px;font-size:9px}}.download-buttons-container{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;align-items:center}.download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#00a651,#008a44);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;min-width:180px;justify-content:center;box-shadow:0 4px 8px #00a6514d;position:relative;overflow:hidden}.download-btn:hover{background:linear-gradient(135deg,#008a44,#00a651);transform:translateY(-3px);box-shadow:0 6px 12px #00a65166}.download-btn:active{transform:translateY(-1px);box-shadow:0 4px 8px #00a6514d}.download-btn:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.download-btn:hover:before{left:100%}.download-icon{font-size:18px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.download-btn:hover .download-icon{animation:none;transform:scale(1.2)}.modal-download-btn{background:linear-gradient(135deg,#e30613,#c50511);margin-bottom:15px;width:100%;justify-content:center;font-size:15px;padding:12px 20px}.modal-download-btn:hover{background:linear-gradient(135deg,#c50511,#e30613)}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.download-btn-tooltip{position:relative}.download-btn-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.download-btn-tooltip:hover:after{opacity:1}@media (max-width: 768px){.download-buttons-container{justify-content:center;margin-bottom:15px}.download-btn{font-size:13px;padding:8px 12px;min-width:120px}.modal-download-btn{font-size:14px;padding:10px 16px}}.dashboard-download-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px;border-radius:10px;margin-bottom:20px;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.dashboard-download-title{font-size:16px;font-weight:600;color:#495057;margin-bottom:10px;display:flex;align-items:center;gap:8px}.dashboard-download-title:before{content:"📊";font-size:18px}.download-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.download-success{animation:downloadSuccess .5s ease-in-out}@keyframes downloadSuccess{0%{transform:scale(1);background:linear-gradient(135deg,#00a651,#008a44)}50%{transform:scale(1.05);background:linear-gradient(135deg,#28a745,#20c997)}to{transform:scale(1);background:linear-gradient(135deg,#00a651,#008a44)}}.historial-download-container{margin-top:20px;padding:15px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:8px;border:1px solid #f39c12}.historial-download-title{font-size:14px;font-weight:600;color:#8b6914;margin-bottom:10px;display:flex;align-items:center;gap:8px}.historial-download-title:before{content:"📋";font-size:16px}.historial-download-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;width:100%;justify-content:center}.historial-download-btn:hover{background:linear-gradient(135deg,#e67e22,#f39c12);transform:translateY(-1px)}.historial-download-btn:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none}.reportes-section{margin:20px 0;padding:0 10px}.reportes-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e67e22;border-radius:15px;padding:20px;text-align:center;box-shadow:0 4px 8px #e67e221a;display:flex;justify-content:center}.reportes-title{color:#e67e22;font-size:18px;font-weight:700;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.reporte-usuarios-btn{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;min-width:280px;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 6px 12px #e67e224d;margin:0 auto;text-transform:uppercase;letter-spacing:.5px}.reporte-usuarios-btn:hover:not(:disabled){background:linear-gradient(135deg,#d35400,#e67e22);transform:translateY(-3px);box-shadow:0 8px 16px #e67e2266}.reporte-usuarios-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px #e67e224d}.reporte-usuarios-btn:disabled{background:linear-gradient(135deg,#34495e,#2c3e50);cursor:not-allowed;transform:none;box-shadow:0 4px 8px #34495e4d}.loading-spinner-black{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#fff5f5;color:#e53e3e;border:1px solid #feb2b2;border-radius:8px;padding:12px 16px;margin-top:15px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff}.loading-overlay .loading-spinner-big{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-overlay .loading-text{font-size:18px;font-weight:600;text-align:center}@media (max-width: 768px){.reportes-container{padding:15px;margin:0 5px}.reportes-title{font-size:16px}.reporte-usuarios-btn,.implementaciones-btn{min-width:100%;padding:12px 20px;font-size:14px}}.implementaciones-btn{background:linear-gradient(135deg,#e67e22,#d35400);border:none;color:#fff;font-weight:600;transition:all .3s ease;margin-top:10px}.implementaciones-btn:hover{background:linear-gradient(135deg,#d68910,#c0392b);transform:translateY(-2px);box-shadow:0 6px 20px #e67e224d}.implementaciones-btn:active{transform:translateY(0)}.implementaciones-btn:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:none}.acceso-denegado-mensaje{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border-radius:10px;font-size:14px;font-weight:500;text-align:center;box-shadow:0 4px 8px #f39c124d;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:400px;margin:0 auto}.acceso-denegado-mensaje .info-icon{font-size:16px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.acceso-denegado-mensaje span:last-child{flex:1;text-align:left}@media (max-width: 768px){.acceso-denegado-mensaje{font-size:13px;padding:10px 16px;max-width:100%}}.download-btn-red{background:linear-gradient(135deg,#d32f2f,#b71c1c)!important;border:2px solid #d32f2f!important;box-shadow:0 4px 8px #d32f2f4d!important}.download-btn-red:hover{background:linear-gradient(135deg,#b71c1c,#d32f2f)!important;transform:translateY(-3px);box-shadow:0 6px 12px #d32f2f66!important;border-color:#b71c1c!important}.download-btn-red:active{transform:translateY(-1px);box-shadow:0 4px 8px #d32f2f4d!important}.download-btn-red:disabled{background:linear-gradient(135deg,#ccc,#999)!important;border-color:#ccc!important;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a!important}.download-btn-red .loading-spinner{width:16px!important;height:16px!important;border-width:2px!important}@media (max-width: 768px){.download-buttons-container{flex-direction:column;align-items:stretch}.download-btn-red{margin-left:0!important;margin-top:10px;min-width:100%!important}}.pdv-main-box{width:100%;max-width:420px;margin:0 auto;padding:16px 8px 0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.pdv-row{display:flex;align-items:center;gap:10px;width:100%}.pdv-row-fecha,.pdv-row-foto{display:flex;align-items:center;gap:10px;margin-bottom:15px}.pdv-row-fecha,.pdv-row-foto{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;margin-bottom:15px}.pdv-row-foto .pdv-label{min-width:90px;flex-shrink:0;line-height:1.1;font-size:11px}.pdv-row-checkbox{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:18px;padding:15px 0;border-radius:12px;border:1px solid #e9ecef;position:relative;overflow:hidden}.pdv-row-checkbox:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e30613,#ff4757);border-radius:12px 12px 0 0}.checkbox-container{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.4;padding:0 15px;width:100%;transition:all .3s ease;position:relative}.checkbox-container:hover{transform:translateY(-1px)}.checkbox-container:hover .checkbox-checkmark{border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.checkbox-input{display:none}.checkbox-checkmark{width:22px;height:22px;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .3s ease;flex-shrink:0;margin-top:2px;position:relative;box-shadow:0 2px 4px #0000001a}.checkbox-input:checked+.checkbox-checkmark{background:linear-gradient(135deg,#e30613,#ff4757);border-color:#e30613;transform:scale(1.05);box-shadow:0 4px 12px #e306134d}.checkbox-input:checked+.checkbox-checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:checkmark-bounce .3s ease}@keyframes checkmark-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes checkbox-pulse{0%{box-shadow:0 4px 12px #e306134d}50%{box-shadow:0 4px 20px #e3061380}to{box-shadow:0 4px 12px #e306134d}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.checkbox-label{color:#495057;font-weight:500;display:flex;flex-direction:column;gap:4px}.checkbox-input:checked+.checkbox-checkmark{background:linear-gradient(135deg,#e30613,#ff4757);border-color:#e30613;transform:scale(1.05);box-shadow:0 4px 12px #e306134d;animation:checkbox-pulse 2s ease-in-out infinite}.pdv-row-checkbox:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(-45deg,#e30613,#ff4757,#e30613,#ff4757);background-size:400% 400%;border-radius:12px 12px 0 0;animation:gradient-shift 3s ease infinite}.checkbox-label small{display:block;color:#6c757d!important;font-size:12px!important;margin-top:4px!important;font-weight:400!important;padding:6px 12px;background:#e306130d;border-radius:20px;border:1px solid rgba(227,6,19,.1);transition:all .3s ease}.checkbox-input:checked~.checkbox-label small{background:#e306131a;color:#e30613!important;border-color:#e3061333}.pdv-label{font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pdv-input-codigo{flex:1;background:#e30613;color:#fff;border-radius:10px;border:none;font-size:12px;padding:6px 10px;text-align:center;outline:none;letter-spacing:1px;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;font-weight:600;box-shadow:0 2px 8px #e3061333}.pdv-input-corresponde{flex:1;background:#f8f9fa;color:#6c757d;border-radius:10px;border:1px solid #e0e0e0;font-size:12px;padding:6px 10px;text-align:center;outline:none;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;box-shadow:0 2px 4px #0000001a}.pdv-input-codigo:focus{box-shadow:0 0 0 3px #e306134d,0 2px 8px #e3061333}.pdv-input-codigo:hover{box-shadow:0 4px 12px #e306134d}.pdv-input-corresponde:focus{border-color:#e30613;box-shadow:0 0 0 3px #e306131a,0 2px 8px #00000026;background:#fff}.pdv-input-corresponde:hover{border-color:#999;background:#fff;box-shadow:0 2px 8px #00000026}.pdv-forgot-code{text-align:center;margin:15px 0}.pdv-forgot-link{display:inline-block;text-align:center;background:transparent;border:2px solid #e30613;color:#e30613;padding:8px 20px;border-radius:25px;font-family:Terpel Sans,Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;max-width:250px}.pdv-forgot-link:hover{background:#e30613;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #e3061333}.pdv-info-container{background:#f8f9fa;border-radius:10px;padding:15px;border-left:4px solid #e30613;margin-bottom:15px;margin-top:15px}.pdv-info-container h3{color:#e30613;margin:0;font-size:1.1rem;font-weight:600;font-family:Terpel Sans,Arial,sans-serif}.pdv-info-container p{color:#666;margin:5px 0 0;font-size:.9rem;font-family:Terpel Sans,Arial,sans-serif}.pdv-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-red{width:40px;height:40px;border:4px solid rgba(227,6,19,.3);border-top:4px solid #e30613;border-radius:50%;animation:spin 1s linear infinite}.volume-actions{display:flex;justify-content:center;align-items:center;padding:20px 10px 40px;margin-top:20px;width:100%;position:relative;min-height:80px;clear:both}.btn-cargar-registro{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:50px;padding:14px 28px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #dc35454d;min-width:180px;height:48px;display:flex;align-items:center;justify-content:center;white-space:nowrap;display:none}@media (min-width: 768px) and (max-width: 1023px){.btn-cargar-registro{padding:15px 30px;font-size:14px;min-width:200px;height:50px}.volume-actions{padding:30px 20px 50px;margin-top:25px;min-height:100px}.pdv-main-box{padding-bottom:100px}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.btn-cargar-registro{padding:12px 24px;font-size:13px;min-width:180px;height:46px}.volume-actions{padding:25px 15px 40px;margin-top:20px;min-height:80px}.pdv-main-box{padding-bottom:80px}}@media (max-width: 767px){.btn-cargar-registro{padding:12px 20px;font-size:12px;min-width:160px;height:44px}.volume-actions{padding:20px 10px 35px;margin-top:15px;min-height:70px}.pdv-main-box{padding-bottom:80px}}.visitas-content .volume-actions{padding:25px 15px 40px;margin-top:20px;min-height:85px}.visitas-content .btn-cargar-registro{min-width:180px;height:48px}@media (min-width: 768px) and (max-width: 1023px){.visitas-content .volume-actions{padding:30px 20px 50px;margin-top:25px;min-height:100px}.visitas-content .btn-cargar-registro{padding:15px 30px;font-size:14px;min-width:200px;height:50px}}@media (max-width: 767px){.visitas-content .volume-actions{padding:20px 10px 35px;margin-top:15px;min-height:70px}.visitas-content .btn-cargar-registro{padding:12px 20px;font-size:12px;min-width:160px;height:44px}}.pdv-main-box:has(.implementation-section){padding-bottom:180px!important;min-height:calc(100vh - 60px)!important}.pdv-main-box.with-implementation{padding-bottom:180px!important;min-height:calc(100vh - 60px)!important}@media (min-width: 768px) and (max-width: 1023px){.pdv-main-box:has(.implementation-section),.pdv-main-box.with-implementation{padding-bottom:220px!important;min-height:calc(100vh - 40px)!important;overflow-y:auto!important}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.pdv-main-box:has(.implementation-section),.pdv-main-box.with-implementation{padding-bottom:200px!important;min-height:calc(100vh - 20px)!important;overflow-y:auto!important}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 800px){.pdv-main-box:has(.implementation-section),.pdv-main-box.with-implementation{padding-bottom:180px!important;min-height:calc(100vh - 10px)!important;overflow-y:auto!important}}@media (max-width: 767px){.pdv-main-box:has(.implementation-section),.pdv-main-box.with-implementation{padding-bottom:160px!important;min-height:calc(100vh - 50px)!important;overflow-y:auto!important}}.implementation-section button[style*="width: 100%"]{margin-bottom:60px!important;position:relative!important;z-index:10!important}.implementation-section{padding-bottom:80px!important;margin-bottom:40px!important}.implementation-section p,.implementation-section div{margin-bottom:20px!important}@media (min-width: 768px) and (max-width: 1023px){.implementation-section button[style*="width: 100%"]{margin-bottom:80px!important;padding:18px 35px!important;font-size:16px!important;min-height:52px!important}.implementation-section{padding-bottom:100px!important;margin-bottom:60px!important}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.implementation-section button[style*="width: 100%"]{margin-bottom:70px!important;padding:16px 30px!important;font-size:15px!important;min-height:48px!important}.implementation-section{padding-bottom:90px!important;margin-bottom:50px!important}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 800px){.implementation-section button[style*="width: 100%"]{margin-bottom:60px!important;padding:14px 25px!important;font-size:14px!important;min-height:46px!important}.implementation-section{padding-bottom:80px!important;margin-bottom:40px!important}}@media (max-width: 767px){.implementation-section button[style*="width: 100%"]{margin-bottom:50px!important;padding:14px 25px!important;font-size:14px!important;min-height:46px!important}.implementation-section{padding-bottom:70px!important;margin-bottom:30px!important}}.btn-add-product{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc35454d;display:flex;align-items:center;gap:8px;text-transform:uppercase;@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}letter-spacing:.5px}.btn-add-product .agregar-producto-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.btn-add-product .agregar-producto-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;width:90vw;max-width:500px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.btn-add-product .agregar-producto-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:20px 25px;display:flex;align-items:center;justify-content:space-between}.btn-add-product .agregar-producto-header h2{margin:0;font-size:20px;font-weight:600}.btn-add-product .agregar-producto-close{background:none;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-add-product .agregar-producto-close:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.btn-add-product .agregar-producto-close:disabled{opacity:.5;cursor:not-allowed}.btn-add-product .agregar-producto-content{padding:25px;max-height:60vh;overflow-y:auto}.btn-add-product .agregar-producto-info{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.btn-add-product .info-item{display:flex;align-items:center;gap:8px}.btn-add-product .info-label{font-weight:600;color:#495057;font-size:14px}.btn-add-product .info-value{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.btn-add-product .agregar-producto-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:12px 15px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.btn-add-product .agregar-producto-loading{text-align:center;padding:40px 20px;color:#6c757d}.btn-add-product .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #dc3545;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.btn-add-product .agregar-producto-form{display:flex;flex-direction:column;gap:20px}.btn-add-product .form-group{display:flex;flex-direction:column;gap:8px}.btn-add-product .form-group label{font-weight:600;color:#495057;font-size:14px}.btn-add-product .producto-select,.btn-add-product .cantidad-input{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.btn-add-product .producto-select:focus,.btn-add-product .cantidad-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.btn-add-product .producto-select:disabled,.btn-add-product .cantidad-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.btn-add-product .producto-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.btn-add-product .cantidad-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.btn-add-product .cantidad-input[type=number]::-webkit-outer-spin-button,.btn-add-product .cantidad-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.btn-add-product .agregar-producto-footer{background:#f8f9fa;padding:20px 25px;display:flex;gap:15px;justify-content:flex-end;border-top:1px solid #dee2e6}.btn-add-product .btn-cancelar,.btn-add-product .btn-agregar{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-add-product .btn-cancelar{background:#6c757d;color:#fff}.btn-add-product .btn-cancelar:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn-add-product .btn-agregar{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-add-product .btn-agregar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-add-product .btn-cancelar:disabled,.btn-add-product .btn-agregar:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-add-product:active{transform:translateY(-1px)}.table-responsive{overflow-x:auto;margin-top:15px;margin-bottom:10px;max-height:2000px;overflow-y:auto;border-radius:8px}.implementation-table{width:100%;border-collapse:collapse;min-width:600px;font-size:12px;background:#fff;position:relative}.implementation-table th,.implementation-table td{border:1px solid #dee2e6;padding:8px;text-align:center;vertical-align:middle}.implementation-table th{background:linear-gradient(135deg,#e30613,#d10511);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:11px;border:1px solid #d10511}.implementation-table tbody tr:nth-child(2n){background-color:#f9f9f9}.implementation-table tbody tr:hover{background-color:#e8f4f8}.volume-cell{background-color:#d4edda!important;font-weight:600}.price-cell{background-color:#fff3cd!important;font-weight:600}.no-data{padding:60px 20px!important;border:none!important;background:#f8f9fa!important}.no-data-message{text-align:center;color:#6c757d;max-width:300px;margin:0 auto}.no-data-message .icon-box{font-size:64px;margin-bottom:15px;display:block;opacity:.7}.no-data-message p{margin:15px 0 8px;font-size:18px;font-weight:600;color:#495057}.no-data-message small{font-size:14px;color:#adb5bd;line-height:1.4}.btn-delete{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s}.btn-delete:hover{background-color:#f8d7da}.pdv-row-fecha .pdv-label{flex-shrink:0;min-width:90px;margin-bottom:0;font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Terpel Sans,Arial,sans-serif}.pdv-row-foto .pdv-label{flex-shrink:0;margin-bottom:0;font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Terpel Sans,Arial,sans-serif}.adjuntar-foto-box{width:100%;flex:1;position:relative}.adjuntar-foto-input{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px dashed #e30613;border-radius:10px;background:#fff;transition:all .3s ease;cursor:pointer;min-height:50px;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;width:100%}.adjuntar-foto-input:hover{border-color:#c10511;background:#e3061305;transform:translateY(-1px);box-shadow:0 3px 10px #e3061326}.adjuntar-foto-placeholder{font-size:14px;color:#666;flex:1;text-align:left;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;font-weight:500}.foto-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#e30613;font-size:18px}input[type=file]{display:none!important}.fotos-seleccionadas{margin-top:10px;padding:10px 12px;background:#e3061305;border-radius:8px;border:1px solid rgba(227,6,19,.1);max-width:100%}.fotos-count{font-family:Terpel Sans,Arial,sans-serif;font-size:12px;font-weight:600;color:#e30613;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.fotos-list{display:flex;flex-direction:column;gap:6px;max-height:100px;overflow-y:auto}.fotos-seleccionadas-galonaje{margin-top:15px;padding:15px;background:#e3061305;border-radius:10px;border:1px solid rgba(227,6,19,.1);display:block!important;visibility:visible!important;opacity:1!important;width:100%;box-sizing:border-box}.fotos-titulo-galonaje{font-family:Terpel Sans,Arial,sans-serif;font-size:14px;font-weight:600;color:#e30613;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.fotos-contador-galonaje{background:#e30613;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.fotos-lista-galonaje{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.fotos-seleccionadas-galonaje .foto-item{display:flex!important;align-items:center;justify-content:space-between;padding:6px 8px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;margin-bottom:4px;width:100%;box-sizing:border-box}.fotos-seleccionadas-galonaje .foto-item:hover{border-color:#e30613;box-shadow:0 2px 6px #e306131a;transform:translateY(-1px)}.fotos-seleccionadas-galonaje .foto-item .foto-name{font-family:Terpel Sans,Arial,sans-serif;color:#333;font-size:12px;font-weight:500;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.fotos-seleccionadas-galonaje .foto-item .foto-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.fotos-seleccionadas-galonaje .foto-item .foto-remove:hover{background:#dc35451a;color:#c82333;transform:scale(1.1)}.fotos-seleccionadas-galonaje .fotos-count{font-family:Terpel Sans,Arial,sans-serif;font-size:12px;font-weight:600;color:#e30613;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex!important;align-items:center;gap:6px}.fotos-seleccionadas-galonaje .fotos-list{display:flex!important;flex-direction:column;gap:6px;max-height:100px;overflow-y:auto;width:100%}.foto-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;margin-bottom:4px}.foto-item:hover{border-color:#e30613;box-shadow:0 2px 6px #e306131a;transform:translateY(-1px)}.foto-item .foto-name{font-family:Terpel Sans,Arial,sans-serif;color:#333;font-size:12px;font-weight:500;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.foto-item .foto-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.foto-item .foto-remove:hover{background:#dc35451a;color:#c82333;transform:scale(1.1)}.foto-item-galonaje-asesor{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.foto-item-galonaje-asesor:hover{border-color:#e30613;box-shadow:0 3px 10px #e3061326;transform:translateY(-1px)}.foto-info-galonaje{display:flex;align-items:center;gap:12px;flex:1}.foto-icono-galonaje{width:28px;height:28px;background:#e306131a;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#e30613;font-size:14px}.foto-nombre-galonaje{font-family:Terpel Sans,Arial,sans-serif;color:#333;font-size:14px;font-weight:500;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.foto-tamaño-galonaje{font-family:Terpel Sans,Arial,sans-serif;color:#666;font-size:12px;margin-right:10px}.foto-eliminar-galonaje{background:none;border:none;color:#dc3545;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease;font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.foto-eliminar-galonaje:hover{background:#dc35451a;color:#c82333;transform:scale(1.1)}.btn-primary{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:18px 40px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #dc35454d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-3px);box-shadow:0 6px 20px #dc354580}.btn-primary:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #6c757d33}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s}.marca-selector{display:flex;align-items:center;justify-content:center;margin-bottom:10px;gap:15px;padding:15px 0}.carousel-nav-btn{background:linear-gradient(135deg,#e30613,#d10511);color:#fff;border:none;width:25px;height:25px;border-radius:50%;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #e306134d}.marca-actual{background:linear-gradient(135deg,#e30613,#d10511);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;text-align:center;min-width:120px;box-shadow:0 2px 8px #e306134d;text-transform:uppercase;letter-spacing:.5px}.referencias-section h4{margin:0 0 15px;color:#2c3e50;font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}.referencias-carousel-container{border-radius:12px;padding:20px;min-height:140px;position:relative;overflow:hidden}.referencias-scroll{display:flex;gap:12px;overflow-x:auto;padding:10px 5px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.referencias-scroll::-webkit-scrollbar{height:6px}.referencias-scroll::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.referencias-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#d10511);border-radius:3px}.referencia-card{min-width:120px;max-width:120px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #e8ecf0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 1px 3px #0000001a}.referencia-card:hover{border-color:#e30613;transform:translateY(-2px);box-shadow:0 4px 12px #e3061326}.referencia-card.selected{border-color:#e30613;background:#fff5f5;box-shadow:0 4px 12px #e3061333}.referencia-image{width:85px;height:75px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.referencia-label{font-size:10px;font-weight:500;color:#495057;text-align:center;line-height:1.2;word-wrap:break-word;max-width:100%}.product-form{background:#f8f9fb;border-radius:10px;padding:18px;margin-bottom:20px;border:1px solid #e8ecf0}.form-row{margin-bottom:12px}.form-row label{display:block;font-weight:600;color:#2c3e50;margin-bottom:6px;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.form-row .form-input{width:100%;padding:10px 12px;border:1px solid #e8ecf0;border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-row .form-input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 2px #e306131a}.pdv-actions{display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 20px;border-top:1px solid #e8ecf0;background:#f8f9fb}.pdv-actions .btn-secondary,.pdv-actions .btn-primary{width:45%;padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;transition:all .2s ease;border:none;cursor:pointer;text-align:center;box-shadow:0 1px 3px #0000001a}.pdv-actions .btn-secondary{background:#f0f0f0;color:#888}.pdv-actions .btn-secondary:hover{background:#e6e6e6;color:#666}.pdv-actions .btn-primary{background:#e30613;color:#fff}.pdv-actions .btn-primary:hover:not(:disabled){background:#b9000e}.pdv-actions .btn-primary:disabled{background:#f0f0f0;color:#ccc;cursor:not-allowed}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:#e306134d;border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#e3061380}@media (max-width: 768px){.pdv-row-foto .pdv-label{min-width:auto;font-size:12px}}@media (min-width: 769px){.fotos-seleccionadas-galonaje{display:block!important;visibility:visible!important;opacity:1!important}.fotos-seleccionadas-galonaje .fotos-count,.fotos-seleccionadas-galonaje .fotos-list,.fotos-seleccionadas-galonaje .foto-item{display:flex!important}.fotos-seleccionadas-galonaje .fotos-list{display:flex!important;flex-direction:column}}@media (min-width: 700px){.fotos-seleccionadas-galonaje{display:block!important;visibility:visible!important;opacity:1!important}.fotos-seleccionadas-galonaje .fotos-count,.fotos-seleccionadas-galonaje .fotos-list,.fotos-seleccionadas-galonaje .foto-item{display:flex!important}.fotos-seleccionadas-galonaje .fotos-list{display:flex!important;flex-direction:column}}@media screen and (min-width: 1px){div.fotos-seleccionadas-galonaje{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;position:relative!important;z-index:10!important}div.fotos-seleccionadas-galonaje div.fotos-count{display:flex!important;visibility:visible!important;opacity:1!important}div.fotos-seleccionadas-galonaje div.fotos-list{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important}div.fotos-seleccionadas-galonaje div.foto-item{display:flex!important;visibility:visible!important;opacity:1!important}}@media screen and (min-width: 701px){div.implementation-section div.foto-upload-container div.fotos-seleccionadas-galonaje{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important}div.implementation-section div.foto-upload-container div.fotos-seleccionadas-galonaje div.fotos-count,div.implementation-section div.foto-upload-container div.fotos-seleccionadas-galonaje div.fotos-list,div.implementation-section div.foto-upload-container div.fotos-seleccionadas-galonaje div.foto-item{display:flex!important;visibility:visible!important;opacity:1!important}div.implementation-section div.foto-upload-container div.fotos-seleccionadas-galonaje div.fotos-list{flex-direction:column!important}}.relative flex-1{width:100%}.implementation-section{margin-top:10px;border-radius:8px;opacity:0;transform:translateY(20px);animation:fadeInUp .3s ease-out forwards}.implementation-section.kpi-transition{animation:fadeInUp .3s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.asesor-fotos-seleccionadas-implementacion{margin-top:15px;padding:15px;background:#e3061305;border-radius:10px;border:1px solid rgba(227,6,19,.1);display:block!important;visibility:visible!important;opacity:1!important;width:100%;box-sizing:border-box}.asesor-fotos-count-implementacion{font-family:Terpel Sans,Arial,sans-serif;font-size:14px;font-weight:600;color:#e30613;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex!important;align-items:center;gap:8px}.asesor-fotos-list-implementacion{display:flex!important;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;width:100%}.asesor-foto-item-implementacion{display:flex!important;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.asesor-foto-item-implementacion:hover{border-color:#e30613;box-shadow:0 3px 10px #e3061326;transform:translateY(-1px)}.asesor-foto-name-implementacion{font-family:Terpel Sans,Arial,sans-serif;color:#333;font-size:14px;font-weight:500;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:10px}.asesor-foto-remove-implementacion{background:none;border:none;color:#dc3545;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease;font-size:16px;width:28px;height:28px;display:flex!important;align-items:center;justify-content:center;flex-shrink:0}.asesor-foto-remove-implementacion:hover{background:#dc35451a;color:#c82333;transform:scale(1.1)}@media (min-width: 769px){.asesor-fotos-seleccionadas-implementacion{display:block!important;visibility:visible!important;opacity:1!important}.asesor-fotos-count-implementacion,.asesor-fotos-list-implementacion,.asesor-foto-item-implementacion{display:flex!important}}@media (max-width: 768px){.asesor-fotos-seleccionadas-implementacion{padding:12px;margin-top:12px}.asesor-fotos-count-implementacion{font-size:12px;margin-bottom:10px}.asesor-foto-item-implementacion{padding:8px 10px}.asesor-foto-name-implementacion{font-size:12px}}.implementation-table-container{margin-bottom:20px;position:relative;z-index:1}.add-product-container{display:flex;justify-content:center;margin-top:20px;padding:10px}.btn-add-product{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc35454d;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.btn-add-product:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-3px);box-shadow:0 6px 20px #dc354580}.btn-add-product .btn-icon{font-size:18px;font-weight:700}.btn-add-product .btn-text{font-size:14px}.implementation-inputs{display:flex;flex-direction:column;border-radius:12px}.implementation-inputs-grid{display:grid;grid-template-columns:1fr;max-width:100%}.pdv-row-fecha,.pdv-row-foto{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%;margin-bottom:15px}.pdv-row-foto{display:flex;flex-direction:row;gap:12px;width:100%;margin-bottom:15px}.pdv-label{font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Terpel Sans,Arial,sans-serif}.pdv-input-date{flex:1;width:100%!important;max-width:100%;min-width:0;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;box-sizing:border-box!important;font-family:Terpel Sans,Arial,sans-serif}.pdv-input-date:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.implementation-actions{display:flex;justify-content:center;padding-top:10px;padding-bottom:40px;border-top:2px solid #e9ecef}.btn-cargar-registro{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:50px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #dc35454d;display:none}.btn-cargar-registro:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-3px);box-shadow:0 6px 20px #dc354580}.btn-cargar-registro:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none}.volume-actions{display:flex;justify-content:center;align-items:center;padding:20px 10px 40px;margin-top:20px;width:100%;position:relative;min-height:80px}@media (min-width: 768px) and (max-width: 1023px){.btn-cargar-registro{padding:14px 24px;font-size:13px;min-width:180px;height:48px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.volume-actions{padding:25px 15px 50px;margin-top:25px;min-height:90px}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.btn-cargar-registro{padding:12px 20px;font-size:12px;min-width:160px;height:44px}.volume-actions{padding:20px 10px 35px;margin-top:15px;min-height:70px}}@media (max-width: 767px){.btn-cargar-registro{padding:12px 18px;font-size:11px;min-width:140px;height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.volume-actions{padding:15px 10px 30px;margin-top:15px;min-height:65px}}.implementation-section{padding-bottom:80px!important;min-height:auto!important}@media (min-width: 768px) and (max-width: 1023px){.implementation-section{padding-bottom:120px!important;margin-bottom:40px}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.implementation-section{padding-bottom:100px!important;margin-bottom:30px}}@media (max-width: 767px){.implementation-section{padding-bottom:90px!important;margin-bottom:20px}}.implementation-section button[style*="width: 100%"],.implementation-section button[style*="fontSize: 18px"]{margin-bottom:40px!important;padding:15px 30px!important;box-sizing:border-box!important}@media (min-width: 768px) and (max-width: 1023px){.implementation-section button[style*="width: 100%"],.implementation-section button[style*="fontSize: 18px"]{margin-bottom:60px!important;padding:18px 35px!important;font-size:16px!important;min-height:50px!important}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.implementation-section button[style*="width: 100%"],.implementation-section button[style*="fontSize: 18px"]{margin-bottom:50px!important;padding:15px 30px!important;font-size:15px!important;min-height:46px!important}}@media (max-width: 767px){.implementation-section button[style*="width: 100%"],.implementation-section button[style*="fontSize: 18px"]{margin-bottom:40px!important;padding:14px 25px!important;font-size:14px!important;min-height:44px!important}}.foto-btn-simple{background:linear-gradient(135deg,#e30613,#c10511);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.foto-btn-simple:hover{background:linear-gradient(135deg,#c10511,#a8040f);transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.display-none{display:none!important}.foto-upload-container{width:100%;display:flex;flex-direction:column;gap:10px}input[type=file]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.foto-btn-simple{min-height:44px;touch-action:manipulation}@media (hover: none) and (pointer: coarse){.foto-btn-simple{min-height:48px;font-size:16px}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.registro-fotografico-implementacion{border-radius:16px;padding:28px;margin:24px 0;position:relative;overflow:hidden}.titulo-registro-fotografico{display:flex;align-items:center;gap:16px;color:#2c3e50;font-size:1.75rem;font-weight:700;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(255,102,0,.2)}.icono-camara{font-size:2rem;background:linear-gradient(135deg,#f60,#ff8533);padding:12px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff66004d}.descripcion-fotos{color:#6c757d;font-size:.8rem;line-height:1.6;text-align:center;font-weight:500;margin-bottom:16px}.pdv-row-visitas{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px}.pdv-label{font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.pdv-foto-section{flex:1}.pdv-foto-adjuntar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #e30613;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:60px}.pdv-foto-adjuntar:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #e3061326}.adjuntar-foto-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.adjuntar-foto-icon svg{filter:drop-shadow(0 2px 4px rgba(227,6,19,.3))}.adjuntar-foto-placeholder{color:#495057;font-weight:500;font-size:.95rem}.clickable-area{cursor:pointer;-webkit-user-select:none;user-select:none}.pdv-input-date-visitas{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease}.pdv-input-date-visitas:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.ta-center{text-align:center}@media (max-width: 768px){.pdv-row-visitas{padding:12px;gap:12px;margin-bottom:16px}.pdv-label{font-size:.8rem;text-align:right}.pdv-foto-adjuntar{padding:12px 16px;gap:8px;min-height:50px}.adjuntar-foto-icon svg{width:20px;height:20px}.adjuntar-foto-placeholder{font-size:.85rem}.pdv-input-date-visitas{padding:10px 12px;font-size:16px}}@media (max-width: 480px){.pdv-row-visitas{padding:10px;gap:8px}.pdv-label{font-size:.75rem}.pdv-foto-adjuntar{padding:10px 12px;min-height:45px}.adjuntar-foto-icon svg{width:18px;height:18px}.adjuntar-foto-placeholder{font-size:.8rem}}.info-validacion{display:flex;align-items:flex-start}.mensaje-sin-productos{text-align:center;padding:40px 20px;background:#ffc1071a;border-radius:12px;border:2px dashed #ffc107}.mensaje-sin-productos p{color:#856404;font-size:1.1rem;margin:0;font-weight:500}.productos-fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.producto-foto-card{background:#ffffff82;border-radius:12px;padding:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.producto-foto-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a;border-color:#ff66004d}.producto-info{display:flex;align-items:center;border-bottom:1px solid #f1f3f4}.producto-numero{background:linear-gradient(135deg,#b11d1d,#cd0f0f);color:#fff;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #ff66004d;flex-shrink:0}.producto-detalles{flex:1;min-width:0}.producto-nombre{color:#2c3e50;font-size:.95rem;font-weight:600;margin:0 0 4px;line-height:1.2;word-break:break-word}.producto-cantidad{color:#6c757d;font-size:.8rem;font-weight:500;background:#ff66001a;padding:2px 8px;border-radius:12px;display:inline-block}.foto-upload-area{width:100%}.foto-upload-box{border:2px dashed #dee2e6;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;min-height:80px;display:flex;align-items:center;justify-content:center}.foto-upload-box:hover{border-color:#f60;background:#ff66000d;transform:scale(1.01)}.foto-upload-box.has-photo{border-color:#28a745;background:#28a7450d;border-style:solid;padding:12px;min-height:60px}.foto-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.upload-icon{font-size:1.8rem;color:#6c757d}.upload-text{color:#495057;font-weight:600;font-size:.85rem}.upload-hint{color:#6c757d;font-size:.75rem}.foto-uploaded{display:flex;align-items:center;gap:10px;width:100%}.foto-preview{width:50px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.foto-thumbnail{width:100%;height:100%;object-fit:cover}.foto-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.foto-name{color:#28a745;font-weight:600;font-size:.8rem;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foto-remove{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.7rem;font-weight:500;transition:background-color .3s ease;align-self:flex-start}.foto-remove:hover{background:#c82333}.fotos-resumen{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:24px;border:1px solid rgba(255,102,0,.1);position:relative}.resumen-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:2rem;font-weight:700;color:#f60;line-height:1}.stat-label{color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-divider{color:#adb5bd;font-size:1.2rem;font-weight:600}.progreso-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:16px}.progreso-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;transition:width .6s ease}.status-message{text-align:center;font-weight:600;font-size:1rem;margin:0;padding:12px 16px;border-radius:8px}.status-message.success{background:#28a7451a;color:#155724;border:1px solid rgba(40,167,69,.2)}.status-message.pending{background:#ffc1071a;color:#856404;border:1px solid rgba(255,193,7,.2)}@media (max-width: 768px){.registro-fotografico-implementacion{padding:20px;margin:16px 0}.titulo-registro-fotografico{font-size:1.5rem;gap:12px}.icono-camara{font-size:1.5rem;padding:10px}.productos-fotos-grid{grid-template-columns:1fr;gap:20px}.producto-foto-card{padding:16px}.foto-upload-box{padding:20px;min-height:100px}.foto-uploaded{flex-direction:column;text-align:center}.foto-preview{width:60px;height:60px}.resumen-stats{gap:12px}.stat-number{font-size:1.8rem}}@media (max-width: 480px){.registro-fotografico-implementacion{padding:16px}.titulo-registro-fotografico{font-size:1.3rem;flex-direction:column;text-align:center;gap:8px}.producto-info{gap:10px}.producto-numero{align-self:center}}.titulo-registro-fotografico{display:flex;align-items:center;gap:12px;color:#e30613;font-size:1.5rem;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgb(227,6,19)}.icono-camara{font-size:1.8rem}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.foto-item-implementacion{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef;transition:border-color .3s ease}.foto-item-implementacion:hover{border-color:#f60}.foto-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#333}.foto-numero{background:#e30613;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.foto-nombre{font-size:1rem}.obligatorio{color:#dc3545;font-weight:700;font-size:1.2rem}.foto-input-container{width:100%}.foto-input-hidden{display:none}.foto-input-visual{border:2px dashed #ddd;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;background:#fff;min-height:80px;display:flex;align-items:center;justify-content:center}.foto-input-visual:hover{border-color:#f60;background:#fff8f0}.foto-input-visual.has-file{border-color:#28a745;background:#f8fff8;border-style:solid}.foto-input-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;position:relative}.foto-icon{font-size:2rem}.foto-placeholder{color:#666;font-size:.9rem;text-align:center}.foto-filename{color:#28a745;font-weight:600;font-size:.9rem;text-align:center;word-break:break-word;max-width:100%}.foto-remove-btn{position:absolute;top:-10px;right:-10px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:background-color .3s ease}.foto-remove-btn:hover{background:#c82333}.fotos-resumen{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #ff6600}.fotos-contador{margin:0 0 8px;color:#333;font-size:1rem}.fotos-faltantes{margin:0;color:#dc3545;font-size:.9rem;font-weight:600}.fotos-completas{margin:0;color:#28a745;font-size:.9rem;font-weight:600}@media (max-width: 768px){.registro-fotografico-implementacion{padding:16px;margin:16px 0}.titulo-registro-fotografico{font-size:1.3rem}.fotos-grid{grid-template-columns:1fr;gap:16px}.foto-input-visual{padding:16px;min-height:70px}.foto-icon{font-size:1.5rem}}@media (max-width: 480px){.registro-fotografico-implementacion{padding:12px}.titulo-registro-fotografico{font-size:1.2rem;gap:8px}.icono-camara{font-size:1.5rem}.foto-item{padding:12px}.foto-input-visual{padding:12px;min-height:60px}}.campos-post-fotografico{margin-top:32px;padding:24px;background:#fffc;border-radius:16px;border:1px solid rgba(255,102,0,.1)}.fecha-implementacion-field{margin-bottom:24px}.fecha-implementacion-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:.95rem}.fecha-implementacion-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease}.fecha-implementacion-input:focus{outline:none;border-color:#f60;box-shadow:0 0 0 3px #ff66001a}.observaciones-implementacion-field{margin-bottom:16px}.observaciones-implementacion-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:.95rem}.observaciones-implementacion-textarea{width:100%;padding:16px;border:2px solid #e1e5e9;border-radius:8px;font-size:.95rem;background:#fff;transition:all .3s ease;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.observaciones-implementacion-textarea:focus{outline:none;border-color:#f60;box-shadow:0 0 0 3px #ff66001a}.observaciones-implementacion-textarea::placeholder{color:#9ca3af;font-style:italic}.observaciones-implementacion-counter{text-align:right;font-size:.8rem;color:#6c757d;margin-top:4px}.observaciones-implementacion-counter.warning{color:#f39c12}.observaciones-implementacion-counter.danger{color:#e74c3c;font-weight:600}.foto-implementacion-container{margin:32px 0;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px solid #e30613}.foto-implementacion-title{display:flex;align-items:center;gap:12px;color:#e30613;font-size:1.25rem;font-weight:700;margin-bottom:8px}.implementacion-numero{background:linear-gradient(135deg,#e30613,#e30613);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #e306134d}.implementacion-text{flex:1}.implementacion-subtitle{display:block;color:#6c757d;font-size:.9rem;font-weight:500;margin-left:44px;margin-bottom:16px;color:#28a745}.foto-implementacion-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(227,6,19,.1)}.foto-remision-container{margin:32px 0;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px dashed #ff6600}.foto-remision-title{display:flex;align-items:center;gap:12px;color:#17a2b8;font-size:1.25rem;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(23,162,184,.2)}.remision-icon{font-size:1.5rem;background:linear-gradient(135deg,#f60,#f60);padding:8px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #17a2b84d}.foto-remision-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(23,162,184,.1)}@media (max-width: 768px){.campos-post-fotografico{margin-top:24px;padding:16px}.fecha-implementacion-input,.observaciones-implementacion-textarea{font-size:16px}.foto-implementacion-container{margin:24px 0;padding:16px}.foto-implementacion-title{font-size:1.1rem;gap:8px}.implementacion-numero{width:28px;height:28px;font-size:.9rem}.implementacion-subtitle{font-size:.85rem;margin-left:36px}.foto-implementacion-card{padding:16px}.foto-remision-container{margin:24px 0;padding:16px}.foto-remision-title{font-size:1.1rem;gap:8px}.remision-icon{font-size:1.25rem;padding:6px}.foto-remision-card{padding:16px}}.btn-debug-visitas,.btn-debug-implementacion{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:none;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #00000026}.btn-debug-visitas:hover{background:#218838!important;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-debug-implementacion:hover{background:#e55a00!important;transform:translateY(-1px);box-shadow:0 4px 12px #ff66004d}.btn-debug-visitas:active,.btn-debug-implementacion:active{transform:translateY(0);box-shadow:0 2px 6px #0003}@media (max-width: 768px){.btn-debug-visitas,.btn-debug-implementacion{padding:10px 14px!important;font-size:13px!important}}.btn-reset-visitas,.btn-reset-implementacion{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:none;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #dc354533}.btn-reset-visitas:hover,.btn-reset-implementacion:hover{background:#c82333!important;transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.btn-reset-visitas:active,.btn-reset-implementacion:active{transform:translateY(0);box-shadow:0 2px 6px #dc35454d}@media (max-width: 768px){.btn-reset-visitas,.btn-reset-implementacion{padding:10px 14px!important;font-size:13px!important}}.pdv-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;box-sizing:border-box;animation:fadeIn .3s ease-out;font-family:Terpel Sans,Arial,sans-serif}.pdv-popup-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:900px;width:90%;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:popupAppear .3s ease-out;font-family:Terpel Sans,Arial,sans-serif}@keyframes popupAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pdv-popup-header,.pdv-popup-header h2{display:none}.pdv-popup-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0}.pdv-popup-content{padding:20px;flex:1;overflow-y:auto;font-family:Terpel Sans,Arial,sans-serif}.pdv-table-container{margin-bottom:20px;overflow-x:auto;max-width:100vw;width:100%}.pdv-table{width:100%;min-width:600px;border-collapse:collapse;margin-bottom:20px}.pdv-table th,.pdv-table td{border:1px solid #ddd;padding:8px;text-align:center;font-size:12px;font-family:Terpel Sans,Arial,sans-serif}.pdv-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-family:Terpel Sans,Arial,sans-serif}.pdv-table tbody tr:nth-child(2n){background-color:#f9f9f9}.pdv-table tbody tr:hover{background-color:#f5f5f5}.volume-cell{background-color:#d4edda!important}.price-cell{background-color:#fff3cd!important}.table-input{width:100%;border:none;background:transparent;text-align:center;font-size:12px;padding:4px;outline:none;font-family:Terpel Sans,Arial,sans-serif}.table-input:focus{background-color:#007bff1a}.pdv-inputs-container{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.input-row{display:flex;gap:20px;margin-bottom:15px}.input-group{flex:1;display:flex;flex-direction:column}.input-group label{font-weight:600;color:#333;margin-bottom:5px;font-size:14px;font-family:Terpel Sans,Arial,sans-serif}.form-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;font-family:Terpel Sans,Arial,sans-serif}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.file-input{padding:6px 12px;font-family:Terpel Sans,Arial,sans-serif}.pdv-info-display{background-color:#e9ecef;padding:10px;border-radius:4px;margin-top:10px}.pdv-info-display p{margin:0;font-size:14px;color:#495057;font-family:Terpel Sans,Arial,sans-serif}.pdv-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-primary{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s;font-family:Terpel Sans,Arial,sans-serif}.btn-primary:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s;font-family:Terpel Sans,Arial,sans-serif}.btn-secondary:hover{background-color:#5a6268}.btn-select-pdv{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .3s;font-family:Terpel Sans,Arial,sans-serif}.btn-select-pdv:hover{background-color:#c82333}.spinner-red.small{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #dc3545;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.pdv-popup-container{max-width:95%}.input-row{flex-direction:column}.pdv-table{font-size:10px}.pdv-table th,.pdv-table td{padding:4px}}body.popup-open{overflow:hidden}.pdv-popup-overlay *,.pdv-popup-container *,.pdv-popup-content *,.pdv-table *,.pdv-inputs-container *,.input-group *,.pdv-info-display *,.pdv-actions *{font-family:Terpel Sans,Arial,sans-serif!important}.pdv-popup-content h1,.pdv-popup-content h2,.pdv-popup-content h3,.pdv-popup-content h4,.pdv-popup-content h5,.pdv-popup-content h6{font-family:Terpel Sans,Arial,sans-serif;font-weight:700;color:#333;margin-bottom:15px}.pdv-info-text{font-family:Terpel Sans,Arial,sans-serif;font-weight:500;color:#333;font-size:16px;margin-bottom:10px}.section-subtitle{font-family:Terpel Sans,Arial,sans-serif;font-weight:600;color:#dc3545;font-size:18px;margin-bottom:15px;margin-top:20px}.input-group label{font-family:Terpel Sans,Arial,sans-serif;font-weight:600;color:#333;margin-bottom:5px;font-size:14px;display:block}.description-text{font-family:Terpel Sans,Arial,sans-serif;font-weight:400;color:#666;font-size:13px;margin-bottom:10px}.pdv-popup-content ul,.pdv-popup-content ol,.pdv-popup-content li{font-family:Terpel Sans,Arial,sans-serif}.form-input::placeholder,.table-input::placeholder{font-family:Terpel Sans,Arial,sans-serif;color:#999}select.form-input{font-family:Terpel Sans,Arial,sans-serif}textarea.form-input{font-family:Terpel Sans,Arial,sans-serif;resize:vertical}.galonaje-main-container{margin:0 auto;background:transparent;position:relative;overflow-y:auto;max-height:70vh;padding:20px}.galonaje-row-content{display:flex;flex-direction:column;gap:15px}.galonaje-pdv-row{display:flex;align-items:center;gap:20px;width:100%;flex-direction:row;margin-bottom:15px}.galonaje-pdv-row label{font-weight:600;font-size:14px;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif}.galonaje-pdv-row input{flex:1;background:#e30613;color:#fff;border-radius:10px;border:none;font-size:12px;padding:6px 10px;text-align:center;outline:none;letter-spacing:1px;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;font-weight:600;box-shadow:0 2px 8px #e3061333}.galonaje-pdv-row-corresponde{display:flex;align-items:center;gap:20px;width:100%;flex-direction:row;margin-bottom:15px}.galonaje-pdv-row-corresponde label{font-weight:600;font-size:14px;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif}.galonaje-pdv-row-corresponde input{flex:1;background:#f8f9fa;color:#6c757d;border-radius:10px;border:1px solid #e0e0e0;font-size:12px;padding:6px 10px;text-align:center;outline:none;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;box-shadow:0 2px 4px #0000001a}.corresponde-na{background:#f8d7da!important;color:#721c24!important;border-color:#f5c6cb!important}.galonaje-pdv-row input:focus,.galonaje-input-codigo:focus{box-shadow:0 0 0 3px #e306134d,0 2px 8px #e3061333}.galonaje-pdv-row input:hover,.galonaje-input-codigo:hover{box-shadow:0 4px 12px #e306134d}.galonaje-pdv-row-corresponde input:focus,.galonaje-input-corresponde:focus{border-color:#e30613;box-shadow:0 0 0 3px #e306131a,0 2px 8px #00000026;background:#fff}.galonaje-pdv-row-corresponde input:hover,.galonaje-input-corresponde:hover{border-color:#999;background:#fff;box-shadow:0 2px 8px #00000026}.galonaje-input-corresponde.valid{border-color:#28a745;background:#28a7450d;color:#155724}.galonaje-input-corresponde.valid:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a,0 2px 8px #00000026}.galonaje-pdv-row-corresponde{position:relative}.pdv-status-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;transition:all .3s ease}.pdv-status-indicator.valid{color:#28a745}.pdv-status-indicator.invalid{color:#dc3545}.pdv-validation-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:15px 20px;margin:15px 0;text-align:center;animation:fadeIn .4s ease-out}.pdv-validation-message p{margin:0;color:#6c757d;font-size:14px;font-weight:500;font-family:Terpel Sans,Arial,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.galonaje-pdv-info{background:#f8f9fa;border-radius:10px;padding:6px;border-left:4px solid #e30613;margin-bottom:15px;margin-top:15px}.galonaje-forgot-button,.galonaje-forgot-link{display:block;text-align:center;margin:15px auto;background:transparent;border:2px solid #e30613;color:#e30613;padding:8px 20px;border-radius:25px;font-family:Terpel Sans,Arial,sans-serif;font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;max-width:250px}.galonaje-forgot-button:hover,.galonaje-forgot-link:hover{transform:translateY(-1px);box-shadow:0 4px 8px #e3061333}.galonaje-forgot-code{text-align:center;margin:15px 0}.galonaje-pdv-info h3{color:#e30613;margin:0;font-size:1.1rem;font-weight:600;font-family:Terpel Sans,Arial,sans-serif}.galonaje-pdv-info p{color:#666;margin:5px 0 0;font-size:.9rem;font-family:Terpel Sans,Arial,sans-serif}.galonaje-content-section{margin-top:20px;opacity:0;transform:translateY(20px);max-height:0;overflow:hidden;transition:all .5s ease-in-out;pointer-events:none}.galonaje-content-section.visible{opacity:1;transform:translateY(0);max-height:2000px;pointer-events:auto}.galonaje-content-section.animating{animation:slideInUp .6s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px);max-height:0}50%{opacity:.7;max-height:1000px}to{opacity:1;transform:translateY(0);max-height:2000px}}.galonaje-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.galonaje-spinner{width:40px;height:40px;border:4px solid rgba(227,6,19,.3);border-top:4px solid #e30613;border-radius:50%;animation:spin 1s linear infinite}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box}.popup-fullscreen{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:popupAppear .3s ease-out}@keyframes popupAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pdv-popup-header-modern{background:linear-gradient(135deg,#e30613,#d10511);color:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #e306134d}.pdv-popup-header-modern h2{margin:0;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pdv-popup-close-modern{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.pdv-popup-close-modern:hover{background:#ffffff4d}.popup-content{padding:20px 30px;overflow-y:auto;flex:1}.marca-selector{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:15px;padding:15px 0}.carousel-nav-btn{background:linear-gradient(135deg,#e30613,#d10511);color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #e306134d}.carousel-nav-btn:hover{background:linear-gradient(135deg,#d10511,#b5040f);transform:scale(1.05);box-shadow:0 4px 12px #e3061366}.carousel-nav-btn:disabled{background:#cbd5db;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #cbd5db4d}.marca-actual{background:linear-gradient(135deg,#e30613,#d10511);color:#fff;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;text-align:center;min-width:150px;box-shadow:0 2px 8px #e306134d;text-transform:uppercase;letter-spacing:.5px}.referencias-section{margin-bottom:25px}.referencias-section h4{margin:0 0 15px;color:#2c3e50;font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}.referencias-carousel-container{border-radius:12px;padding:20px;min-height:200px;position:relative;overflow:hidden;background:#f8f9fa;border:1px solid #e9ecef}.referencias-scroll{display:flex;gap:15px;overflow-x:auto;padding:10px 5px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.referencias-scroll::-webkit-scrollbar{height:8px}.referencias-scroll::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.referencias-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#d10511);border-radius:4px}.referencias-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d10511,#b5040f)}.referencia-card{min-width:140px;max-width:140px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid #e8ecf0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000001a}.referencia-card:hover{border-color:#e30613;transform:translateY(-3px);box-shadow:0 6px 20px #e3061326}.referencia-card.selected{border-color:#e30613;background:#fff5f5;box-shadow:0 6px 20px #e3061333;transform:translateY(-2px)}.referencia-image{width:100px;height:90px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a}.referencia-image img{max-width:100%;max-height:100%;object-fit:contain}.referencia-label{font-size:12px;font-weight:600;color:#495057;text-align:center;line-height:1.3;word-wrap:break-word;max-width:100%;text-transform:uppercase;letter-spacing:.3px}.product-form{background:#f8f9fb;border-radius:12px;padding:25px;margin-bottom:20px;border:1px solid #e8ecf0;box-shadow:0 2px 8px #0000000d}.form-row{margin-bottom:18px}.form-row label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-row .form-input,.form-input-modern{width:100%;padding:12px 16px;border:2px solid #e8ecf0;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:#fff;font-family:Terpel Sans,Arial,sans-serif}.form-row .form-input:focus,.form-input-modern:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.form-input-modern::placeholder{color:#999;font-style:italic}.pdv-actions{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 30px;border-top:1px solid #e8ecf0;background:#f8f9fb}.pdv-actions .btn-secondary,.pdv-actions .btn-primary{flex:1;max-width:150px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;text-align:center;box-shadow:0 2px 8px #0000001a;text-transform:uppercase;letter-spacing:.5px}.pdv-actions .btn-secondary{background:#f0f0f0;color:#666;border:2px solid #ddd}.pdv-actions .btn-secondary:hover{background:#e6e6e6;color:#333;border-color:#999}.pdv-actions .btn-primary{background:linear-gradient(135deg,#e30613,#d10511);color:#fff;box-shadow:0 4px 15px #e306134d}.pdv-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d10511,#b5040f);transform:translateY(-2px);box-shadow:0 6px 20px #e3061366}.pdv-actions .btn-primary:disabled{background:#f0f0f0;color:#ccc;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.precio-sugerido-container{position:relative}.precio-sugerido-container .form-input-modern.success{border-color:#28a745;background:#28a7450d}.precio-sugerido-container .success-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#28a745;font-size:16px}.required:after{content:" *";color:#e30613;font-weight:700}.optional{color:#6c757d;font-weight:400;font-size:12px;text-transform:none}@media (max-width: 768px){.popup-fullscreen{width:95%;max-height:95vh;border-radius:12px}.pdv-popup-header-modern,.popup-content{padding:15px 20px}.marca-actual{padding:10px 20px;font-size:14px;min-width:120px}.carousel-nav-btn{width:30px;height:30px;font-size:12px}.referencia-card{min-width:120px;max-width:120px;padding:15px}.referencia-image{width:80px;height:70px}.pdv-actions{padding:15px 20px;flex-direction:column}.pdv-actions .btn-secondary,.pdv-actions .btn-primary{max-width:none;width:100%}}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.delete-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 25px 80px #0006;max-width:400px;width:100%;max-height:90vh;overflow:hidden;animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInModal{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-confirm-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:20px 25px;text-align:center}.delete-confirm-header h3{margin:0;font-size:18px;font-weight:700;font-family:Terpel Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px}.delete-confirm-content{padding:25px;text-align:center}.delete-confirm-content p{margin:0 0 15px;font-size:16px;color:#495057;font-family:Terpel Sans,Arial,sans-serif;line-height:1.5}.product-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-top:15px}.product-details strong{color:#e30613;font-size:16px;font-family:Terpel Sans,Arial,sans-serif}.product-details small{color:#6c757d;font-size:14px;font-family:Terpel Sans,Arial,sans-serif}.delete-confirm-actions{display:flex;gap:12px;padding:20px 25px;border-top:1px solid #dee2e6;background:#f8f9fa}.delete-confirm-actions .btn-cancel,.delete-confirm-actions .btn-confirm-delete{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:Terpel Sans,Arial,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.delete-confirm-actions .btn-cancel{background:#6c757d;color:#fff}.delete-confirm-actions .btn-cancel:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.delete-confirm-actions .btn-confirm-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.delete-confirm-actions .btn-confirm-delete:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}@media (max-width: 480px){.delete-confirm-modal{max-width:95%;margin:0 10px}.delete-confirm-header{padding:15px 20px}.delete-confirm-content{padding:20px}.delete-confirm-actions{padding:15px 20px;flex-direction:column}.delete-confirm-actions .btn-cancel,.delete-confirm-actions .btn-confirm-delete{width:100%;margin:0}}@media (max-width: 480px){.galonaje-main-container{max-width:100%}}.price-notification{position:fixed;top:20px;right:20px;z-index:10000;animation:slideInRight .4s ease-out}.notification-content{background:#fff;border-left:4px solid #28a745;border-radius:8px;box-shadow:0 4px 16px #00000026;padding:16px;display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px}.notification-icon{font-size:20px;color:#28a745;flex-shrink:0}.notification-text{flex:1}.notification-text strong{color:#333;font-size:14px;display:block;margin-bottom:4px}.notification-text p{margin:0;font-size:13px;color:#666;line-height:1.4}.price-value{color:#e30613;font-weight:600;font-size:14px}.notification-close{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-close:hover{color:#666}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.price-notification{top:10px;right:10px;left:10px}.notification-content{min-width:auto;max-width:none}}.visitas-main-container{max-width:100%;width:100%;margin:0 auto;background:transparent;position:relative;overflow-x:hidden;font-family:Terpel Sans,Arial,sans-serif!important;padding:20px}@media (min-width: 768px) and (max-width: 1023px){.visitas-main-container{max-width:750px;padding:20px 20px 60px;margin:0 auto;overflow-y:auto;max-height:calc(100vh - 120px);min-height:calc(100vh - 140px)}}@media (min-width: 1024px) and (max-width: 1439px){.visitas-main-container{max-width:750px;padding:25px;margin:0 auto;overflow-y:auto;max-height:calc(100vh - 120px)}}@media (min-width: 1440px){.visitas-main-container{max-width:750px;padding:30px;margin:0 auto;overflow-y:auto;max-height:calc(100vh - 120px)}}.visitas-main-container,.visitas-main-container *{font-family:Terpel Sans,Arial,sans-serif!important}.toggle-buttons-container{display:flex;border-radius:12px;margin-bottom:15px;position:relative;z-index:2}.toggle-btn{flex:1;padding:10px 20px;border:none;border-radius:8px;font-family:Terpel-Sans-Medium,Arial,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#566573}.toggle-btn.active{background:linear-gradient(135deg,#a0260e,#e72b2b);color:#fff;box-shadow:0 2px 8px #3498db4d}.toggle-btn:hover:not(.active){color:#e30613}.implementacion-content{border-radius:18px;padding:0 0 50px;margin-top:10px;position:relative;z-index:2}.visitas-content{background:transparent;margin-top:10px}.pdv-info-simple{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;background:#e306130d;border:1px solid rgba(227,6,19,.15);border-radius:8px;max-width:fit-content}.pdv-stat{font-size:14px;font-weight:600;color:#2c3e50;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.pdv-segment{font-size:12px;font-weight:500;color:#e30613;text-transform:uppercase;letter-spacing:.5px}.loading-galonaje{display:flex;align-items:center;justify-content:center;padding:20px;background:#3498db1a;border-radius:12px;margin-bottom:20px}.spinner-small{width:20px;height:20px;border:2px solid rgba(52,152,219,.3);border-top:2px solid #3498db;border-radius:50%;animation:visitas-spin 1s linear infinite;margin-right:10px}.galonaje-info{background:linear-gradient(135deg,#ebf4fb,#d6eaf8);border-radius:12px;padding:20px;margin-bottom:20px;border:2px solid rgba(52,152,219,.2)}.galonaje-info h4{color:#1a252f;margin:0 0 15px;font-family:Terpel-Sans-Bold,Arial,sans-serif;font-size:16px}.galonaje-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:12px;color:#566573;margin-bottom:5px;font-family:Terpel-Sans-Medium,Arial,sans-serif}.stat-value{font-size:18px;font-weight:700;color:#2980b9;font-family:Terpel-Sans-Bold,Arial,sans-serif}.implementacion-selected{border-radius:15px;padding:5px;margin-top:20px}.implementacion-selected h4{color:#e30613;margin:0 0 5px;font-family:Terpel-Sans-Bold,Arial,sans-serif;font-size:13px;text-align:center}.no-implementaciones{text-align:center;padding:30px;background:#ec70631a;border-radius:12px;border:2px dashed #ec7063}.no-implementaciones p{color:#566573;margin:5px 0;font-family:Terpel-Sans-Regular,Arial,sans-serif}.activacion-field-container{margin:15px 0;display:flex;flex-direction:row}.activacion-label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:500}.activacion-select{width:100%;border:1px solid #ddd;border-radius:4px;font-size:10px;background:#fff;color:#333}.activacion-select:focus{outline:none;border-color:#e30613}.observaciones-field-container{margin:15px 0}.observaciones-label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:500}.observaciones-textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;color:#333;font-family:Terpel Sans,Arial,sans-serif;resize:vertical;box-sizing:border-box}.observaciones-textarea:focus{outline:none;border-color:#e30613}.observaciones-textarea::placeholder{color:#999}.observaciones-counter{text-align:right;margin-top:8px;font-size:12px;color:#7f8c8d;font-family:Terpel-Sans-Regular,Arial,sans-serif}.observaciones-counter.warning{color:#f39c12}.observaciones-counter.danger{color:#e74c3c}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:300px}}@keyframes slideUp{0%{opacity:1;transform:translateY(0);max-height:300px}to{opacity:0;transform:translateY(-20px);max-height:0}}.visitas-checkbox-container{display:flex;align-items:center;background:#3498db0d;padding:15px 20px;border-radius:8px;margin:15px 0 20px;border:1px solid rgba(52,152,219,.2);transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.visitas-checkbox-container:hover{background:#3498db1a;border-color:#3498db4d;box-shadow:0 2px 8px #3498db26}.visitas-checkbox{width:18px;height:18px;margin-right:15px;accent-color:#3498db;cursor:pointer;transform:scale(1.1)}.visitas-checkbox-label{font-family:Terpel Sans,Arial,sans-serif;color:#2c3e50;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.visitas-pdv-row,.visitas-pdv-row-corresponde{display:flex;align-items:center;gap:20px;width:100%;flex-direction:row;margin-bottom:10px}.visitas-pdv-row label,.visitas-pdv-row-corresponde label{font-weight:600;font-size:14px;color:#495057;text-transform:uppercase;letter-spacing:.5px}.visitas-pdv-row input{flex:1;background:#e30613;color:#fff;border-radius:10px;border:none;font-size:12px;padding:6px 10px;text-align:center;outline:none;letter-spacing:1px;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;font-weight:600;box-shadow:0 2px 8px #e3061333}.visitas-pdv-row input::placeholder{color:#fff;font-weight:400}.visitas-pdv-row-corresponde input::placeholder{color:#495057;font-weight:400}.visitas-pdv-row-corresponde input{flex:1;color:#fff;border-radius:10px;border:none;font-size:12px;padding:6px 10px;text-align:center;outline:none;letter-spacing:1px;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;font-weight:600;box-shadow:0 2px 8px #e3061333}.visitas-pdv-row-corresponde{display:flex;align-items:center;gap:20px;width:100%;flex-direction:row;margin-bottom:15px}.visitas-pdv-row-corresponde label{font-weight:600;font-size:14px;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif}.visitas-pdv-row-corresponde input{flex:1;background:#f8f9fa;color:#6c757d;border-radius:10px;border:1px solid #e0e0e0;font-size:12px;padding:6px 10px;text-align:center;outline:none;box-sizing:border-box;font-family:Terpel Sans,Arial,sans-serif;box-shadow:0 2px 4px #0000001a}.visitas-pdv-row input:focus{box-shadow:0 0 0 3px #e306134d,0 2px 8px #e3061333}.visitas-pdv-row input:hover{box-shadow:0 4px 12px #e306134d}.visitas-pdv-row-corresponde input:focus{border-color:#e30613;box-shadow:0 0 0 3px #e306131a,0 2px 8px #00000026;background:#fff}.visitas-pdv-row-corresponde input:hover{border-color:#999;background:#fff;box-shadow:0 2px 8px #00000026}.visitas-input-corresponde.corresponde-na{color:#cb4335;background:#fdeaea;border-color:#f1948a}.visitas-fecha-field{display:flex;align-items:center;gap:20px;width:100%;flex-direction:row;margin-bottom:20px}.visitas-fecha-label{font-weight:600;font-size:12px;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif;background:#f8f9fa;padding:8px 12px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a}.visitas-fecha-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;color:#333;font-family:Terpel Sans,Arial,sans-serif}.visitas-fecha-input:focus{outline:none;border-color:#e30613}.visitas-foto-field{display:flex;align-items:center;gap:20px;width:100%;flex-direction:row;margin-bottom:20px}.visitas-foto-label{font-weight:600;font-size:14px;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif;background:#f8f9fa;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;line-height:1.2}.visitas-foto-input{flex:1;padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff;color:#333;font-family:Terpel Sans,Arial,sans-serif;box-shadow:0 2px 4px #0000001a;cursor:pointer}.visitas-foto-input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a,0 2px 8px #00000026;background:#fff}.visitas-foto-input:hover{border-color:#999;background:#fff;box-shadow:0 2px 8px #00000026}.visitas-foto-input:valid{background:#f0f8ff;border-color:#3498db}.visitas-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.visitas-btn{padding:14px 35px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Terpel Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.visitas-btn-primary{background:linear-gradient(135deg,#e30613,#c70612);color:#fff;border:2px solid transparent}.visitas-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c70612,#a10510);transform:translateY(-2px);box-shadow:0 6px 20px #e3061366}.visitas-btn-primary:disabled{background:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a;border-color:#ccc}.visitas-btn-secondary{background:#fff;color:#e30613;border:2px solid #e30613}.visitas-btn-secondary:hover{background:#e30613;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e306134d}.visitas-forgot-code{text-align:center;margin:15px auto}.visitas-forgot-link,.galonaje-forgot-button{display:block;text-align:center;margin:15px auto;background:transparent;border:2px solid #e30613;color:#e30613;padding:4px 20px;border-radius:25px;font-family:Terpel Sans,Arial,sans-serif;font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;max-width:250px}.galonaje-forgot-button:hover{background:#e30613;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #e3061333}.visitas-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.visitas-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:visitas-spin 1.5s linear infinite}@keyframes visitas-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visitas-content-section{margin-top:10px;position:relative;z-index:2}.visitas-foto-container{background:linear-gradient(135deg,#ebf4fb,#d6eaf8);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;margin:15px 0}.visitas-foto-container:hover{background:linear-gradient(135deg,#d6eaf8,#aed6f1);transform:scale(1.02)}.visitas-input-valid{border-color:#58d68d!important;background:#f7fff9!important}.visitas-input-error{border-color:#ec7063!important;background:#fdeaea!important;animation:visitas-shake .5s ease-in-out}@keyframes visitas-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.visitas-success-indicator{background:linear-gradient(135deg,#a8e6cf,#7fcdcd);border:2px solid #58d68d;color:#1e8449;padding:12px;border-radius:10px;margin:10px 0;text-align:center;font-weight:600;animation:visitas-success-pulse 2s ease-in-out infinite}@keyframes visitas-success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (min-width: 768px) and (max-width: 1023px){.visitas-pdv-row,.visitas-pdv-row-corresponde{padding:12px;gap:25px}.visitas-input-codigo,.visitas-input-corresponde{padding:14px 18px;font-size:15px}.visitas-checkbox-container{padding:18px}.visitas-btn{padding:16px 40px;font-size:15px}.activacion-field-container,.observaciones-field-container{padding:22px;margin:25px 0}.activacion-select{font-size:12px}.observaciones-textarea{padding:18px;font-size:15px;min-height:120px}}@media (min-width: 1024px){.visitas-pdv-row,.visitas-pdv-row-corresponde{padding:15px;gap:30px}.visitas-input-codigo,.visitas-input-corresponde{padding:16px 20px;font-size:16px}.visitas-checkbox-container{padding:20px}.visitas-btn{padding:18px 45px;font-size:16px}.activacion-field-container,.observaciones-field-container{padding:25px;margin:30px 0}.activacion-select{font-size:12px;max-width:400px;margin:0 auto}.observaciones-textarea{padding:20px;font-size:16px;min-height:140px;max-width:600px;margin:0 auto}}@media (max-width: 767px){.activacion-field-container,.observaciones-field-container{padding:16px;margin:15px 0;border-radius:10px}.activacion-label,.observaciones-label{font-size:13px;margin-bottom:10px}.activacion-select{font-size:12px;padding-right:35px;background-size:14px;background-position:right 10px center}.observaciones-textarea{padding:14px;font-size:14px;min-height:80px;border-radius:6px}.observaciones-counter{font-size:11px;margin-top:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}}.pdv-row-visitas{display:flex;flex-direction:row;align-items:center;border-radius:5px;margin-bottom:10px;transition:all .3s ease}.pdv-row-visitas:hover{box-shadow:0 2px 8px #e306131a}.pdv-row-visitas .pdv-label{color:#495057;font-family:Terpel-Sans-Bold,Arial,sans-serif;font-size:12px;font-weight:700;text-align:center;min-width:120px;flex-shrink:0;border:none;margin:0}.pdv-row-visitas .pdv-label-multiline{line-height:1.2;padding:12px 20px}.pdv-row-visitas .relative{flex:1;padding:0;margin:0}.pdv-row-visitas .flex-1{width:100%}.pdv-row-visitas .pdv-input-date-visitas{width:100%;border:1px solid #ddd;background:#fff;font-family:Terpel Sans,Arial,sans-serif;font-size:14px;color:#333;outline:none;border-radius:4px;padding:10px 12px;margin:0}.pdv-row-visitas .pdv-input-date-visitas:focus{border-color:#e30613}.pdv-row-visitas .adjuntar-foto-box{width:100%;padding:0;margin:0}.pdv-row-visitas .adjuntar-foto-input-visitas{display:flex;align-items:center;padding:6px 12px;background:#fff;border:none;width:100%;min-height:28px;transition:all .3s ease;border-radius:12px;margin:0}.pdv-row-visitas .adjuntar-foto-input-visitas:hover{background:#f8fafc}.pdv-row-visitas .foto-icon{margin-right:12px;display:flex;align-items:center;flex-shrink:0}.pdv-row-visitas .adjuntar-foto-placeholder{color:#566573;font-family:Terpel-Sans-Medium,Arial,sans-serif;font-size:14px;flex:1}.implementacion-dropdown-container{margin-bottom:20px;position:relative}.implementacion-dropdown-container h4{color:#1a252f;margin:0 0 15px;font-family:Terpel-Sans-Bold,Arial,sans-serif;font-size:16px}.implementacion-dropdown{position:relative;width:100%}.implementacion-dropdown-header{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;min-height:20px}.implementacion-dropdown-header:hover{border-color:#e30613;background:#f8fafc}.implementacion-dropdown-header.open{border-color:#e30613;border-bottom-left-radius:0;border-bottom-right-radius:0;background:#ebf4fb}.implementacion-dropdown-header.disabled{background:#f5f5f5;border-color:#ccc;cursor:not-allowed;opacity:.7}.implementacion-dropdown-header.disabled:hover{border-color:#ccc;background:#f5f5f5}.implementacion-dropdown-content{display:flex;align-items:center;flex:1}.implementacion-dropdown-placeholder{color:#95a5a6;font-family:Terpel-Sans-Regular,Arial,sans-serif;font-size:14px}.implementacion-dropdown-selected{display:flex;align-items:center;gap:12px}.implementacion-dropdown-numero{background:#e30613;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.implementacion-dropdown-numero.disabled{background:#95a5a6}.implementacion-dropdown-text{flex:1}.implementacion-dropdown-title{font-family:Terpel-Sans-Medium,Arial,sans-serif;font-size:14px;color:#2c3e50;margin:0}.implementacion-dropdown-subtitle{font-family:Terpel-Sans-Regular,Arial,sans-serif;font-size:12px;color:#7f8c8d;margin:2px 0 0}.implementacion-dropdown-arrow{transition:transform .3s ease;color:#7f8c8d;font-size:12px;margin-left:8px}.implementacion-dropdown-arrow.open{transform:rotate(180deg)}.implementacion-dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid rgb(227,6,19);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;max-height:280px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #3498db26}.implementacion-dropdown-item{padding:12px 15px;border-bottom:1px solid #ecf0f1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.implementacion-dropdown-item:last-child{border-bottom:none}.implementacion-dropdown-item:hover{background:#f8fafc}.implementacion-dropdown-item.disabled{background:#fdf2f2;cursor:not-allowed;opacity:.7}.implementacion-dropdown-item.disabled:hover{background:#fdf2f2}.implementacion-dropdown-item.selected{background:#ebf4fb;border-left:4px solid #3498db}.implementacion-item-status{margin-left:auto;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;flex-shrink:0}.implementacion-item-status.available{background:#d5f4e6;color:#27ae60}.implementacion-item-status.unavailable{background:#fdeaea;color:#e74c3c}.implementacion-item-status.completed{background:#dbeafe;color:#2563eb;border:1px solid #93c5fd}.productos-requeridos{margin-top:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:15px}.productos-requeridos h5{color:#495057;margin:0 0 10px;font-family:Terpel-Sans-Medium,Arial,sans-serif;font-size:14px;display:flex;align-items:center;gap:8px}.productos-requeridos-icon{color:#6c757d;font-size:16px}.productos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none}.producto-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:8px 12px;font-size:12px;color:#495057;font-family:Terpel-Sans-Regular,Arial,sans-serif;transition:all .2s ease}.producto-item:hover{border-color:#3498db;background:#f8fafc}@media (max-width: 767px){.implementacion-dropdown-header{padding:12px}.implementacion-dropdown-selected{gap:8px}.implementacion-dropdown-numero{width:20px;height:20px;font-size:11px}.implementacion-dropdown-title{font-size:13px}.implementacion-dropdown-subtitle{font-size:11px}.implementacion-dropdown-item{padding:10px 12px;gap:8px}.productos-lista{grid-template-columns:1fr;gap:6px}.producto-item{padding:6px 10px;font-size:11px}}.implementacion-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:16px 20px;border-radius:10px}.implementacion-header h3{margin:0;font-size:16px;font-weight:600;color:#333;font-family:Terpel Sans,Arial,sans-serif}.btn-refresh-galonaje{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#e30613,#c00511);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;font-family:Terpel Sans,Arial,sans-serif;cursor:pointer;transition:all .2s ease;min-width:90px;justify-content:center}.btn-refresh-galonaje:hover:not(:disabled){background:linear-gradient(135deg,#c00511,#a0040d);transform:translateY(-1px);box-shadow:0 4px 8px #e306134d}.btn-refresh-galonaje:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-mini{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.galonaje-info-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e30613;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #e306131a;overflow:hidden}.galonaje-header{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e30613,#c00511);color:#fff;padding:6px 12px;border-bottom:2px solid #b8050f}.galonaje-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:8px}.galonaje-title{margin:0;font-size:16px;font-weight:600;font-family:Terpel Sans,Arial,sans-serif}.galonaje-content{padding:20px}.galonaje-main-stat{text-align:center;margin-bottom:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:2px solid #e30613}.main-stat-label{font-size:12px;font-weight:600;color:#6c757d;margin-bottom:8px;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif}.main-stat-value{font-size:20px;font-weight:700;color:#e30613;font-family:Terpel Sans,Arial,sans-serif;line-height:1}.main-stat-value .unit{font-size:11px;font-weight:500;color:#6c757d;margin-left:4px}.galonaje-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.detail-item:hover{border-color:#e30613;box-shadow:0 2px 8px #e306131a}.detail-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:6px;flex-shrink:0}.detail-content{flex:1;min-width:0}.detail-label{font-size:11px;font-weight:600;color:#6c757d;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-family:Terpel Sans,Arial,sans-serif}.detail-value{font-size:14px;font-weight:500;color:#333;font-family:Terpel Sans,Arial,sans-serif;word-wrap:break-word}.detail-item.segmento .detail-icon{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.detail-item.descripcion .detail-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.detail-item.codigo .detail-icon{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff}@media (max-width: 480px){.galonaje-content{padding:16px}.main-stat-value{font-size:22px}.detail-item{padding:10px 12px}}.visitas-content .visitas-main-container{padding-bottom:80px!important}.visitas-content .volume-actions{display:flex;justify-content:center;align-items:center;padding:25px 15px 40px;margin-top:20px;width:100%;position:relative;min-height:85px;clear:both}.visitas-content .btn-cargar-registro{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:50px;padding:14px 28px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #dc35454d;min-width:180px;height:48px;display:flex;align-items:center;justify-content:center;white-space:nowrap}@media (min-width: 768px) and (max-width: 1023px){.visitas-content .volume-actions{padding:30px 20px 50px;margin-top:25px;min-height:100px}.visitas-content .btn-cargar-registro{padding:15px 30px;font-size:14px;min-width:200px;height:50px}.visitas-content .visitas-main-container{padding-bottom:100px!important}}@media (min-width: 768px) and (max-width: 1023px) and (max-height: 900px){.visitas-content .volume-actions{padding:25px 15px 40px;margin-top:20px;min-height:80px}.visitas-content .btn-cargar-registro{padding:12px 24px;font-size:13px;min-width:180px;height:46px}}@media (max-width: 767px){.visitas-content .volume-actions{padding:20px 10px 35px;margin-top:15px;min-height:70px}.visitas-content .btn-cargar-registro{padding:12px 20px;font-size:12px;min-width:160px;height:44px}.visitas-content .visitas-main-container{padding-bottom:80px!important}}.registro-menu-container{max-width:500px;margin:0 auto;padding:20px;min-height:70vh;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.registro-menu-header{text-align:center;margin-bottom:30px}.registro-menu-header h1{color:#e30613;font-size:2.2rem;font-weight:700;margin-bottom:10px}.registro-menu-header p{color:#666;font-size:1rem}.registro-menu-opciones{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:350px}.opcion-card{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:12px;padding:15px 20px;box-shadow:0 3px 15px #0000000f;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;width:100%;max-width:100%;text-align:center;min-height:80px}.opcion-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e306131f;border-color:#e30613}.opcion-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;flex-shrink:0;margin-bottom:8px}.opcion-icon img{width:40px;height:40px;filter:none}.opcion-content{flex:1}.opcion-content h3{color:#e30613;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;margin-bottom:4px}.opcion-content p{color:#888;font-size:.65rem;line-height:1.4;margin:0}.opcion-arrow{display:none}.filter-select{padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:14px;background:#fff;color:#333;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;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='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}@media (min-width: 1200px){.ranking-container{max-width:500px;overflow-y:auto}.podio-container{padding:0 15px}.podio-position.segundo{margin-right:15px}.podio-position.primero{margin:0 15px}.podio-position.tercero{margin-left:15px}.filtro-button{padding:8px 20px;font-size:14px}.tabla-header{font-size:14px;padding:10px 0}.tabla-fila{font-size:13px;padding:8px 0}.tabla-ranking{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8f9fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(222,226,230,.8)}.tabla-ranking:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(227,6,19,.1) 25%,rgba(227,6,19,.2) 50%,rgba(227,6,19,.1) 75%,transparent 100%);animation:desplegable 3s ease-in-out infinite;z-index:1}.tabla-header,.tabla-fila{position:relative;z-index:2}@keyframes desplegable{0%{left:-100%}50%{left:100%}to{left:-100%}}}:root{--table-border-color: #e1e8ed;--table-hover-color: #f8f9fa;--terpel-primary: #e30613;--terpel-secondary: #a1000b}.registros-table-container-responsive{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;width:100%;margin:15px 0}.table-wrapper-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-container{width:100%;height:auto;max-height:70vh;overflow-y:auto;overflow-x:hidden}.registros-table-responsive{width:100%;border-collapse:collapse;font-size:13px;min-width:100%}.table-header-fixed th{background:linear-gradient(150deg,#eb2734,#c1050f);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;text-align:center;position:sticky;top:0;z-index:10;box-shadow:inset 0 1px #ffffff1a}.registro-row-responsive{transition:background-color .2s ease;cursor:pointer}.registro-row-responsive:hover{background:#fff5f5;transform:translateY(-1px);box-shadow:0 2px 8px #e3061326}.registro-row-responsive td{padding:12px 8px;vertical-align:middle;text-align:center;font-size:12px;color:#333;border-bottom:1px solid #f0f0f0}.codigo-highlight-responsive{background:#e30615b7;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;font-size:11px;display:inline-block;min-width:40px}.actividad-badge-responsive{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;color:#fff;font-weight:600;font-size:11px;min-width:60px;text-transform:uppercase}.actividad-implementacion{background-color:#2196f3}.actividad-visita{background-color:#ff9800}.fecha-principal-responsive{font-weight:500;color:#333;font-size:12px}.estado-badge-responsive{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.pdv-info-responsive{text-align:left}.pdv-nombre-responsive{display:block;font-weight:600;color:#333;font-size:11px}.pdv-direccion-responsive{display:block;color:#666;font-size:10px;margin-top:2px}@media (max-width: 768px){.registros-table-container-responsive{margin:10px 0;border-radius:8px}.table-scroll-container{max-height:60vh}.table-header-fixed th{padding:8px 4px;font-size:10px}.registro-row-responsive td{padding:8px 4px;font-size:11px}.codigo-highlight-responsive{font-size:10px;padding:3px 6px}.actividad-badge-responsive{padding:3px 6px;font-size:9px;min-width:50px}.fecha-principal-responsive{font-size:10px}}@media (max-width: 576px){.registros-table-container-responsive{margin:5px 0}.table-scroll-container{max-height:50vh}.registros-table-responsive{font-size:11px;min-width:600px}.table-header-fixed th{padding:6px 3px;font-size:9px}.registro-row-responsive td{padding:6px 3px;font-size:10px}.codigo-highlight-responsive{font-size:9px;padding:2px 4px}.actividad-badge-responsive{padding:2px 4px;font-size:8px;min-width:40px}.pdv-nombre-responsive{font-size:10px}.pdv-direccion-responsive{font-size:9px}}.table-scroll-container::-webkit-scrollbar{width:6px;height:6px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-scroll-container::-webkit-scrollbar-thumb{background:var(--terpel-primary);border-radius:3px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--terpel-secondary)}.no-registros{text-align:center;padding:40px 20px;color:#666}.no-registros h3{color:#333;margin-bottom:8px;font-size:18px}.no-registros p{color:#666;font-size:14px;margin:0}.registro-row-responsive{will-change:transform,background-color}@media (max-width: 768px) and (orientation: landscape){.table-scroll-container{max-height:40vh}}.productos-section-bonito{margin-top:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;padding:1.2rem 1rem 1.5rem}.productos-section-bonito .section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.productos-section-bonito .section-icon{font-size:1.3rem}.productos-lista{margin-top:.5rem}.productos-ul{list-style:none;padding:0;margin:0}.producto-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .2rem;border-bottom:1px solid #f2f2f2;font-size:1rem;color:#222}.producto-item:last-child{border-bottom:none}.producto-punto{color:#e30613;font-size:1.2rem;margin-right:.3rem}.producto-nombre{font-weight:600;color:#e30613}.producto-presentacion{color:#888;font-size:.98em;margin-left:.2rem}.producto-precio{color:#4caf50;font-weight:500;margin-left:.4rem}.producto-volumen{color:#2196f3;font-weight:500;margin-left:.4rem}.historial-registros{padding:20px 15px 40px;max-width:1200px;margin:0 auto;width:100%;overflow-x:hidden}.historial-header{margin-bottom:25px;text-align:center}.historial-header h1{color:#e30613;font-size:24px;font-weight:700;margin-bottom:8px;font-family:Terpel-Sans-Bold,Arial,sans-serif}.subtitle{color:#666;font-size:14px;margin:0}.filtros-container{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.busqueda-container{display:flex;gap:8px;margin-bottom:16px;align-items:center}.busqueda-input{flex:1;min-width:200px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .3s ease;height:44px;box-sizing:border-box}.busqueda-input:focus{outline:none;border-color:#e30613}.limpiar-btn{padding:12px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .3s ease;height:44px;min-width:80px;flex-shrink:0}.limpiar-btn:hover{background:#5a6268}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.filter-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:2px solid #e9ecef;border-radius:20px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:36px;color:#495057}.filter-btn.mobile-btn{padding:6px 14px;font-size:12px;min-width:65px;min-height:32px}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #e3061326;border-color:#e30613}.filter-btn.active{background:#e30613;border-color:#e30613;color:#fff;transform:scale(1.02);box-shadow:0 3px 12px #e306134d}.filter-text{font-weight:600}.filter-selects{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:end;padding:0 20px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.filter-group label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:13px;font-weight:600;background:#fff;cursor:pointer;transition:all .3s ease;color:#495057}.filter-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.filter-select:hover{border-color:#e30613}.registros-table-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;width:100%}.table-wrapper{overflow-x:auto;border-radius:4px;width:100%;-webkit-overflow-scrolling:touch}.registros-table{width:100%;border-collapse:collapse;font-size:13px}.registros-table th{background:linear-gradient(150deg,#eb2734,#c1050f);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;text-align:center;box-shadow:inset 0 1px #ffffff1a}.registros-table th:first-child{text-align:left;color:#fff;border-left:none}.registros-table th:last-child{border-right:none;color:#fff}.registros-table th:nth-child(2){color:#fff}.registros-table th:nth-child(3){color:#fff}.codigo-header{min-width:80px}.agente-header{min-width:120px}.fecha-header{min-width:90px}.kpi-header{min-width:100px}.accion-header{min-width:80px}.registros-table tbody tr{transition:background-color .2s ease}.registros-table tbody tr:hover{background:#f9f9f9}.registro-row:hover{background:#fff5f5!important;transform:translateY(-1px);box-shadow:0 2px 8px #e3061326}.registro-row:active{transform:translateY(0);background:#ffe8e8!important}.registros-table td{padding:12px 8px;vertical-align:middle;text-align:center;font-size:12px;color:#333;border-right:1px solid #f0f0f0}.registros-table td:first-child{text-align:center;border-left:none}.registros-table td:last-child{border-right:none}.codigo-highlight{background:#e30615b7;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;font-size:11px;display:inline-block;min-width:40px;text-align:center}.agente-nombre,.fecha-principal{font-weight:500;color:#333;font-size:12px}.kpi-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;color:#fff;font-weight:600;font-size:11px;min-width:60px;text-transform:uppercase}.kpi-volumen{background-color:#2196f3}.kpi-precio{background-color:#4caf50}.kpi-precio-volumen{background-color:#ff5722}.kpi-frecuencia{background-color:#ff9800}.kpi-cobertura{background-color:#9c27b0}.kpi-profundidad{background-color:#f44336}.detalles-btn{background:#e30613;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:background-color .2s ease;text-transform:uppercase}.detalles-btn:hover{background:#c1050f}.registros-counter{text-align:center;padding:8px;background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-size:12px;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:0}.modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;max-height:90vh;overflow:visible;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-icon{font-size:24px}.modal-title-section h2{margin:0;font-size:20px;font-weight:700}.modal-subtitle{font-size:14px;opacity:.9;font-weight:500}.close-btn{background:#fff3;border:none;color:#fff;font-size:24px;width:20px;height:20px;border-radius:20%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:24px;overflow-y:auto;flex:1;height:auto;scroll-behavior:smooth}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-detalles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #e30613;border-radius:50%;animation:spin 1s linear infinite}.info-cards-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.info-card{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #dee2e6}.card-icon{font-size:18px}.card-header h4{margin:0;font-size:14px;font-weight:600;color:#495057}.card-content{padding:16px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.info-row label{font-weight:600;color:#495057;font-size:13px;min-width:120px;flex-shrink:0}.info-row span{text-align:right;font-size:13px;color:#212529;word-break:break-word}.codigo-value{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff;padding:4px 8px;border-radius:12px;font-weight:700;font-size:12px}.agente-value{font-weight:600;color:#2c5aa0}.fecha-value{font-weight:500;color:#6c757d;font-size:12px}.galonaje-value{font-weight:600;color:#17a2b8}.puntos-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;font-size:12px}.kpi-badge-modal{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:15px;color:#fff;font-weight:600;font-size:12px}.kpi-badges-container{display:flex;gap:6px;flex-wrap:wrap;width:120px}.kpi-badges-container .kpi-badge{font-size:8px;padding:3px 6px;margin:0;text-align:center}.productos-section,.foto-section{margin-top:24px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.section-icon{font-size:20px}.section-header h3{margin:0;font-size:16px;font-weight:600;color:#495057}.tabla-productos-modal{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #dee2e6}.productos-table{width:100%;border-collapse:collapse}.productos-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px;text-align:left;font-weight:600;color:#495057;font-size:13px;border-bottom:1px solid #dee2e6}.productos-table td{padding:12px;border-bottom:1px solid #f1f3f4;font-size:13px}.productos-table tbody tr:hover{background:#f8f9fa}.productos-table tbody tr:last-child td{border-bottom:none}.referencia-cell{font-weight:600;color:#495057}.presentacion-cell{color:#6c757d}.cantidad-cell{font-weight:600;color:#17a2b8;text-align:center}.diferencia-cell{font-weight:600;text-align:center;font-size:12px}.diferencia-cell.positiva{color:#dc3545}.diferencia-cell.negativa{color:#28a745}.validacion-cell,.cumplimiento-cell{text-align:center}.no-productos{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.no-productos-icon{font-size:48px;margin-bottom:12px;opacity:.5}.no-productos p{color:#6c757d;font-size:14px;margin:0}.foto-container{display:flex;justify-content:center;background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #dee2e6}.evidencia-foto{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}.foto-error{text-align:center;padding:40px;color:#dc3545}.error-icon{font-size:32px;margin-bottom:8px;display:block}.modal-footer{padding:20px 24px;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end}.volver-btn{background:linear-gradient(135deg,#6c757d,#5a6169);color:#fff;border:none;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.volver-btn:hover{background:linear-gradient(135deg,#5a6169,#495057);transform:translateY(-1px)}@media (min-width: 769px){.modal-content{max-height:90vh;overflow:visible}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;overflow-x:hidden}.implementacion-section-moderna,.implementacion-grid{max-height:none;overflow:visible}}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content.mobile{max-height:95vh;border-radius:16px}.modal-header{padding:16px 20px;border-radius:16px 16px 0 0}.modal-title-section h2{font-size:18px}.modal-subtitle{font-size:13px}.modal-body{padding:20px;max-height:calc(95vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}.info-cards-container{grid-template-columns:1fr;gap:16px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row label{min-width:auto}.info-row span{text-align:left}.productos-table{font-size:12px}.productos-table th,.productos-table td{padding:8px}.modal-footer{padding:16px 20px}.evidencia-foto{max-height:300px}.busqueda-container{flex-direction:column;align-items:stretch;gap:12px}.busqueda-input{min-width:unset;width:100%}.limpiar-btn{width:100%;text-align:center}.filter-selects.mobile{flex-direction:column;gap:12px}.filter-group{min-width:unset;width:100%}.filter-select{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.registros-table th{font-size:12px;padding:14px 10px}.registros-table td{padding:12px 10px}.fecha-header{width:30%}.codigo-header{width:25%}.kpi-header{width:45%}.kpi-badge{min-width:90px;font-size:11px}.modal-subtitle{font-size:13px}.modal-body{padding:20px;max-height:calc(95vh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch}.info-cards-container{grid-template-columns:1fr;gap:16px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row label{min-width:auto}.info-row span{text-align:left}.productos-table{font-size:12px}.productos-table th,.productos-table td{padding:8px}.modal-footer{padding:16px 20px}.evidencia-foto{max-height:300px}}.estado-badge{padding:4px 8px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-aprobado{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.estado-rechazado{background:linear-gradient(135deg,#f8d7da,#f1b0b7);color:#721c24;border:1px solid #f1b0b7}.estado-pendiente{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.validacion-value{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.validacion-ok{background:#d4edda;color:#155724}.validacion-error{background:#f8d7da;color:#721c24}.galonaje-value,.volumen-value,.precio-value,.visita-value,.factura-value{font-weight:600;color:#e30613}.foto-info{margin-top:8px;text-align:center}.foto-info small{color:#666;font-style:italic;font-size:11px;line-height:1.3}.productos-table th{background:#f8f9fa;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.precio-cell{font-weight:600;color:#28a745}.cantidad-cell{font-weight:600;color:#007bff;text-align:center}.validacion-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.validacion-badge.aprobado,.validacion-badge.cumple{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.validacion-badge.pendiente,.validacion-badge.parcial{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.validacion-badge.rechazado,.validacion-badge.no_cumple{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.validacion-badge.correcto{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.validacion-badge.alto{background-color:#ffeaa7;color:#856404;border:1px solid #fdcb6e}.cumplimiento-value{font-weight:700;padding:2px 6px;border-radius:4px}.cumplimiento-value:contains("100%"),.cumplimiento-value:contains("110%"),.cumplimiento-value:contains("108%"){background-color:#d4edda;color:#155724}@media (max-width: 768px){.estado-badge{font-size:9px;padding:3px 6px}.validacion-value,.foto-info small,.productos-table th{font-size:10px}.validacion-badge{font-size:10px;padding:3px 6px}.cumplimiento-value{font-size:12px}}.actividad-implementacion{background-color:#e74c3c;color:#fff}.actividad-visita{background-color:#3498db;color:#fff}.segmento-value{background:#f8f9fa;padding:2px 8px;border-radius:4px;font-size:.9em;color:#495057;font-weight:500}.meta-value{color:#28a745;font-weight:600}.coordenadas-value{font-size:.9em;color:#6c757d}.kpis-badges{display:flex;gap:.5rem;flex-wrap:wrap}.kpi-badge{padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase}.kpi-badge.volumen{background:#d4edda;color:#155724}.kpi-badge.precio{background:#f8d7da;color:#721c24}.kpi-badge.frecuencia{background:#d1ecf1;color:#0c5460}.total-value{font-weight:600;color:#e30613}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:1rem;overflow:hidden}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.8rem 1rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:.5rem}.card-header h4{margin:0;font-size:.95rem;font-weight:600;color:#495057}.card-icon{font-size:1.2rem}.card-content{padding:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-row label{font-weight:500;color:#495057;margin-right:1rem;min-width:120px}.info-row span{flex:1;text-align:right;color:#212529}@media (max-width: 768px){.info-row{flex-direction:column;align-items:flex-start;gap:.3rem}.info-row label{min-width:auto;margin-right:0}.info-row span{text-align:left}.kpis-badges{justify-content:flex-start}}.info-cards-container-moderna{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}.info-card-moderna{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 12px #0000000d;transition:all .3s ease}.info-card-moderna:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card-header-moderna{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.card-icon-container{background:linear-gradient(135deg,#e30613,#a1000b);border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e306134d}.card-icon-moderna{font-size:20px;filter:none}.card-title-section h4{margin:0;font-size:16px;font-weight:700;color:#374151;line-height:1.2}.card-subtitle{font-size:12px;color:#6b7280;margin-top:2px;display:block}.card-content-moderna{padding:20px}.info-row-moderna{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.info-row-moderna:last-child{margin-bottom:0}.info-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;font-size:14px;min-width:100px}.label-icon{font-size:14px;opacity:.8}.info-value{color:#6b7280;font-size:14px;text-align:right;flex:1;word-break:break-word}.codigo-value-moderna{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 12px;border-radius:20px;font-weight:700;font-size:13px;box-shadow:0 2px 6px #3b82f64d}.agente-value-moderna{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;font-size:13px;box-shadow:0 2px 6px #10b9814d}.fecha-value-moderna{background:#f3f4f6;color:#374151;padding:4px 12px;border-radius:8px;font-weight:600;font-size:13px;border:1px solid #d1d5db}.direccion-text{max-width:200px;line-height:1.4}.kpi-badges-container-moderna{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.kpi-group{display:flex;gap:6px;flex-wrap:wrap}.kpi-badge-moderna{padding:4px 10px;border-radius:16px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px #0000001a}.kpi-badge-moderna.kpi-precio{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.kpi-badge-moderna.kpi-volumen{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.kpi-badge-moderna.kpi-frecuencia{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.kpi-badge-moderna.kpi-na{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.actividad-badge{padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a}.actividad-badge.implementacion{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff}.actividad-badge.visita{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.actividad-badge.galonaje{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.estados-card .card-content-moderna{padding:16px 20px}.estados-grid{display:grid;gap:16px}.estado-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.estado-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;font-size:14px}.estado-icon{font-size:16px}.estado-badge-moderna{padding:6px 14px;border-radius:20px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a}.estado-badge-moderna.estado-aprobado{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.estado-badge-moderna.estado-rechazado{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.estado-badge-moderna.estado-pendiente{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.observaciones-card-completa{grid-column:1 / -1}.observacion-item{margin-bottom:16px}.observacion-item:last-child{margin-bottom:0}.observacion-header{margin-bottom:8px}.observacion-tipo{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.observacion-contenido{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;color:#374151;line-height:1.5;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.observacion-item.asesor .observacion-contenido{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.observacion-item.agente .observacion-contenido{border-left:4px solid #10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.sin-observaciones{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6b7280;font-style:italic;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.sin-obs-icon{font-size:20px;opacity:.6}@media (max-width: 768px){.info-cards-container-moderna{grid-template-columns:1fr;gap:16px}.info-row-moderna{flex-direction:column;align-items:flex-start;gap:6px}.info-label{min-width:auto}.info-value{text-align:left}.kpi-badges-container-moderna{justify-content:flex-start}.card-header-moderna{padding:12px 16px;flex-direction:column;text-align:center;gap:12px}.card-content-moderna{padding:16px}.estados-grid{gap:12px}.estado-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}.implementacion-section-moderna{margin-top:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:0;border:1px solid #e2e8f0;overflow:visible;box-shadow:0 4px 20px #00000014;max-height:none}.implementacion-header{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:16px}.implementacion-icon-container{background:#fff3;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center}.implementacion-icon{font-size:24px;filter:none}.implementacion-title h3{margin:0;font-size:20px;font-weight:700;color:#fff}.implementacion-subtitle{font-size:14px;opacity:.9;color:#fff}.implementacion-grid{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:visible;max-height:none}.implementacion-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 12px #0000000d;transition:all .3s ease}.implementacion-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.implementacion-card .card-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.implementacion-card .card-icon{font-size:18px;color:#e30613}.implementacion-card h4{margin:0;font-size:16px;font-weight:600;color:#374151}.implementacion-card .card-body{padding:20px}.status-card .status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-card .status-row:last-child{margin-bottom:0}.status-label{font-weight:600;color:#6b7280;font-size:14px}.implementacion-numero{background:linear-gradient(135deg,#e30613,#e30613);color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 2px 8px #3b82f64d}.implementacion-estado{padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.implementacion-estado.aceptado{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.implementacion-estado.rechazado{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.observaciones-card .observaciones-contenido{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;color:#374151;line-height:1.6;font-size:14px;min-height:40px;max-height:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.productos-implementados-section{margin:0 24px 24px}.productos-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.productos-icon{font-size:20px;color:#e30613}.productos-header h4{margin:0;font-size:18px;font-weight:700;color:#374151}.productos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.producto-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease;box-shadow:0 1px 6px #0000000d}.producto-card:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000001a;border-color:#e30613}.producto-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.producto-nombre{font-weight:600;color:#374151;line-height:1.4;flex:1;margin-right:12px}.producto-codigo{background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.producto-cantidad-badge{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center}.fotos-implementacion-section{margin:0 24px 24px;display:grid;gap:20px}.foto-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 12px #0000000d}.foto-card-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.foto-icon{font-size:18px;color:#e30613}.foto-card h4{margin:0;font-size:16px;font-weight:600;color:#374151}.foto-container,.evidencia-grid{padding:20px}.evidencia-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.foto-link,.evidencia-link{display:block;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.foto-link:hover,.evidencia-link:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.foto-preview,.evidencia-preview{width:100%;height:180px;object-fit:cover;display:block}.evidencia-preview{height:120px}.foto-overlay,.evidencia-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:12px;font-size:12px;font-weight:600;text-align:center;opacity:0;transition:opacity .3s ease}.foto-link:hover .foto-overlay,.evidencia-link:hover .evidencia-overlay{opacity:1}@media (max-width: 768px){.implementacion-grid{grid-template-columns:1fr;padding:16px;gap:16px}.implementacion-header{padding:16px;flex-direction:column;text-align:center;gap:12px}.implementacion-icon-container{padding:16px}.implementacion-icon{font-size:32px}.implementacion-section-moderna{margin-top:16px;max-height:none;overflow:visible}.productos-implementados-section,.fotos-implementacion-section{margin:0 16px 16px}.productos-grid{grid-template-columns:1fr}.evidencia-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:16px}.evidencia-preview{height:100px}.foto-preview{height:150px}.implementacion-card .card-body{padding:16px}.status-card .status-row{flex-direction:column;align-items:flex-start;gap:8px}.observaciones-card .observaciones-contenido{min-height:30px;padding:12px;font-size:13px;line-height:1.5}}.registros-table-container-responsive{width:100%;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:20px 0;overflow:hidden;border:1px solid #e1e8ed}.table-wrapper-responsive{width:100%;position:relative}.table-scroll-container{width:100%;overflow-x:auto;overflow-y:auto;height:var(--table-height, calc(100vh - var(--header-height, 60px) - var(--footer-height, 45px) - var(--filters-height, 80px) - 30px));min-height:150px;max-height:90vh;scrollbar-width:thin;scrollbar-color:#e30613 #f0f4f8;transition:height .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.table-scroll-container{height:var(--table-height, calc(100vh - 180px) )!important;min-height:120px!important;max-height:90vh!important}}.table-scroll-container::-webkit-scrollbar{width:8px;height:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f0f4f8;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#a1000b);border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a1000b,#e30613)}.registros-table-responsive{width:100%;min-width:700px;border-collapse:collapse;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.table-header-fixed{background:linear-gradient(135deg,#e30613,#a1000b);position:sticky;top:0;z-index:10}.table-header-fixed th{padding:16px 12px;text-align:center;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.2);white-space:nowrap}.table-body-scrollable{background:#fff}.registro-row-responsive{border-bottom:1px solid #e1e8ed;transition:all .2s ease;cursor:pointer}.registro-row-responsive:hover{background:linear-gradient(135deg,#f56972c3,#ed798151);transform:translateY(-1px);box-shadow:0 2px 8px #4169e11a}.registro-row-responsive:nth-child(2n){background:#fafbfc}.registro-row-responsive td{vertical-align:middle;border-right:1px solid #f0f4f8}.registro-row-responsive td:last-child{border-right:none}.codigo-cell-responsive{font-weight:600}.codigo-highlight-responsive{color:#e30613;font-weight:700;font-size:15px;padding:4px 8px}.fecha-principal-responsive{color:#2d3748;font-weight:500;font-size:13px}.actividad-badge-responsive{padding:6px 12px;border-radius:20px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:80px;text-align:center}.actividad-implementacion{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 2px 4px #48bb784d}.actividad-visita{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;box-shadow:0 2px 4px #ed89364d}.estado-badge-responsive{padding:6px 12px;border-radius:20px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#e73317,#c04634d5);color:#fff;display:inline-block;min-width:80px;text-align:center;box-shadow:0 2px 4px #9f7aea4d}.pdv-info-responsive{display:flex;flex-direction:column;gap:4px;align-items:center}.pdv-nombre-responsive{font-weight:600;color:#2d3748;font-size:13px;line-height:1.3}.pdv-direccion-responsive{font-size:12px;color:#718096;line-height:1.3;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.table-scroll-container{height:var(--table-height, calc(100vh - var(--header-height, 60px) - var(--footer-height, 45px) - var(--filters-height, 80px) - 40px))!important;min-height:250px!important;max-height:75vh!important}.registros-table-responsive{min-width:600px;font-size:13px}.table-header-fixed th{padding:14px 10px;font-size:12px}.pdv-direccion-responsive{max-width:150px}}@media (max-width: 992px){.table-scroll-container{height:var(--table-height, calc(100vh - var(--header-height, 60px) - var(--footer-height, 45px) - var(--filters-height, 80px) - 40px))!important;min-height:220px!important;max-height:70vh!important}.registros-table-responsive{min-width:550px}}@media (max-width: 768px){.registros-table-container-responsive{margin:15px 0;border-radius:8px}.table-scroll-container{height:var(--table-height, calc(100vh - var(--header-height, 70px) - var(--footer-height, 50px) - var(--filters-height, 70px) - 10px))!important;min-height:150px!important;max-height:85vh!important;min-height:280px}.registros-table-responsive{min-width:500px;font-size:12px}.table-header-fixed th{padding:12px 8px;font-size:11px}.codigo-highlight-responsive{font-size:13px;padding:3px 6px}.actividad-badge-responsive,.estado-badge-responsive{padding:4px 8px;font-size:10px;min-width:60px}.pdv-nombre-responsive{font-size:12px}.pdv-direccion-responsive{font-size:11px;max-width:120px}}@media (max-width: 576px){.registros-table-container-responsive{margin:10px 0;border-radius:6px}.table-scroll-container{height:var(--table-height, calc(100vh - var(--header-height, 70px) - var(--footer-height, 50px) - var(--filters-height, 70px) - 15px))!important;min-height:120px!important;max-height:80vh!important}.registros-table-responsive{min-width:450px;font-size:11px}.table-header-fixed th{padding:10px 6px;font-size:10px}.codigo-highlight-responsive{font-size:12px;padding:2px 4px}.fecha-principal-responsive{font-size:12px}.actividad-badge-responsive,.estado-badge-responsive{padding:3px 6px;font-size:9px;min-width:50px}.pdv-nombre-responsive{font-size:11px}.pdv-direccion-responsive{font-size:10px;max-width:100px}}@media (max-width: 375px){.table-scroll-container{max-height:40vh;min-height:220px}.registros-table-responsive{min-width:400px;font-size:10px}.table-header-fixed th{padding:8px 4px;font-size:9px}}.comentarios-sistema-card{background:linear-gradient(135deg,#f8faff,#eef5ff);border:1px solid #d1e3ff;margin-bottom:20px}.comentarios-sistema-card .card-header-moderna{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#fff}.comentarios-sistema-card .card-icon-moderna{background:#fff3;color:#fff;font-size:20px}.comentarios-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.comentario-item{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:16px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.comentario-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#c3d4f0}.comentario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f4f8}.comentario-label{display:flex;align-items:center;gap:8px}.comentario-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#e8eff7);border-radius:8px;border:1px solid #d1e3ff}.comentario-title{font-weight:600;color:#2d3748;font-size:14px}.estado-mini-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.estado-mini-badge.aceptado,.estado-mini-badge.aprobado,.estado-mini-badge.validado{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:#38a169}.estado-mini-badge.rechazado,.estado-mini-badge.rejected{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border-color:#e53e3e}.estado-mini-badge.pendiente,.estado-mini-badge.pending,.estado-mini-badge.revision{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border-color:#dd6b20}.comentario-contenido{margin-top:8px}.comentario-texto{color:#2d3748;font-size:13px;line-height:1.5;margin:0;padding:12px;background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:8px;border-left:4px solid #e30613;font-style:italic}.comentario-vacio{color:#9ca3af;font-size:13px;line-height:1.5;margin:0;padding:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;border-left:4px solid #d1d5db;display:flex;align-items:center;gap:8px;font-style:italic}.icono-vacio{font-size:16px;opacity:.7}@media (max-width: 768px){.comentarios-grid{grid-template-columns:1fr;gap:16px}.comentario-item{padding:14px}.comentario-header{flex-direction:column;align-items:flex-start;gap:8px}.comentario-label{width:100%}.estado-mini-badge{align-self:flex-start}.comentario-texto,.comentario-vacio{font-size:12px;padding:10px}}@media (max-width: 576px){.comentario-item{padding:12px}.comentario-icon{width:28px;height:28px;font-size:16px}.comentario-title{font-size:13px}.comentario-texto,.comentario-vacio{font-size:11px;padding:8px}.estado-mini-badge{font-size:9px;padding:3px 6px}}.no-registros{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#f8faff,#eef2ff);border-radius:12px;border:2px dashed #d1e3ff;margin:20px 0;text-align:center}.no-registros-icon{font-size:48px;margin-bottom:16px;opacity:.7}.no-registros h3{color:#2d3748;margin:0 0 8px;font-size:18px;font-weight:600}.no-registros p{color:#718096;margin:0;font-size:14px}@media (max-width: 768px){.no-registros{padding:40px 15px}.no-registros-icon{font-size:40px}.no-registros h3{font-size:16px}.no-registros p{font-size:13px}}@media (max-width: 576px){.no-registros{padding:30px 10px}.no-registros-icon{font-size:36px}.no-registros h3{font-size:15px}.no-registros p{font-size:12px}}@media (min-width: 1200px){.table-scroll-container{height:calc(100vh - 500px);max-height:75vh}}@media (min-width: 992px) and (max-width: 1199px){.table-scroll-container{height:calc(100vh - 440px);max-height:70vh;min-height:400px}}@media (min-width: 768px) and (max-width: 991px){.table-scroll-container{height:calc(100vh - 380px);max-height:65vh;min-height:350px}.registros-table-responsive{min-width:600px}}@media (min-width: 576px) and (max-width: 767px){.table-scroll-container{height:calc(100vh - 320px);max-height:60vh;min-height:300px}.registros-table-responsive{min-width:500px;font-size:12px}.table-header-fixed th{padding:12px 8px;font-size:11px}}@media (max-width: 575px){.table-scroll-container{height:calc(100vh - 270px);max-height:55vh;min-height:250px}.registros-table-responsive{min-width:450px;font-size:11px}.table-header-fixed th{padding:10px 6px;font-size:10px}.codigo-highlight-responsive{font-size:12px}.fecha-principal-responsive{font-size:11px}.actividad-badge-responsive{padding:4px 8px;font-size:9px;min-width:60px}}@media (min-height: 600px){.table-scroll-container{height:calc(100vh - var(--header-height, 120px) - var(--footer-height, 80px) - var(--filters-height, 200px) - var(--padding, 40px) - 20px)}}@media (max-height: 500px){.table-scroll-container{height:calc(100vh - 240px);min-height:200px;max-height:300px}}.filtros-container-collapsible{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin:24px 0;overflow:hidden;border:1px solid #f0f0f0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;padding:15px}.filtros-container-collapsible:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e30613,#ff4757,#e30613);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.filtros-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #f0f2f5;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative}.filtros-header:hover{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.filtros-titulo{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;color:#2c3e50;position:relative;letter-spacing:-.02em}.filtros-titulo svg{flex-shrink:0;width:24px;height:24px;color:#e30613;filter:drop-shadow(0 2px 4px rgba(227,6,19,.2))}.filtros-activos-badge{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:20px;margin-left:10px;min-width:20px;text-align:center;box-shadow:0 4px 12px #e3061366;border:2px solid rgba(255,255,255,.3);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.filtros-header-actions{display:flex;align-items:center;gap:12px}.filtros-limpiar-header{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;color:#6c757d;padding:8px 16px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.filtros-limpiar-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.filtros-limpiar-header:hover:before{left:100%}.filtros-limpiar-header:hover{background:linear-gradient(135deg,#e30613,#ff4757);border-color:#e30613;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #e306134d}.filtros-toggle{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filtros-toggle:hover{background:linear-gradient(135deg,#e30613,#ff4757);border-color:#e30613;transform:translateY(-2px);box-shadow:0 6px 20px #e306134d}.filtros-toggle:hover .filtros-toggle-icon{color:#fff}.filtros-toggle-icon{transition:all .4s cubic-bezier(.4,0,.2,1);color:#6c757d;width:20px;height:20px}.filtros-content{overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fafbfc,#fff)}.filtros-content.expanded{max-height:1200px;opacity:1;transform:translateY(0)}.filtros-content.collapsed{max-height:0;opacity:0;transform:translateY(-10px)}.filtros-content .filtros-container{padding:28px;margin:0;background:transparent;border-radius:0;box-shadow:none;position:relative}.filtros-content .filtros-container:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.filtros-content .filtros-container .form-row{margin-bottom:20px;padding:16px;background:#fffc;border-radius:12px;border:1px solid #f0f2f5;transition:all .3s ease}.filtros-content .filtros-container .form-row:hover{background:#fff;border-color:#e30613;box-shadow:0 4px 16px #e306131a;transform:translateY(-2px)}.filtros-content .filtros-container .form-group label{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.filtros-content .filtros-container .form-control{border-radius:10px;border:2px solid #e9ecef;padding:12px 16px;transition:all .3s ease;background:#ffffffe6}.filtros-content .filtros-container .form-control:focus{border-color:#e30613;box-shadow:0 0 0 3px #e306131a;background:#fff;transform:scale(1.02)}.filtros-content .filtros-container .btn{border-radius:12px;padding:12px 24px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filtros-content .filtros-container .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.filtros-content .filtros-container .btn:hover:before{left:100%}.filtros-content .filtros-container .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.busqueda-container{margin-bottom:24px;position:relative}.busqueda-input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e9ecef;border-radius:16px;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fff,#f8f9fa);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d;color:#2c3e50}.busqueda-input:focus{border-color:#e30613;box-shadow:0 0 0 4px #e306131a,0 8px 25px #0000001a;background:#fff;transform:translateY(-2px);outline:none}.busqueda-input::placeholder{color:#6c757d;font-weight:400}.busqueda-container:before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:2}.contador-simple{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;text-align:center;margin-top:20px;box-shadow:0 4px 16px #e306134d;position:relative;overflow:hidden}.contador-simple:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.filtros-content .filtros-container .filter-buttons-container{background:#fff9;border-radius:16px;padding:20px;margin:16px 0;border:1px solid #f0f2f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.filtros-container-collapsible{margin:16px 0;border-radius:12px}.filtros-header{padding:16px 20px}.filtros-titulo{font-size:16px}.filtros-titulo svg{width:20px;height:20px}.filtros-activos-badge{font-size:10px;padding:3px 6px;margin-left:8px}.filtros-limpiar-header{padding:6px 12px;font-size:12px}.filtros-toggle{padding:6px}.filtros-toggle-icon{width:16px;height:16px}.filtros-content .filtros-container{padding:20px 16px}.filtros-content .filtros-container .form-row{padding:12px;margin-bottom:16px}.filtros-content .filtros-container .form-control{padding:10px 14px}.filtros-content .filtros-container .btn{padding:10px 20px;font-size:14px}}.filtros-header:focus-within{outline:3px solid #e30613;outline-offset:2px;border-radius:16px}.filtros-limpiar-header:focus,.filtros-toggle:focus{outline:3px solid #e30613;outline-offset:2px}.filtros-content.expanded .filtros-container>*{animation:slideInFromTop .6s ease-out}.filtros-container-collapsible{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.filtros-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.historial-registros{padding:15px 10px;width:100%;overflow-x:hidden}.busqueda-container{flex-direction:column;gap:10px}.busqueda-input,.limpiar-btn{width:100%}.filter-buttons{justify-content:center;flex-wrap:wrap}.filter-selects{flex-direction:column;padding:0}.filter-group,.filter-select{width:100%}}@media (max-width: 576px){.historial-registros{padding:10px 5px}.historial-header h1{font-size:20px}.filtros-container{padding:12px}.registros-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper{min-width:100%;overflow-x:auto}.registros-table{width:100%;min-width:600px;font-size:12px}.registros-table th,.registros-table td{padding:8px 4px;font-size:11px;white-space:nowrap}.codigo-highlight,.kpi-badge{font-size:10px;padding:3px 6px}.detalles-btn{font-size:10px;padding:4px 8px}.modal-overlay{padding:10px}.modal-content{width:calc(100% - 20px);height:auto;max-height:90vh;margin:0}.modal-body{max-height:none;height:auto}}.filtros-avanzados-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.filtros-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filtros-header h3{margin:0;color:#333;font-size:18px}.btn-limpiar-filtros{background:#e30613;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-limpiar-filtros:hover{background:#c20510}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:end}.filtro-item{display:flex;flex-direction:column;gap:8px}.filtro-item label{font-weight:500;color:#333;font-size:14px}.filtro-select{padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s}.filtro-select:focus{outline:none;border-color:#e30613}.filtro-select:disabled{background:#f5f5f5;cursor:not-allowed}.filtros-activos{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.filtros-activos-label{font-weight:500;color:#333;margin-right:10px}.filtros-activos-lista{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.filtro-activo{background:#e30613;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:8px}.btn-quitar-filtro{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.btn-quitar-filtro:hover{background:#fff3}.filtro-activo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.filtro-activo-titulo{font-weight:600;color:#333;font-size:16px}.btn-limpiar-filtros-activos{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.btn-limpiar-filtros-activos:hover{background:#5a6268}.filtro-activo-contenido{display:flex;flex-wrap:wrap;gap:15px}.filtro-activo-item{display:flex;align-items:center;gap:8px}.filtro-activo-tipo{font-weight:500;color:#666;font-size:14px}.filtro-activo-valor{background:#e30613;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}@media (max-width: 768px){.filtros-grid{grid-template-columns:1fr;gap:15px}.filtros-activos-lista{flex-direction:column;gap:5px}.filtro-activo-contenido{flex-direction:column;gap:10px}.filtro-activo-item{flex-direction:column;align-items:flex-start;gap:4px}}.dashboard-seguimiento-container{width:100%;padding:20px;overflow-x:hidden}.metricas-container-50{width:50%;margin:0 auto;padding:0 10px}.metricas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:100%;margin:0 auto}.pdv-filtro-elegante{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e6ed;border-left:4px solid #e30613;padding:16px 20px;margin-bottom:25px;border-radius:8px;box-shadow:0 2px 12px #00000014;position:relative;overflow:hidden}.pdv-filtro-elegante:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e30613,#ff4757,#e30613);opacity:.7}.pdv-filtro-contenido{display:flex;align-items:center;gap:15px}.pdv-filtro-icono{font-size:24px;color:#e30613;background:#e306131a;padding:8px;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pdv-filtro-info{flex:1;min-width:0}.pdv-filtro-titulo{margin:0 0 4px;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.pdv-filtro-nombre{margin:0 0 2px;font-size:16px;font-weight:700;color:#333;line-height:1.3}.pdv-filtro-direccion{margin:0;font-size:13px;color:#777;opacity:.9;line-height:1.3}.pdv-filtro-cerrar{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:8px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pdv-filtro-cerrar:hover{background:#e9ecef;border-color:#ced4da;color:#495057;transform:translateY(-1px)}.pdv-filtro-cerrar:active{transform:translateY(0)}.pdv-seleccionado-info{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff;padding:15px 20px;margin-bottom:25px;border-radius:12px;box-shadow:0 4px 15px #e306134d}.pdv-info-content h3{margin:0 0 8px;font-size:16px;font-weight:700}.pdv-direccion{margin:0 0 12px;font-size:14px;opacity:.9}.btn-limpiar-filtro{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-limpiar-filtro:hover{background:#ffffff4d;border-color:#ffffff80}.filtro-pdv-flotante{left:30px}.btn-filtro-flotante{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff;border:none;border-radius:50px;padding:16px 24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 6px 25px #e3061366;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;min-width:120px;justify-content:center;display:none}.btn-filtro-flotante:hover{background:linear-gradient(135deg,#c60511,#e30613);transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #e3061399}.filtro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.filtro-panel{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 15px 50px #0006;transform:translateY(0);animation:slideInFilterPanel .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFilterPanel{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filtro-header{background:#e30613;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.filtro-header h3{margin:0;font-size:16px;font-weight:600}.filtro-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.filtro-close:hover{background:#fff3}.filtro-busqueda{padding:15px 20px;border-bottom:1px solid #eee}.filtro-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.filtro-input:focus{outline:none;border-color:#e30613}.filtro-lista{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e30613 #f0f0f0}.filtro-lista::-webkit-scrollbar{width:6px}.filtro-lista::-webkit-scrollbar-track{background:#f0f0f0}.filtro-lista::-webkit-scrollbar-thumb{background:#e30613;border-radius:3px}.filtro-item{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:6px;position:relative}.filtro-item:hover{background:#f8f9fa;transform:translate(5px);border-left:3px solid #e30613}.filtro-item.seleccionado{background:linear-gradient(90deg,#e8f5e8,#f0f9f0);border-left:4px solid #e30613;box-shadow:inset 0 0 0 1px #e306131a}.filtro-item.todos{background:linear-gradient(90deg,#f0f8ff,#e6f3ff);font-weight:700;color:#06c;border-left:4px solid #0066cc}.filtro-item.todos:hover{background:linear-gradient(90deg,#e6f3ff,#d9edff);transform:translate(5px)}.pdv-codigo{font-weight:700;color:#e30613;font-size:14px}.pdv-nombre{font-size:13px;color:#333;font-weight:500}.pdv-meta{font-size:11px;color:#666;font-style:italic}.metrica-card-kpi{animation:slideInUp .3s ease-out forwards}.metrica-card-kpi:nth-child(1){animation-delay:.1s}.metrica-card-kpi:nth-child(2){animation-delay:.2s}.metrica-card-kpi:nth-child(3){animation-delay:.3s}.metrica-card-kpi:nth-child(4){animation-delay:.4s}.metrica-card-kpi:nth-child(5){animation-delay:.5s}.metrica-card-kpi{background:#fff;border-radius:12px;overflow:visible;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:none;margin-bottom:15px;position:relative;cursor:pointer}.metrica-card-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.metrica-header-kpi{background:#e30613;padding:10px 15px;color:#fff;font-weight:700;font-size:11px;text-align:left;letter-spacing:.5px;text-transform:uppercase;position:absolute;top:0;left:0;z-index:2;border-radius:12px 0;max-width:70%;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 100%,0 100%)}.metrica-titulo-kpi{font-weight:700;font-size:11px}.metrica-content-kpi{padding:40px 20px 0;background:#fff;border-radius:12px;position:relative}.metrica-datos-row{display:flex;justify-content:space-around;align-items:center;margin-bottom:15px;gap:10px}.dato-item-kpi{text-align:center;flex:1}.dato-numero{display:block;font-size:18px;font-weight:700;color:#333;margin-bottom:0}.porcentaje-kpi{color:#e30613!important}.dato-label-small{font-size:9px;color:#666;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;overflow-y:auto}.modal-detalle{background:#fff;border-radius:16px;max-width:95vw;max-height:90vh;width:100%;max-width:700px;overflow:hidden;box-shadow:0 15px 50px #0006;animation:slideIn .4s cubic-bezier(.4,0,.2,1);margin:auto;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#e30613;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:16px;font-weight:700;color:#fff}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-body{padding:20px;max-height:calc(90vh - 80px);-webkit-overflow-scrolling:touch;flex:1;scrollbar-width:thin;scrollbar-color:#e30613 #f0f0f0;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f0f0f0}.modal-body::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px}.detalle-content{width:100%}.tabla-container{margin-bottom:20px;overflow-x:auto}.tabla-container h3{color:#e30613;font-size:15px;font-weight:700;margin-bottom:12px;text-align:center;padding:0 10px}.detalle-tabla{width:100%;min-width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;table-layout:auto}.detalle-tabla th{background:#e30613;color:#fff;padding:10px 8px;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.2px}.detalle-tabla td{padding:10px 8px;font-size:11px;text-align:center;border-bottom:1px solid #eee;color:#333}.detalle-tabla tr:last-child td{border-bottom:none}.detalle-tabla tr:nth-child(2n){background:#f9f9f9}.estado{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.estado.implementado{background:#00a651;color:#fff;padding:4px 8px;border-radius:12px;font-size:8px;font-weight:600;text-transform:uppercase}.estado.no-implementado{background:#e30613;color:#fff;padding:4px 1px;border-radius:12px;font-size:8px;font-weight:600;text-transform:uppercase}.porcentaje.alto{color:#00a651;font-weight:700}.porcentaje.bajo{color:#e30613;font-weight:700}.diferencia.favorable{color:#00a651;font-weight:700}.diferencia.desfavorable{color:#e30613;font-weight:700}.producto-nombre{text-align:left!important;font-size:10px;line-height:1.2;max-width:150px;word-wrap:break-word}.volumen-detalles{display:grid;gap:20px}.grafica-segmentos{background:#f8f9fa;padding:15px;border-radius:8px}.barras-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;height:200px;margin:20px 0;padding:20px 10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:30px}.barra-segmento{display:flex;flex-direction:column;align-items:center;width:90px;position:relative}.barra-label{font-size:11px;font-weight:600;margin-top:5px;text-align:center;color:#666;text-transform:uppercase;order:3;line-height:1.2;letter-spacing:.5px}.barra-visual{width:50px;height:140px;background:#f0f0f0;border-radius:8px 8px 4px 4px;position:relative;display:flex;align-items:flex-end;order:1;box-shadow:0 2px 4px #0000001a;overflow:hidden;border:2px solid #fff}.barra-fill{width:100%;background:linear-gradient(180deg,#e30613,#ff4757);border-radius:8px 8px 4px 4px;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:8px;position:relative;box-shadow:0 -2px 8px #e306134d}.barra-valor{font-size:14px;font-weight:700;margin:8px 0 5px;color:#333;order:2;text-align:center}.barra-segmento:hover .barra-visual{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.barra-segmento:hover .barra-fill{box-shadow:0 -3px 12px #e3061366}.barra-segmento:hover .barra-valor{color:#e30613;transform:scale(1.05)}.barra-fill{animation:fillUp .8s ease-out forwards}@keyframes fillUp{0%{height:0;opacity:.7}to{opacity:1}}.grafica-segmentos{background:#f8f9fa;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:15px 0}.grafica-segmentos h3{color:#e30613;font-size:16px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.metricas-container-50{width:100%;padding:0 5px}.metricas-grid{grid-template-columns:1fr;gap:5px}.dashboard-seguimiento-container{padding:15px 10px 40px}.pdv-seleccionado-info,.pdv-filtro-elegante{margin-bottom:20px;padding:12px 15px}.pdv-filtro-contenido{gap:12px}.pdv-filtro-icono{font-size:20px;width:38px;height:38px;padding:6px}.pdv-filtro-titulo{font-size:11px}.pdv-filtro-nombre{font-size:14px}.pdv-filtro-direccion{font-size:12px}.pdv-filtro-cerrar{width:28px;height:28px;font-size:12px}.pdv-info-content h3{font-size:14px}.filtro-pdv-flotante{bottom:40px;right:20px}.btn-filtro-flotante{padding:14px 18px;font-size:12px;min-width:100px}.filtro-panel{margin:10px;max-height:85vh;border-radius:12px}.modal-detalle{max-width:98vw;max-height:95vh;margin:1vh auto;border-radius:12px}.modal-body{padding:12px;max-height:calc(95vh - 70px)}.tabla-container{margin-bottom:15px;overflow-x:auto}.tabla-container h3{font-size:13px;padding:0 5px}.detalle-tabla{min-width:100%;font-size:10px}.detalle-tabla td{padding:6px 4px;font-size:9px}.tabla-pdv-galonaje th,.tabla-pdv-galonaje td{padding:6px 3px!important;font-size:8px!important}.barras-container-popup{height:200px;padding:20px 15px;margin:20px 0;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:35px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;overflow-y:hidden}.barra-segmento-popup{width:90px;min-width:90px;flex:0 0 90px;display:flex;flex-direction:column;align-items:center;height:100%;text-align:center}.barra-visual-popup{width:50px;height:120px;background:#f0f0f0;border-radius:8px 8px 4px 4px;box-shadow:0 3px 6px #00000026;overflow:hidden;border:2px solid #fff;position:relative;display:flex;align-items:flex-end;margin:8px 0;scale:y(1.2)}.barra-fill{width:100%;transition:height .4s ease-in-out;border-radius:0 0 4px 4px}.barra-valor{font-size:12px;font-weight:700;color:#333;text-align:center;margin:4px 0;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2}.barra-label{font-size:14px;font-weight:700;color:#e30613;text-align:center;margin:4px 0;line-height:1.2}.barra-info{font-size:10px;color:#666;text-align:center;margin:4px 0;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2}.grafica-segmentos h3{font-size:16px;margin-bottom:15px;color:#333;text-align:center}.tabla-productos{overflow-x:auto;max-width:100%;border-radius:8px}.tabla-productos table{width:100%;min-width:600px}.tabla-productos .producto-nombre{font-size:11px;max-width:200px;word-wrap:break-word;line-height:1.3;padding:8px 6px}.tabla-productos th,.tabla-productos td{padding:8px 10px;font-size:11px;text-align:left}.tabla-productos th:last-child,.tabla-productos td:last-child{text-align:center}.detalle-tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;font-size:12px}.detalle-tabla td{padding:10px 8px;font-size:11px;border-bottom:1px solid #dee2e6;word-wrap:break-word;max-width:200px}.detalle-tabla tbody tr:hover{background-color:#f8f9fa}.tabla-container{overflow-x:auto;margin:15px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%}.tabla-productos{overflow-x:auto!important;max-width:100%!important;border-radius:8px;box-shadow:0 2px 8px #0000001a;scrollbar-width:thin;scrollbar-color:#e30613 #f0f0f0}.tabla-productos::-webkit-scrollbar{height:8px}.tabla-productos::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px}.tabla-productos::-webkit-scrollbar-track{background:#f0f0f0}.tabla-productos table{width:100%!important;min-width:700px!important;border-collapse:collapse}.tabla-productos th{background:#e30613!important;color:#fff!important;font-weight:700!important;text-transform:uppercase!important}.sin-datos-mensaje{display:flex;align-items:center;justify-content:center;height:100px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.sin-datos-mensaje p{color:#6c757d;font-size:14px;margin:0;font-style:italic}.galonaje-productos-container{margin-top:15px;padding:0 10px}.galonaje-productos-container h3{font-size:14px;margin-bottom:12px}.tabla-productos-centrada{max-width:100%;overflow-x:auto}.tabla-galonaje-productos{min-width:350px}.tabla-galonaje-productos th,.tabla-galonaje-productos td{padding:10px 8px;font-size:10px}.tabla-galonaje-productos th:first-child,.tabla-galonaje-productos td:first-child{padding-left:12px}.popup-filtro-info{font-size:10px;padding:8px 12px}.productos-limitados-note{font-size:9px;padding:6px 10px}.filtro-activo-indicator{font-size:10px;padding:6px 12px}.datos-filtrados-msg{font-size:10px;padding:8px 12px}}.barras-container-visitas{height:160px;padding:15px 20px;gap:12px;display:flex;justify-content:space-around;flex-direction:row}.barra-tipo-visita{width:50px;flex:0 0 50px}.barra-visual-visita{width:35px;height:100px}.barra-valor-visita{font-size:12px;font-weight:800px}.barra-label-visita{font-size:7px;min-height:25px;padding:0 1px}.leyenda-visitas{grid-template-columns:repeat(2,1fr);gap:6px}.leyenda-item{font-size:9px;padding:4px 6px}.leyenda-color{width:10px;height:10px;margin-right:6px}.resumen-visitas-pdv{padding:12px}.resumen-visitas-pdv h4{font-size:12px}.total-visitas-numero{font-size:20px}.total-visitas-label{font-size:10px}.dashboard-filtro-badge{padding:10px 15px;font-size:11px;margin:-15px -12px 15px}.metrica-filtrada:before{font-size:7px;padding:1px 6px}.datos-sincronizados,.datos-inconsistentes{font-size:9px;padding:6px 10px}.puntos-obtenidos-label{text-align:center;border-top:1px solid #ef0d0d}.puntos-label-text{font-size:9.5px;color:#ef0d0d;font-style:italic;text-transform:uppercase;letter-spacing:.3px}@media (min-width: 1200px){.dashboard-seguimiento-container{padding:30px 40px;max-width:1400px;margin:0 auto}.metricas-container-50{width:80%;max-width:1200px}.metricas-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.metrica-card-kpi{transition:transform .3s ease,box-shadow .3s ease}.metrica-card-kpi:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.modal-detalle{width:90vw;max-width:1300px;max-height:85vh}.modal-body{padding:30px}.barras-container-popup{height:250px;padding:25px 20px;gap:45px;display:flex;justify-content:center;flex-direction:row;align-items:flex-end}.barra-visual-popup{width:60px;height:140px}.barra-valor{font-size:14px}.barra-label{font-size:16px}.barra-info{font-size:11px}}@media (min-width: 1440px){.dashboard-seguimiento-container{padding:40px 60px}.metricas-container-50{width:85%;max-width:1400px;padding:20px 10px}.modal-detalle{max-width:1400px}}@media (max-width: 767px){.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal-detalle{width:100vw!important;max-width:100vw!important;max-height:95vh!important;border-radius:16px!important;margin:0!important}.modal-header{padding:15px 20px!important;font-size:16px!important}.modal-body{padding:15px!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-body .tabla-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-body .barras-container-popup{height:180px;padding:15px 10px;gap:20px;overflow-x:auto}.modal-body .barra-visual-popup{width:40px;height:100px;align-items:flex-end}.modal-body .barra-valor{font-size:10px}.modal-body .barra-label{font-size:11px}}.tabla-detalle{width:100%;margin-top:15px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.tabla-detalle table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.tabla-detalle thead{background:#e30613;color:#fff}.tabla-detalle th{padding:12px 8px;text-align:left;font-weight:600;font-size:12px;color:#fff;border-bottom:2px solid #b8050f;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.tabla-detalle tbody{background:#fff}.tabla-detalle td{padding:10px 8px;border-bottom:1px solid #e9ecef;font-size:12px;color:#495057;vertical-align:middle;word-wrap:break-word;max-width:200px}.tabla-detalle tbody tr:hover{background-color:#f8f9fa}.tabla-detalle tbody tr:last-child td{border-bottom:none}.tabla-detalle .estado{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block;min-width:80px;text-align:center}.tabla-detalle .estado.implementado{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.tabla-detalle .estado.no-implementado{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tabla-detalle .estado.reportados{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.tabla-detalle .estado.no-reportados{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tabla-detalle .estado.registrado{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.tabla-detalle .estado.no-registrado{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.detalle-metrica-container{width:100%;overflow-x:auto}.detalle-metrica-container h3{color:#e30613;font-size:16px;font-weight:600;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.tabla-detalle th{padding:8px 6px;font-size:11px}.tabla-detalle td{padding:8px 6px;font-size:11px;max-width:150px}.tabla-detalle .estado{font-size:9px;padding:2px 6px;min-width:60px}}.tabla-detalle::-webkit-scrollbar{height:8px}.tabla-detalle::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tabla-detalle::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px}.tabla-detalle::-webkit-scrollbar-thumb:hover{background:#b8050f}.filtros-mercadeo-simple{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e6ed;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 12px #00000014}.filtros-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.filtro-item-simple{display:flex;flex-direction:column;gap:8px}.filtro-item-simple label{font-size:14px;font-weight:600;color:#333;margin-bottom:5px}.filtro-item-simple select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease}.filtro-item-simple select:hover{border-color:#bbb}.filtro-item-simple select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 2px #e306131a}.filtro-actions{display:flex;align-items:center}.btn-limpiar-filtros{padding:10px 20px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease}.btn-limpiar-filtros:hover{background:#e9ecef;border-color:#ccc;color:#333}.mercadeo-download-section{display:flex;justify-content:center;margin-bottom:20px}.download-btn-mercadeo{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#00a651,#008a44);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 8px #00a6514d}.download-btn-mercadeo:hover{background:linear-gradient(135deg,#008a44,#00a651);transform:translateY(-2px);box-shadow:0 5px 12px #00a65166}.download-btn-mercadeo:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.filtro-activo-simple{background:#e306130d;border:1px solid rgba(227,6,19,.2);border-radius:8px;padding:12px 16px;margin-bottom:20px}.filtro-activo-content{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filtro-activo-label{font-size:14px;font-weight:600;color:#e30613}.filtro-activo-items{display:flex;gap:10px;flex-wrap:wrap}.filtro-activo-item{background:#fff;border:1px solid rgba(227,6,19,.3);border-radius:20px;padding:4px 12px;font-size:12px;color:#e30613;font-weight:500}@media (max-width: 768px){.filtros-grid{grid-template-columns:1fr;gap:15px}.filtro-actions{justify-content:center}.filtro-activo-content{flex-direction:column;align-items:flex-start;gap:10px}}.mercadeo-home-navigation-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 15px;box-sizing:border-box;max-width:100vw}.mercadeo-home-vertical-menu{width:100%;max-width:300px;margin:0 auto;display:flex;flex-direction:column;gap:0px;align-items:center;justify-content:center;padding:20px}.mercadeo-home-navigation-grid{width:100%;max-width:500px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:25px;justify-items:center;align-items:center;justify-content:center;align-content:center;padding:0 20px 20px;transition:all .3s ease;place-items:center}.mercadeo-home-navigation-grid.page-transition{opacity:.7;transform:scale(.95)}.mercadeo-home-nav-button{background:transparent;border:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;cursor:pointer;transition:all .3s ease;width:100%;max-width:180px;text-align:center;min-height:160px;margin-bottom:5px;-webkit-user-select:none;user-select:none}.mercadeo-home-nav-button:hover{transform:translateY(-3px)}.mercadeo-home-nav-icon-container{background:#fff;box-shadow:0 4px 15px #0000001a;border-radius:20px;width:95px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:all .3s ease}.mercadeo-home-nav-button:hover .mercadeo-home-nav-icon-container{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.mercadeo-home-nav-icon-circle{width:70px;height:70px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.mercadeo-home-nav-icon{width:45px;height:45px;object-fit:contain}.mercadeo-home-nav-label{font-weight:700;color:#e30613;font-size:11px;text-align:center;letter-spacing:.3px;line-height:1.2;max-width:120px;word-break:break-word;text-transform:uppercase}.mercadeo-home-nav-button-empty{width:140px;min-height:150px;visibility:hidden}.mercadeo-home-page-dots{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:12px;align-items:center;justify-content:center}.mercadeo-home-dot{width:10px;height:10px;border-radius:50%;background:#d0d0d0;cursor:pointer;transition:all .3s ease}.mercadeo-home-dot:hover{background:#b0b0b0;transform:scale(1.1)}.mercadeo-home-dot.active{background:#e30613;transform:scale(1.3);box-shadow:0 2px 8px #e3061366}@media (max-width: 400px){.mercadeo-home-navigation-container{height:70vh;padding:0 10px;justify-content:center;align-items:center;max-width:100vw;overflow-x:hidden}.mercadeo-home-vertical-menu{max-width:95%;width:100%;gap:20px;padding:10px}.mercadeo-home-navigation-grid{max-width:95%;width:100%;gap:15px;padding:10px;justify-content:center;align-content:center}.mercadeo-home-nav-button{max-width:180px;min-height:120px;width:100%}.mercadeo-home-nav-icon-container{width:100px;height:90px}.mercadeo-home-nav-icon{width:50px;height:50px}.mercadeo-home-nav-label{font-size:9px;max-width:100px;line-height:1.1}.mercadeo-home-nav-button-empty{width:120px;min-height:120px}.mercadeo-home-page-dots{bottom:70px}}@media (max-width: 768px){.mercadeo-home-navigation-container{height:70vh;padding:0 10px}.mercadeo-home-vertical-menu{max-width:90%;gap:25px}.mercadeo-home-navigation-grid{max-width:90%;gap:20px}.mercadeo-home-nav-button{max-width:200px;min-height:140px}.mercadeo-home-nav-icon-container{width:110px;height:100px}.mercadeo-home-nav-icon{width:55px;height:55px}.mercadeo-home-nav-label{font-size:10px;max-width:110px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#666;font-size:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #e30613;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.mercadeo_modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mercadeo_modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040,0 0 0 1px #e306131a;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.mercadeo_modal-content-large{max-width:900px;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:3px solid #e30613;background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;border-radius:20px 20px 0 0;position:relative}.modal-header:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#e30613,#c1051c,#e30613)}.modal-header h2{margin:0;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.btn-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);font-size:24px;color:#fff;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;font-weight:700}.btn-close:hover{background:#e30613cc;border-color:#e30613;transform:scale(1.1)}.modal-body{padding:30px;background:#f8fafc}.registro-info{display:flex;flex-direction:column;gap:30px}.info-section{background:#fff;border-radius:16px;padding:0;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.info-section:hover{box-shadow:0 8px 25px #e306131a;transform:translateY(-2px)}.info-section h3{margin:0;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#e30613,#c1051c);padding:20px 25px;position:relative}.info-section h3:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a,#ffffff4d)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:25px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-size:12px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.info-value{font-size:15px;font-weight:600;color:#2d3748;padding:12px 16px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:10px;border:1px solid #e2e8f0;display:flex;align-items:center;min-height:20px;transition:all .2s ease}.info-value:hover{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#e30613;color:#c1051c}.codigo-destaque{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;font-weight:700;border:2px solid #e30613;text-align:center;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.codigo-destaque:hover{background:linear-gradient(135deg,#c1051c,#a0040f);transform:scale(1.02)}.mercadeo_estado-badge,.estado-badge{padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;border:2px solid;transition:all .3s ease;position:relative;overflow:hidden}.mercadeo_estado-badge:before,.estado-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.mercadeo_estado-badge:hover:before,.estado-badge:hover:before{left:100%}.estado-badge.pendiente,.mercadeo_estado-badge.pendiente{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#742a2a;border-color:#e53e3e}.estado-badge.aprobado,.mercadeo_estado-badge.aprobado,.estado-badge.aceptado,.mercadeo_estado-badge.aceptado{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#22543d;border-color:#38a169}.estado-badge.rechazado,.mercadeo_estado-badge.rechazado{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#742a2a;border-color:#e53e3e}.estado-badge.revision,.mercadeo_estado-badge.revision,.estado-badge.en_revision,.mercadeo_estado-badge.en_revision{background:linear-gradient(135deg,#fef5e7,#fbd38d);color:#744210;border-color:#ed8936}.accion-form{display:flex;flex-direction:column;gap:20px}.form-group_mercadeo{display:flex;flex-direction:column;gap:8px}.form-group_mercadeogroup label{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.radio-label:hover{transform:translateY(-1px)}.radio-label input[type=radio]{width:20px;height:20px;accent-color:#e30613}.radio-text{padding:8px 16px;border-radius:8px;border:2px solid transparent;transition:all .2s ease}.radio-text.aprobar{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.radio-text.rechazar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.radio-label input[type=radio]:checked+.radio-text{border-color:currentColor;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.comentario-textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;background:#fff;transition:all .2s ease}.comentario-textarea:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 4px #e306131a}.comentario-textarea::placeholder{color:#9ca3af;font-style:italic}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;min-width:120px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary:hover{background:#4b5563}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{box-shadow:0 4px 12px #10b98166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 4px 12px #ef444466}.no-productos{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:8px;border:2px dashed #e2e8f0;margin:16px 0}.no-productos-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-productos p{color:#64748b;margin:0;font-size:14px;font-weight:500}.productos-tabla-container{overflow-x:auto;margin:16px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.productos-tabla{width:100%;border-collapse:collapse;background:#fff;min-width:600px}.productos-tabla th{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:12px 8px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #b91c1c}.productos-tabla td{padding:12px 8px;border-bottom:1px solid #e5e7eb;font-size:14px;vertical-align:middle}.productos-tabla tbody tr:hover{background:#f9fafb}.producto-referencia{font-weight:600;color:#e30613}.producto-cantidad,.producto-galonaje{text-align:center;font-weight:600;color:#059669}.producto-precio{text-align:right;font-weight:600;color:#1f2937}.kpi-badges-container{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.mercadeo_kpi-badge{padding:5px;border-radius:20px;font-weight:700;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:1px;box-shadow:1px 3px 10px #0000001a;display:inline-flex;align-items:center;white-space:nowrap;transition:all .3s ease;position:relative;overflow:hidden}.mercadeo_kpi-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.mercadeo_kpi-badge:hover:before{left:100%}.mercadeo_kpi-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #e3061333}.mercadeo_kpi-badge.kpi-precio{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;border-color:#e30613;box-shadow:0 4px 15px #e306134d}.mercadeo_kpi-badge.kpi-volumen{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;border-color:#2d3748;box-shadow:0 4px 15px #2d37484d}.mercadeo_kpi-badge.kpi-frecuencia{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border-color:#38a169;box-shadow:0 4px 15px #38a1694d}.mercadeo_kpi-badge.kpi-otros{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-color:#6b7280;box-shadow:0 4px 15px #6b72804d}.mercadeo_kpi-badge.kpi-na{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;border-color:#9ca3af;box-shadow:0 4px 15px #9ca3af4d}.kpi-badges-container .mercadeo_kpi-badge+.mercadeo_kpi-badge{position:relative}.kpi-badges-container .mercadeo_kpi-badge+.mercadeo_kpi-badge:before{content:"&";position:absolute;left:-10px;top:50%;transform:translateY(-50%);font-size:8px;color:#64748b;font-weight:400}@keyframes kpiBadgeEntry{0%{opacity:0;transform:translateY(-5px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.kpi-badges-container .mercadeo_kpi-badge:nth-child(1){animation:kpiBadgeEntry .3s ease-out}.kpi-badges-container .mercadeo_kpi-badge:nth-child(2){animation:kpiBadgeEntry .3s ease-out .1s both}.info-item .kpi-badges-container{background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;min-height:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-item .mercadeo_kpi-badge{margin:0;font-size:10px;padding:4px 8px;border-radius:12px}.fotos-container{margin:16px 0;padding:10px 40px}.foto-categoria h4{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e30613;padding-bottom:4px;display:flex;align-items:center;gap:8px;justify-content:space-between}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:16px}.foto-item_mercadeo{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;background:#f8fafc;aspect-ratio:4/3;min-height:200px}.foto-item_mercadeo:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.foto-preview{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:all .3s ease;display:block;border-radius:12px}.foto-preview:hover{filter:brightness(1.1);transform:scale(1.02)}.foto-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.foto-item_mercadeo:hover .foto-overlay{opacity:1}.foto-btn{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.foto-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #e3061366}.foto-error small{word-break:break-all;font-size:10px;opacity:.8}.no-fotos{text-align:center;color:#6b7280;font-style:italic;padding:48px 24px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db}.no-fotos-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.no-fotos p{margin:0;font-size:16px;font-weight:500}.fotos-descripcion{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:12px;margin-bottom:16px;font-size:14px;color:#0c4a6e}.fotos-descripcion p{margin:0;font-weight:500}.observacion-contenido{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin:12px 0}.observacion-contenido p{margin:0;color:#374151;line-height:1.6}.acciones-principales{display:flex;gap:20px;justify-content:center;margin:30px 0;padding:20px}.btn-accion-principal{padding:18px 36px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:12px;border:2px solid;cursor:pointer;transition:all .3s ease;min-width:200px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-accion-principal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-accion-principal:hover:before{left:100%}.btn-accion-principal:hover{transform:translateY(-3px);box-shadow:0 12px 30px #e306134d}.btn-accion-principal:active{transform:translateY(-1px)}.btn-accion-principal.btn-success{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border-color:#38a169}.btn-accion-principal.btn-danger{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;border-color:#e30613}.accion-seleccionada{display:flex;justify-content:center;margin-bottom:25px}.accion-badge{padding:15px 30px;border-radius:25px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px #0000001a}.accion-badge.aprobar{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border-color:#38a169}.accion-badge.rechazar{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;border-color:#e30613}@media (max-width: 1024px){.mercadeo_modal-content-large{width:95%;max-width:none}.productos-tabla{min-width:600px}.info-grid{grid-template-columns:1fr;gap:15px}.btn-accion-principal{min-width:250px}.fotos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.acciones-principales{flex-direction:column;align-items:center}.btn-accion-principal{width:100%;max-width:300px}}@media (max-width: 768px){.mercadeo_modal-content_large{width:95%;max-height:95vh}.productos-tabla{min-width:400px}.productos-tabla th,.productos-tabla td{padding:8px 4px;font-size:12px}.fotos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.foto-item_mercadeo{min-height:150px;aspect-ratio:4/3}.foto-btn{padding:6px 12px;font-size:11px}.info-grid{grid-template-columns:1fr}}.mercadeo_estado-badge.aprobado,.mercadeo_estado-badge.approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mercadeo_estado-badge.rechazado,.mercadeo_estado-badge.rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mercadeo_estado-badge.pendiente,.mercadeo_estado-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mercadeo_estado-badge.revision{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.acciones-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.acciones-description{margin:0;color:#64748b;font-size:14px;line-height:1.5}.acciones-principales{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.observacion-contenido{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:12px}.observacion-agente{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9}.observacion-backoffice{background:linear-gradient(135deg,#fefce8,#fef3c7);border-left:4px solid #f59e0b}.observacion-header{display:flex;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.observacion-tipo{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.observacion-agente .observacion-tipo{color:#0369a1}.observacion-backoffice .observacion-tipo{color:#d97706}.observacion-contenido p{margin:0;line-height:1.6;color:#374151;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.sub-observaciones{padding:10px 40px}.sub-observaciones:last-child{margin-bottom:0}.sub-titulo{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px;padding:8px 0;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.no-observaciones{text-align:center;padding:40px 20px;color:#9ca3af}.no-observaciones-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.7}.no-observaciones p{margin:0;font-size:14px;color:#6b7280}.implementacion-section{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e30613;border-radius:16px;margin:25px 0;overflow:hidden;box-shadow:0 8px 25px #e306131a}.implementacion-section h3{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;margin:0;padding:20px 25px;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px;position:relative}.implementacion-section h3:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a,#ffffff4d)}.implementacion-badge{padding:10px 18px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid;display:inline-flex;align-items:center;transition:all .3s ease}.implementacion-badge.si{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border-color:#38a169;box-shadow:0 4px 15px #38a1694d}.implementacion-badge.no{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;border-color:#e30613;box-shadow:0 4px 15px #e306134d}.implementacion-badge.pendiente{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border-color:#ed8936;box-shadow:0 4px 15px #ed89364d}.observacion-implementacion{margin:20px 25px;padding:20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border-left:4px solid #e30613;border-top:1px solid #e2e8f0}.observacion-implementacion h4{margin:0 0 15px;color:#2d3748;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.productos-implementacion{margin:20px 25px;padding:0;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.productos-implementacion h4{margin:0;color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);padding:16px 20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.productos-impl-lista{display:flex;flex-direction:column;gap:8px}.producto-impl-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.producto-impl-nombre{font-weight:500;color:#1f2937;flex:1;margin-right:12px}.producto-impl-cantidad{font-size:12px;color:#6b7280;background:#e5e7eb;padding:4px 8px;border-radius:12px;font-weight:500}.productos-impl-tabla-container{margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.productos-impl-tabla{width:100%;border-collapse:collapse;background:#fff}.productos-impl-tabla thead{background:linear-gradient(135deg,#dc2626,#b91c1c)}.productos-impl-tabla thead th{color:#fff;font-weight:600;text-align:center;padding:12px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.productos-impl-tabla tbody tr{border-bottom:1px solid #f3f4f6}.productos-impl-tabla tbody tr:last-child{border-bottom:none}.productos-impl-tabla tbody tr:hover{background:#f8fafc}.productos-impl-tabla tbody td{padding:12px 8px;vertical-align:middle;border-right:1px solid #f3f4f6}.productos-impl-tabla tbody td:last-child{border-right:none}.productos-impl-tabla .producto-impl-nombre{font-weight:500;color:#1f2937;text-align:left;font-size:12px;line-height:1.4}.productos-impl-tabla .producto-impl-cantidad{text-align:center}.productos-impl-tabla .cantidad-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:50%;font-weight:600;font-size:12px}.productos-impl-tabla .producto-impl-foto{text-align:center;width:80px}.foto-evidencia-mini{display:flex;justify-content:center;align-items:center}.foto-evidencia-preview{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid #e5e7eb;transition:all .2s ease}.foto-evidencia-preview:hover{border-color:#dc2626;transform:scale(1.05)}.foto-error-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:#f3f4f6;border-radius:6px;border:2px dashed #d1d5db}.foto-error-mini span{font-size:20px;margin-bottom:4px}.no-foto-evidencia{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:#f9fafb;border-radius:6px;border:2px dashed #d1d5db;color:#9ca3af}.no-foto-evidencia span{font-size:16px;margin-bottom:2px}.no-foto-evidencia small{font-size:8px;text-align:center}.foto-remision-section{margin:20px 0;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px}.foto-remision-section h4{margin:0 0 12px;color:#92400e;font-weight:600;font-size:14px;text-align:left}.fotos-grid-remision{display:flex;justify-content:center;gap:16px}.foto-remision-item{max-width:200px}.foto-remision-preview{border:3px solid #f59e0b;border-radius:8px;box-shadow:0 4px 8px #f59e0b33}.mercadeo-visitas-container{padding:20px;width:100%;margin:0 auto;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.modern-filters-container{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000f,inset 0 1px #fff6;margin-bottom:32px;border:1px solid rgba(226,232,240,.8);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-filters-container:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014,inset 0 1px #fff6}.modern-filters-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#e30613,#c1051bc0);color:#fff;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.modern-filters-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.modern-filters-header:hover:before{left:100%}.filters-header-left{display:flex;align-items:center;gap:16px}.filters-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.filters-icon-svg{width:24px;height:24px;color:#fff;stroke-width:2.5}.filters-title-wrapper{display:flex;flex-direction:column;gap:2px}.filters-title-main{font-size:18px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.filters-subtitle{font-size:12px;opacity:.85;font-weight:400;letter-spacing:.3px}.filters-header-right{display:flex;align-items:center;gap:12px}.modern-clear-btn{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-clear-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.modern-clear-btn svg{width:16px;height:16px;stroke-width:2}.modern-expand-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-expand-btn:hover{background:#ffffff40;transform:translateY(-1px)}.modern-expand-btn.expanded{transform:rotate(180deg)}.modern-expand-btn svg{width:20px;height:20px;color:#fff;stroke-width:2.5;transition:transform .3s ease}.modern-filters-content{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fff,#f8fafc)}.modern-filters-content.expanded{max-height:800px;padding:32px 24px}.modern-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;opacity:0;transform:translateY(20px);transition:all .6s ease .2s}.modern-filters-content.expanded .modern-filters-grid{opacity:1;transform:translateY(0)}.modern-filter-group{display:flex;flex-direction:column;gap:4px;animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-filter-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#374151;margin-bottom:4px;letter-spacing:.3px}.label-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#e30613,#c1051c);border-radius:8px;box-shadow:0 2px 8px #e306134d}.label-icon{width:18px;height:18px;color:#fff;stroke-width:2}.label-text{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.modern-input-wrapper{position:relative}.modern-filter-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#374151;background:#fff;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;position:relative;z-index:1}.modern-filter-input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 4px #e306131a,0 4px 12px #00000026;transform:translateY(-2px)}.modern-filter-input::placeholder{color:#9ca3af;font-style:italic;font-weight:400}.input-border-effect{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#e30613,#c1051c);transition:all .3s ease;transform:translate(-50%);border-radius:1px}.modern-filter-input:focus+.input-border-effect{width:100%}.modern-select-wrapper{position:relative}.modern-filter-select{width:100%;padding:16px 50px 16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#374151;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.modern-filter-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 4px #e306131a,0 4px 12px #00000026;transform:translateY(-2px)}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6b7280;pointer-events:none;transition:all .3s ease}.modern-filter-select:focus+.select-arrow{color:#e30613;transform:translateY(-50%) rotate(180deg)}.select-arrow svg{width:100%;height:100%;stroke-width:2}.modern-date-input{color-scheme:light}.modern-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);transition:filter .3s ease}.modern-date-input:focus::-webkit-calendar-picker-indicator{filter:invert(.2) sepia(1) saturate(5) hue-rotate(340deg)}@media (max-width: 768px){.modern-filters-grid{grid-template-columns:1fr;gap:20px}.modern-filters-header{padding:16px 20px}.filters-title-main{font-size:16px}.filters-subtitle{font-size:11px}.modern-filters-content.expanded{padding:24px 20px}.modern-filter-input,.modern-filter-select{padding:14px 18px;font-size:13px}.modern-filter-select{padding-right:45px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.modern-filter-group:nth-child(odd){animation-delay:.1s}.modern-filter-group:nth-child(2n){animation-delay:.2s}.mercadeo_registros-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #e2e8f0;width:100%;margin-bottom:3rem;height:45vh;display:flex;flex-direction:column}.mercadeo_registros-table{width:100%;border-collapse:collapse;font-size:11px;min-width:1300px;table-layout:fixed;border-spacing:0;position:relative}.mercadeo_registros-table thead th{box-sizing:border-box;padding:16px 12px;text-align:left;vertical-align:middle;font-size:11px}.mercadeo_registros-table tbody td{box-sizing:border-box;text-align:left;vertical-align:middle}.mercadeo_registros-table col:nth-child(1){width:8%}.mercadeo_registros-table col:nth-child(2){width:12%}.mercadeo_registros-table col:nth-child(3){width:12%}.mercadeo_registros-table col:nth-child(4){width:12%}.mercadeo_registros-table col:nth-child(5){width:12%}.mercadeo_registros-table col:nth-child(7){width:14%}.mercadeo_registros-table col:nth-child(8){width:18%}.mercadeo_registros-table th:nth-child(1),.mercadeo_registros-table td:nth-child(1){width:8%;min-width:80px}.mercadeo_registros-table th:nth-child(2),.mercadeo_registros-table td:nth-child(2){width:12%;min-width:120px}.mercadeo_registros-table th:nth-child(3),.mercadeo_registros-table td:nth-child(3){width:12%;min-width:120px}.mercadeo_registros-table th:nth-child(4),.mercadeo_registros-table td:nth-child(4){width:12%;min-width:160px}.mercadeo_registros-table th:nth-child(5),.mercadeo_registros-table td:nth-child(5){width:12%;min-width:120px}.mercadeo_registros-table th:nth-child(6),.mercadeo_registros-table td:nth-child(6){width:12%;min-width:120px}.mercadeo_registros-table th:nth-child(7),.mercadeo_registros-table td:nth-child(7){width:14%;min-width:140px}.mercadeo_registros-table th:nth-child(8),.mercadeo_registros-table td:nth-child(8){width:18%;min-width:180px}.mercadeo_registros-table th{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:16px 12px;text-align:left;font-weight:600;border-bottom:2px solid #b91c1c;white-space:nowrap;position:sticky;top:0;z-index:10;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2);overflow:visible;max-width:none}.mercadeo_registros-table th:nth-child(2),.mercadeo_registros-table th:nth-child(3){font-size:10px;padding:16px 8px;white-space:nowrap;overflow:visible;text-overflow:none}.mercadeo_registros-table td:nth-child(4){white-space:normal}.mercadeo_registros-table td:nth-child(8){white-space:normal}.id-cell{font-weight:600;color:#e30613;font-size:13px;text-align:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:4px;padding:4px 8px;margin:2px;box-shadow:0 1px 3px #e306131a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fecha-cell{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fecha-creacion-cell{font-size:12px;color:#6b7280;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.actividad-cell{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.mercadeo_estado-badge{padding:4px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;display:inline-block;text-align:center;min-width:70px;max-width:105px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.mercadeo-visitas-container{padding:16px;max-height:100vh;overflow-y:auto}.mercadeo_registros-table-container{max-height:60vh;border-radius:12px}.table-wrapper{max-height:100%}.table-wrapper::-webkit-scrollbar{width:6px;height:6px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:24px}.stats-summary{flex-direction:column;gap:12px}.filters-container{padding:16px}.filters-grid{grid-template-columns:1fr;gap:12px}.mercadeo_registros-table{font-size:12px;min-width:1100px}.mercadeo_registros-table th:nth-child(1),.mercadeo_registros-table td:nth-child(1){width:70px}.mercadeo_registros-table th:nth-child(2),.mercadeo_registros-table td:nth-child(2){width:110px}.mercadeo_registros-table th:nth-child(3),.mercadeo_registros-table td:nth-child(3){width:110px}.mercadeo_registros-table th:nth-child(4),.mercadeo_registros-table td:nth-child(4){width:130px}.mercadeo_registros-table th:nth-child(5),.mercadeo_registros-table td:nth-child(5){width:110px}.mercadeo_registros-table th:nth-child(6),.mercadeo_registros-table td:nth-child(6){width:110px}.mercadeo_registros-table th:nth-child(7),.mercadeo_registros-table td:nth-child(7){width:130px}.mercadeo_registros-table th:nth-child(8),.mercadeo_registros-table td:nth-child(8){width:150px}.mercadeo_registros-table th,.mercadeo_registros-table td{padding:10px 6px;font-size:12px}.acciones-container{flex-direction:column;gap:4px}.btn-accion{width:100%;padding:8px;font-size:11px}}.ranking-container{width:100%;margin:0 auto;padding:18px 25px 30px;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll}.filtro-buttons{display:flex;gap:0;margin-bottom:18px}.filtro-button{background:#f4f4f4;color:#e30613;border:none;border-radius:8px;font-weight:700;font-size:15px;padding:7px 22px;cursor:pointer;box-shadow:none;letter-spacing:1px;transition:background .2s}.filtro-button.active{background:#e30613;color:#fff;box-shadow:0 2px 8px #e3061322}.podio-container{display:flex;align-items:flex-end;justify-content:center;width:100%;margin:0 0 30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:30px 20px 20px;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden;min-height:250px}.podio-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e30613,gold,#cd7f32);border-radius:20px 20px 0 0}.podio-position{display:flex;flex-direction:column;align-items:center;position:relative;margin:0 15px;transform:translateY(0);transition:transform .3s ease;height:100%;justify-content:space-between}.podio-position:hover{transform:translateY(-5px)}.podio-top{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:auto}.podio-middle{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:120px;position:relative;border-bottom:2px solid transparent}.podio-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;text-align:center;padding:10px 5px;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:2}.cinta{position:absolute;top:-5px;left:-12px;width:60px;height:18px;color:#fff;font-weight:700;font-size:11px;text-align:center;line-height:18px;transform:rotate(-18deg);z-index:3;box-shadow:0 2px 6px #0002}.cinta.segundo{background:#b0b0b0}.cinta.primero{left:-14px;width:68px;height:20px;background:gold;color:#222;font-weight:900;font-size:13px;line-height:20px}.cinta.tercero{background:#cd7f32}.trofeo{font-size:38px;position:relative;z-index:2;margin:10px 0;text-align:center;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.trofeo.primero{font-size:44px;width:70px;height:70px}.podio-base{background:#e30613;border-radius:8px 8px 0 0;display:block;position:relative;align-self:center;margin-top:auto}.podio-base.segundo{width:60px;height:70px}.podio-base.primero{width:70px;height:100px}.podio-base.tercero{width:60px;height:55px}.podio-nombre{font-size:12px;font-weight:700;margin-bottom:3px;line-height:1.2;word-wrap:break-word;text-align:center;width:100%}.podio-nombre.primero{color:#e30613;font-size:12px;font-weight:800}.podio-nombre.segundo,.podio-nombre.tercero{color:#555;font-size:12px}.podio-puntos{font-size:11px;font-weight:600;color:#666;text-align:center;width:100%}.podio-puntos.primero{color:#e30613;font-size:11px;font-weight:700}.podio-puntos.segundo,.podio-puntos.tercero{font-size:11px}.podio-cita{margin-top:2px;text-align:center;min-height:18px;font-weight:600}.podio-cita.segundo{font-size:11px;color:#b0b0b0}.podio-cita.primero{font-size:12px;color:gold;font-weight:700}.podio-cita.tercero{font-size:11px;color:#cd7f32}.tabla-ranking{width:100%;background:#ededed;border-radius:10px;margin-top:0;border:2px solid #d3d3d3;overflow-y:auto}.tabla-header{display:flex;align-items:center;justify-content:space-between;background:#ededed;border-bottom:2px solid #d3d3d3;padding:12px;font-weight:900;font-size:13px;color:#e30613;text-align:center;min-height:45px}.tabla-header-puesto{width:40px;flex-shrink:0;text-align:center}.tabla-header-nombre{flex:1;text-align:left;padding:0 10px}.tabla-header-puntos{width:50px;flex-shrink:0;text-align:center}.tabla-fila{display:flex;align-items:center;justify-content:space-between;background:#ededed;border-bottom:1.5px solid #d3d3d3;padding:12px;font-weight:700;font-size:12px;color:#555;text-align:center;min-height:45px;height:auto}.tabla-fila-puesto{width:40px;flex-shrink:0;text-align:center;display:flex;align-items:center;justify-content:center}.tabla-fila-nombre{flex:1;text-align:center;padding:0 10px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;max-width:none;display:flex;align-items:center}.tabla-fila-puntos{width:50px;flex-shrink:0;text-align:center;font-weight:800;color:#e30613;display:flex;align-items:center;justify-content:center}.tabla-fila-empty{opacity:.6;background:#f8f9fa!important;font-style:italic}.tabla-fila-empty .tabla-fila-nombre{color:#6c757d;font-weight:500}.tabla-fila-empty .tabla-fila-puntos{color:#6c757d;font-weight:600}.tabla-fila-empty .tabla-fila-puesto{color:#adb5bd;font-weight:700}.info-section{width:100%;margin-bottom:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.info-header{padding:10px 20px;background:linear-gradient(135deg,#e30613,#c2050f);color:#fff;cursor:pointer;transition:background .3s ease}.info-header:hover{background:linear-gradient(135deg,#c2050f,#a8040c)}.info-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}.arrow{transition:transform .3s ease;font-size:14px}.arrow.expanded{transform:rotate(180deg)}.info-content{padding:20px;background:#f8f9fa;text-align:justify}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item h4{margin:0 0 8px;color:#e30613;font-size:14px;font-weight:600}.info-item p{margin:0;color:#555;font-size:13px;line-height:1.4}.link-text{color:#e30613;cursor:pointer;text-decoration:underline;font-weight:500;font-size:13px}.link-text:hover{color:#c2050f}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.filter-modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;box-shadow:0 -10px 40px #0003;animation:slideUpFromBottom .4s cubic-bezier(.25,.46,.45,.94);max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.filter-modal-header{background:linear-gradient(135deg,#e30613,#c2050f);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #e306134d}.filter-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.filter-close-btn{background:#fff3;border:none;color:#fff;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.filter-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.filter-modal-body{padding:25px;flex:1;overflow-y:auto}.filter-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.filter-group label{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.filter-select{padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:14px;background:#fff;color:#333;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;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='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.filter-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a;transform:translateY(-1px)}.filter-select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#dee2e6}.filter-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e9ecef}.apply-filter-btn{flex:1;background:linear-gradient(135deg,#e30613,#c2050f);color:#fff;border:none;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #e306134d}.apply-filter-btn:hover{background:linear-gradient(135deg,#c2050f,#a8040c);transform:translateY(-2px);box-shadow:0 6px 20px #e3061366}.apply-filter-btn:active{transform:translateY(0)}.clear-filter-btn{flex:1;background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.clear-filter-btn:hover{background:#e9ecef;border-color:#dee2e6;color:#495057;transform:translateY(-1px)}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.filter-modal-overlay.closing{animation:fadeOut .3s ease-in forwards}.filter-modal-content.closing{animation:slideDownToBottom .4s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.ubicacion-filters{width:100%;display:flex;gap:15px;margin-bottom:20px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:0}.modal-content{background:#fff;border-radius:12px;max-width:700px;max-height:90vh;width:100%;overflow:hidden;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column}.modal-header{padding:20px;background:linear-gradient(135deg,#e30613,#c2050f);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s;flex-shrink:0}.close-btn:hover{background:#fff3}.modal-body{padding:0;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#e30613 #f1f1f1;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#e30613;border-radius:3px;transition:background .3s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:#c2050f}.premio-section{margin-bottom:25px}.premio-section h3{color:#e30613;margin:0 0 15px;font-size:18px;font-weight:600}.premio-details{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #e30613}.dia-info{margin:15px 0}.dia-info h4{color:#333;margin:0 0 8px;font-size:15px}.dia-info ul{margin:0;padding-left:20px}.dia-info li{margin:5px 0;color:#555;font-size:14px}.ganadores-info{margin-top:15px;padding:10px;background:#e30613;color:#fff;border-radius:6px;text-align:center;font-size:14px}.tyc-content h3{color:#e30613;margin:0 0 15px;font-size:18px}.tyc-content h4{color:#333;margin:15px 0 8px;font-size:15px}.tyc-content p{color:#555;line-height:1.5;margin:0 0 15px}.tyc-content ul{margin:0 0 15px 20px;padding:0}.tyc-content li{margin:5px 0;color:#555;font-size:14px}.premio-modal{max-width:800px;max-height:95vh;width:95%}.premio-modal-body{padding:0;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#e30613 #f1f1f1}.premio-modal-body::-webkit-scrollbar{width:6px}.premio-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.premio-modal-body::-webkit-scrollbar-thumb{background:#e30613;border-radius:3px;transition:background .3s ease}.premio-modal-body::-webkit-scrollbar-thumb:hover{background:#c2050f}.premio-intro{padding:10px 5px;background:#f8f9fa;flex-shrink:0}.premio-intro-text{color:#666;font-weight:500;font-size:14px;margin:0;text-align:center;line-height:1.4}.premio-carrusel{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:0;background:#fff;box-sizing:border-box;flex-shrink:0}.premio-slide{width:100%;max-width:100%;height:280px;border-radius:12px;overflow:hidden;position:relative;background:#fff;cursor:pointer;box-shadow:0 4px 20px #e306131a;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.premio-slide:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e3061326}.premio-slide-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.premio-slide:hover .premio-slide-img{transform:scale(1.02)}.premio-dots{display:none}.premio-dot{width:8px;height:8px;border-radius:50%;cursor:pointer;transition:all .3s ease}.premio-dot.active{background:#e30613;transform:scale(1.2);box-shadow:0 2px 8px #e306134d}.premio-dot.inactive{background:#ccc}.premio-dot:hover{background:#e30613;transform:scale(1.1)}.premio-info{width:100%;padding:20px 25px 25px;background:#f8f9fa;box-sizing:border-box;overflow-x:hidden}.premio-titulo{font-size:22px;font-weight:700;color:#e30613;text-align:center;word-wrap:break-word}.premio-descripcion{font-size:16px;color:#666;text-align:center;margin-bottom:20px;font-weight:500;word-wrap:break-word}.premio-recuadro{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;border-left:4px solid #e30613;box-sizing:border-box;overflow-x:hidden}.premio-recuadro-titulo{font-size:16px;font-weight:700;color:#e30613;margin-bottom:15px;text-align:center;word-wrap:break-word}.premio-recuadro-texto{color:#555;line-height:1.5;margin-bottom:15px;word-wrap:break-word;overflow-wrap:break-word}.premio-recuadro-texto strong{color:#333;font-weight:600;display:block;margin:12px 0 8px;word-wrap:break-word}.premio-recuadro-lista{margin:0 0 15px;padding-left:20px;box-sizing:border-box}.premio-recuadro-lista li{margin:2px 0;color:#555;text-align:justify;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.premio-recuadro-footer{background:#e30613;color:#fff;padding:12px;border-radius:8px;text-align:center;font-weight:600;margin-top:15px;font-size:14px;word-wrap:break-word}@media (min-width: 768px){.ranking-container{max-width:600px;overflow-y:scroll}.filtro-buttons{margin-bottom:30px;gap:8px}.filtro-button{padding:12px 32px;font-size:16px;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 12px #e306131a}.filtro-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e3061333}.filtro-button.active{box-shadow:0 6px 24px #e306134d;transform:translateY(-1px)}.podio-container{margin:0 0 35px;padding:0 20px}.podio-position.segundo{margin-right:20px}.podio-position.primero{margin:0 20px}.podio-position.tercero{margin-left:20px}.cinta{width:75px;height:22px;font-size:12px;line-height:22px;left:-16px}.cinta.primero{left:-18px;width:85px;height:25px;font-size:14px;line-height:25px}.trofeo{font-size:48px;margin-bottom:8px}.trofeo.primero{font-size:56px}.podio-base.segundo{width:70px;height:85px}.podio-base.primero{width:80px;height:120px}.podio-base.tercero{width:70px;height:70px}.podio-posicion.segundo{font-size:26px}.podio-posicion.primero{font-size:32px}.podio-posicion.tercero{font-size:26px}.podio-puntos.segundo{font-size:15px;margin-bottom:12px}.podio-puntos.primero{font-size:18px;margin-bottom:15px}.podio-puntos.tercero{font-size:15px;margin-bottom:12px}.podio-cita.segundo{font-size:13px}.podio-cita.primero{font-size:14px}.podio-cita.tercero{font-size:13px}.tabla-ranking{border-radius:15px;border:3px solid #dee2e6;box-shadow:0 6px 24px #00000014;background:linear-gradient(145deg,#fff,#f8f9fa)}.tabla-header{background:linear-gradient(145deg,#f1f3f4,#e9ecef);border-bottom:3px solid #dee2e6;padding:15px 0;font-size:17px}.tabla-header-puesto{width:60px}.tabla-header-puntos{width:80px}.tabla-fila{background:linear-gradient(145deg,#fff,#f8f9fa);border-bottom:2px solid #dee2e6;padding:12px 0;font-size:16px;transition:all .2s ease}.tabla-fila:hover{background:linear-gradient(145deg,#f8f9fa,#e9ecef);transform:translate(4px);box-shadow:4px 0 12px #e306131a}.tabla-fila:last-child{border-bottom:none}.tabla-fila-puesto{width:60px;font-weight:900;color:#e30613}.tabla-fila-puntos{width:80px;font-weight:900;color:#495057}}@media (min-width: 1200px){.ranking-container{max-width:500px;overflow-y:auto}.podio-container{padding:0 15px}.podio-position.segundo{margin-right:15px}.podio-position.primero{margin:0 15px}.podio-position.tercero{margin-left:15px}.filtro-button{padding:8px 20px;font-size:14px}.tabla-header{font-size:14px;padding:10px 0}.tabla-fila{font-size:13px;padding:8px 0}.tabla-ranking{position:relative;overflow-y:auto;max-height:50vh;background:linear-gradient(145deg,#fff,#f8f9fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(222,226,230,.8)}@media (max-width: 1200px){.tabla-ranking{max-height:40vh}}@media (max-width: 768px){.tabla-ranking{max-height:35vh}}.tabla-ranking:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(227,6,19,.1) 25%,rgba(227,6,19,.2) 50%,rgba(227,6,19,.1) 75%,transparent 100%);animation:desplegable 3s ease-in-out infinite;z-index:1}.tabla-header,.tabla-fila{position:relative;z-index:2}@keyframes desplegable{0%{left:-100%}50%{left:100%}to{left:-100%}}}@media (min-width: 1600px){.ranking-container{max-width:500px;overflow-y:scroll}.podio-container{padding:0 15px}.podio-position.segundo{margin-right:15px}.podio-position.primero{margin:0 15px}.podio-position.tercero{margin-left:15px}.filtro-button{padding:8px 20px;font-size:14px}.tabla-header{font-size:14px;padding:10px 0}.tabla-fila{font-size:13px;padding:8px 0}.tabla-ranking{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8f9fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(222,226,230,.8)}.tabla-ranking:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(227,6,19,.1) 25%,rgba(227,6,19,.2) 50%,rgba(227,6,19,.1) 75%,transparent 100%);animation:desplegable 3s ease-in-out infinite;z-index:1}.tabla-header,.tabla-fila{position:relative;z-index:2}@keyframes desplegable{0%{left:-100%}50%{left:100%}to{left:-100%}}}@media (max-width: 768px){.filter-modal-content{max-width:100%;border-radius:25px 25px 0 0;max-height:80vh}.filter-modal-header{padding:18px 20px}.filter-modal-header h3{font-size:16px}.filter-modal-body{padding:20px}.filter-grid{gap:18px;margin-bottom:20px}.filter-group label{font-size:13px}.filter-select{padding:14px 16px;font-size:16px;border-radius:10px}.filter-actions{flex-direction:column;gap:10px}.apply-filter-btn,.clear-filter-btn{padding:16px 20px;font-size:15px}.info-grid{grid-template-columns:1fr;gap:15px}.ubicacion-filters{flex-direction:column;gap:10px}.modal-content{margin:10px;max-height:90vh}.modal-header{padding:15px}.modal-body{padding:15px;max-height:calc(90vh - 70px)}.premio-modal{margin:10px;max-height:95vh}.premio-modal-body{max-height:calc(95vh - 70px)}.premio-slide{height:200px}.premio-carrusel{padding:15px}}@media (max-width: 480px){.filter-modal-content{border-radius:20px 20px 0 0;max-height:85vh}.filter-modal-header{padding:16px 18px}.filter-modal-header h3{font-size:15px;flex-direction:column;text-align:center;gap:4px}.filter-modal-body{padding:18px}.filter-select{padding:12px 36px 12px 14px;font-size:16px;background-size:14px}}.catalogos-modal{max-width:900px!important;max-height:85vh}.catalogos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:10px 0}.catalogo-card{background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.catalogo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.catalogo-image{width:100%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.catalogo-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.catalogo-card:hover .catalogo-image img{transform:scale(1.05)}.catalogo-content{padding:20px;text-align:center}.catalogo-titulo{color:#e30613;font-size:16px;font-weight:700;margin:0 0 10px;letter-spacing:.5px}.catalogo-descripcion{color:#555;font-size:13px;line-height:1.4;margin:0 0 20px;text-align:justify}.catalogo-download-btn{background:linear-gradient(135deg,#e30613,#c2050f);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 8px #e3061333}.catalogo-download-btn:hover{background:linear-gradient(135deg,#c2050f,#a8040c);transform:translateY(-2px);box-shadow:0 4px 16px #e306134d}.catalogo-download-btn:active{transform:translateY(0)}@media (max-width: 768px){.catalogos-modal{margin:10px;max-height:90vh}.catalogos-grid{grid-template-columns:1fr;gap:15px}.catalogo-content{padding:15px}.catalogo-titulo{font-size:15px}.catalogo-descripcion{font-size:12px}.catalogo-download-btn{padding:8px 16px;font-size:12px}}@media (min-width: 1200px){.catalogos-modal{max-width:1000px}.catalogos-grid{grid-template-columns:repeat(3,1fr);gap:25px}.catalogo-titulo{font-size:17px}.catalogo-descripcion{font-size:14px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;font-size:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #e30613;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-spinner-small{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #e30613;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#d32f2f;font-size:16px}.error-message{margin-bottom:15px;text-align:center}.retry-btn{background:#e30613;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.retry-btn:hover{background:#c00510}.no-data-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#888;font-size:16px}.tabla-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#666;font-size:14px}.tabla-error{display:flex;align-items:center;justify-content:center;padding:20px;color:#d32f2f;font-size:14px}.tabla-no-data{display:flex;align-items:center;justify-content:center;padding:10px;color:#888;font-size:14px}.tabla-fila-usuario-actual{background:#e306131a!important;border-left:4px solid #e30613;font-weight:600}.badge-usuario{background:#e30613;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px;font-weight:500}.mi-posicion-info{margin-top:10px;border-top:1px dashed #ccc;padding-top:10px}.mi-posicion-divider{text-align:center;padding:5px;color:#888;font-size:18px;font-weight:700}.mi-ranking-resumen{width:100%;max-width:500px;background:linear-gradient(135deg,#e30613,#c00510);color:#fff;padding:20px;border-radius:12px;margin-top:20px;box-shadow:0 4px 12px #e306134d}.mi-ranking-resumen h3{margin:0 0 15px;font-size:18px;text-align:center}.resumen-stats{display:flex;justify-content:space-around;gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:12px;opacity:.9;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:#fff}@media (max-width: 768px){.mi-ranking-resumen{margin:20px 15px;padding:15px}.resumen-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}.stat-label{margin-bottom:0;margin-right:10px}}.filter-stats{text-align:center;padding:10px;background:#e306131a;border-radius:6px;margin:15px 0}.filter-results{color:#e30613;font-weight:600;font-size:14px}.filter-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.filter-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.filter-select:disabled{background:#f5f5f5;color:#888;cursor:not-allowed}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.filter-grid{grid-template-columns:1fr;gap:15px}}.filtros-section{width:100%;display:flex;justify-content:center;margin-top:20px;margin-bottom:20px}.filtros-btn{background:linear-gradient(135deg,#e30613,#c2050f);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #e306134d;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filtros-btn:hover{background:linear-gradient(135deg,#c2050f,#a8040c);transform:translateY(-2px);box-shadow:0 6px 16px #e3061366}.filtros-btn:active{transform:translateY(0);box-shadow:0 2px 8px #e306134d}@media (max-width: 768px){.podio-container{margin:0 0 30px}.podio-position{margin:0 5px}.podio-base.segundo{width:50px;height:60px}.podio-base.primero{width:60px;height:85px}.podio-base.tercero{width:50px;height:45px}.trofeo{font-size:32px}.trofeo.primero{font-size:38px}.podio-info{min-width:70px;margin-top:8px}.podio-nombre{font-size:11px;max-width:80px}.podio-nombre.primero{font-size:12px}.podio-puntos{font-size:10px}.podio-puntos.primero{font-size:11px}.tabla-fila{padding:8px 10px;font-size:11px}.tabla-header{padding:10px;font-size:12px}.filtros-btn{padding:10px 20px;font-size:13px}}.podio-position.empty{opacity:.5;filter:grayscale(50%)}.podio-position.empty:hover{transform:translateY(0)}.podio-position.empty .podio-base{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:2px dashed #bbb;opacity:.7}.podio-position.empty .trofeo{opacity:.4;filter:grayscale(100%);transform:scale(.9)}.podio-nombre.empty{color:#999!important;font-style:italic;font-weight:500!important;opacity:.7}.podio-puntos.empty{color:#bbb!important;font-style:italic;font-weight:400!important;opacity:.7}.podio-position.empty .cinta{opacity:.6;background:linear-gradient(145deg,#f5f5f5,#e5e5e5)!important;color:#888!important;border:1px dashed #ccc}.podio-position.empty .trofeo{animation:pulse-empty 3s ease-in-out infinite}@keyframes pulse-empty{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.5;transform:scale(.95)}}.podio-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:30px 20px 20px;box-shadow:0 12px 40px #00000026,0 2px 8px #0000001a;position:relative;overflow:hidden;min-height:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.podio-container:before{background:linear-gradient(90deg,#e30613,#ff6b35,gold,#ff6b35,#e30613);height:5px;box-shadow:0 2px 10px #e306134d}.podio-position:not(.empty):hover{transform:translateY(-8px);filter:brightness(1.05)}.podio-position:not(.empty):hover .trofeo{transform:scale(1.1) rotate(5deg);text-shadow:0 0 20px rgba(255,215,0,.6)}.podio-base.primero{box-shadow:0 8px 25px #e3061333,0 2px 10px #0000001a}.podio-base.segundo{box-shadow:0 6px 20px #c0c0c04d,0 2px 8px #0000001a}.podio-base.tercero{box-shadow:0 4px 15px #cd7f3233,0 2px 6px #0000001a}.tabla-no-data{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;border-radius:15px;margin:10px;border:2px dashed #ddd}.no-data-icon{font-size:48px;margin-bottom:15px;animation:bounce-trophy 2s ease-in-out infinite}@keyframes bounce-trophy{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.no-data-text{display:flex;flex-direction:column;gap:8px}.no-data-title{font-size:18px;font-weight:700;color:#e30613;margin-bottom:5px}.no-data-subtitle{font-size:14px;color:#666;font-weight:500;line-height:1.4;max-width:300px}.filtro-busqueda{display:flex;flex-direction:column;gap:8px}.filtro-input,.filtro-compania-select{width:100%;padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;color:#e30613}.filtro-input:focus,.filtro-compania-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a;color:#e30613}.filtro-input:hover,.filtro-compania-select:hover{border-color:#9ca3af;box-shadow:0 2px 4px #0000000d;color:#e30613}.filtro-input:not([value=""]),.filtro-compania-select:not([value=""]){border-color:#e30613;background-color:#fef2f2;font-weight:600}.filtros-avanzados{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.filtros-avanzados:hover{box-shadow:0 4px 12px #0000001f}.filtros-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px;margin:-8px -8px 8px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filtros-header:hover{background:#f9fafb}.filtros-titulo{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.filtros-activos-badge{background:#e30613;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.filtros-header-actions{display:flex;align-items:center;gap:8px}.filtros-limpiar-header{background:transparent;border:1px solid #e30613;border-radius:6px;color:#e30613;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.filtros-limpiar-header:hover{background:#e30613;color:#fff;transform:translateY(-1px)}.filtros-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#d03111}.filtros-toggle:hover{background:#f3f4f6;transform:scale(1.1)}.filtros-toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.filtros-toggle-icon.expanded{transform:rotate(180deg)}.filtros-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;max-height:1000px}.filtros-content.collapsed{max-height:0;opacity:0;margin-top:0;padding-top:0;padding-bottom:0}.filtros-content.expanded{max-height:1000px;opacity:1;margin-top:0}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:8px 0 20px}.filtro-item{display:flex;flex-direction:column;transition:all .2s ease}.filtro-item:hover{transform:translateY(-1px)}.filtro-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px}.filtro-icon{color:#6b7280;transition:color .2s ease}.filtro-item:hover .filtro-icon{color:#e30613}.filtro-select{width:100%;padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;color:#e30613}.filtro-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a;transform:translateY(-1px);color:#e30613}.filtro-select:hover{border-color:#9ca3af;box-shadow:0 2px 4px #0000000d;color:#e30613}.filtro-select:not([value=""]){border-color:#e30613;background-color:#fef2f2;font-weight:600}.filtro-select:not([value=""])+.filtro-icon{color:#e30613}@media (max-width: 1024px){.filtros-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.filtros-avanzados{padding:14px}.filtros-titulo{font-size:15px}}@media (max-width: 768px){.filtros-avanzados{padding:12px;margin-bottom:12px}.filtros-header{margin-bottom:8px}.filtros-titulo{font-size:14px}.filtros-limpiar-header{padding:3px 6px;font-size:10px}.filtros-limpiar-header svg{width:12px;height:12px}.filtros-grid{grid-template-columns:repeat(2,1fr);gap:12px}.filtro-label{font-size:11px;margin-bottom:4px}.filtro-select{padding:8px 30px 8px 10px;font-size:13px;border-radius:6px}}@media (max-width: 480px){.filtros-avanzados{padding:10px;border-radius:8px}.filtros-titulo{font-size:13px}.filtros-titulo svg{width:16px;height:16px}.filtros-grid{grid-template-columns:1fr;gap:10px}.filtro-select{padding:10px;font-size:13px}.filtros-activos-badge{font-size:9px;padding:1px 4px}}@media (min-width: 1200px){.filtros-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.filtros-avanzados{padding:20px}.filtros-titulo{font-size:17px}}.filtros-content,.filtros-toggle-icon,.filtro-item,.filtro-select{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.filtros-content,.filtros-toggle-icon,.filtros-header,.filtro-item,.filtro-select,.filtros-activos-badge{transition:none;animation:none}}.filtros-toggle:focus-visible,.filtros-limpiar-header:focus-visible{outline:2px solid #e30613;outline-offset:2px;border-radius:4px}.filtros-avanzados:hover .filtros-activos-badge{transform:scale(1.05)}.filtros-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filtros-limpiar{padding:8px 12px;background:#f97316;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filtros-limpiar:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 2px 8px #f973164d}.filtros-limpiar:active{transform:translateY(0)}.filtro-info{font-size:12px;color:#059669;margin-top:4px;padding:4px 8px;background:#d1fae5;border-radius:4px;border-left:3px solid #059669}.filtro-loading{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.filtro-error{font-size:12px;color:#dc2626;margin-top:4px;padding:4px 8px;background:#fee2e2;border-radius:4px;border-left:3px solid #dc2626}.filtro-item{position:relative}.filtro-item:has(.filtro-select:not([value=""])) .filtro-label{color:#e30613;font-weight:600}.filtro-item:has(.filtro-select:not([value=""])) .filtro-select{border-color:#e30613;background-color:#fef2f2}.filtro-select{transition:all .3s ease}.filtro-select:disabled{opacity:.6;cursor:not-allowed}.filtro-tooltip{display:block;font-size:11px;color:#6b7280;font-weight:400;margin-top:2px;font-style:italic;opacity:.8}.filtro-label{display:flex;flex-direction:column;gap:2px}@media (max-width: 768px){.filtros-header{flex-direction:column;align-items:stretch}.filtros-limpiar{justify-content:center;width:100%}.filtro-info{font-size:11px}.filtro-tooltip{font-size:10px}}.bulk-upload-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e7ff}.bulk-upload-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f4ff}.bulk-upload-header h2{color:#1e40af;font-size:1.8rem;margin-bottom:.5rem;font-weight:600}.bulk-upload-header p{color:#64748b;font-size:1rem;margin:0;line-height:1.5}.template-section{text-align:center;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd}.btn-download-template{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0ea5e94d;margin-bottom:.5rem}.btn-download-template:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e966}.template-section small{display:block;color:#475569;font-size:.875rem;margin-top:.5rem}.dropzone{border:3px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;margin:2rem 0;min-height:200px;display:flex;align-items:center;justify-content:center}.dropzone:hover{border-color:#3b82f6;background:#f0f9ff}.dropzone.drag-over{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-style:solid;box-shadow:0 0 20px #22c55e33}.dropzone.has-file{border-color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-style:solid}.dropzone-content{width:100%}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.dropzone-text{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6}.btn-select-file{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-select-file:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.file-selected{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #d1fae5}.file-icon{font-size:2rem}.file-info{flex:1;text-align:left}.file-name{font-weight:600;color:#059669;margin:0 0 .25rem;font-size:1.1rem}.file-size{color:#6b7280;margin:0;font-size:.9rem}.btn-remove-file{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.btn-remove-file:hover{background:#fee2e2;transform:scale(1.1)}.upload-section{text-align:center;margin:2rem 0}.btn-upload{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e4d;min-width:200px}.btn-upload:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-upload:disabled{opacity:.7;cursor:not-allowed;transform:none}.alert{padding:1rem 1.5rem;border-radius:8px;margin:1rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.alert-icon{font-size:1.2rem;flex-shrink:0}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a}.results-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.stat-item{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-label{display:block;color:#6b7280;font-size:.9rem;margin-bottom:.5rem}.stat-value{display:block;color:#1f2937;font-size:1.5rem;font-weight:700}.errors-list{margin-top:1.5rem;padding:1rem;background:#fefce8;border:1px solid #fed7aa;border-radius:8px}.errors-list h4{color:#d97706;margin:0 0 .75rem;font-size:1.1rem}.errors-list ul{margin:0;padding-left:1.5rem}.errors-list li{color:#92400e;margin-bottom:.5rem;line-height:1.4}.passwords-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:8px}.passwords-section h4{color:#c2410c;margin:0 0 1rem;font-size:1.1rem}.passwords-note{background:#fef3c7;padding:.75rem;border-radius:6px;border:1px solid #fcd34d;margin-bottom:1rem;color:#92400e;font-size:.9rem}.passwords-list{background:#fff;border-radius:8px;border:1px solid #fed7aa;overflow:hidden}.password-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #fed7aa;gap:1rem}.password-item:last-child{border-bottom:none}.user-info{flex:1;color:#374151;font-weight:500}.password-value{background:#f3f4f6;padding:.5rem .75rem;border-radius:4px;color:#1f2937;font-weight:600;border:1px solid #d1d5db;min-width:120px;text-align:center}@media (max-width: 768px){.bulk-upload-container{margin:1rem;padding:1rem}.dropzone{padding:2rem 1rem;min-height:150px}.upload-icon{font-size:2rem}.dropzone-text{font-size:1rem}.file-selected{flex-direction:column;text-align:center}.results-stats{grid-template-columns:1fr}.password-item{flex-direction:column;align-items:stretch}.password-value{min-width:auto;margin-top:.5rem}}@media (max-width: 480px){.bulk-upload-header h2{font-size:1.5rem}.btn-upload{width:100%;padding:.8rem 1rem;font-size:1rem}.btn-download-template,.btn-select-file{width:100%;margin:.5rem 0}}.filtro-activo-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:8px 12px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;font-size:13px;max-width:100%;overflow:hidden}.filtro-activo-container.mobile{padding:6px 10px;margin-bottom:12px;font-size:12px}.filtro-activo-content{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.filtro-activo-header{display:flex;align-items:center;gap:6px;font-weight:500;color:#495057;flex-shrink:0}.filtro-activo-icon{font-size:14px;color:#007bff}.filtro-activo-label{font-size:12px;color:#6c757d}.filtro-activo-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filtro-activo-badge{background:#007bff;color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;max-width:200px;text-overflow:ellipsis;overflow:hidden}.filtro-activo-badge:hover{background:#0056b3}.filtro-activo-limpiar{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:3px;transition:background-color .2s ease;flex-shrink:0}.filtro-activo-limpiar:hover{background:#c82333}.filtro-activo-limpiar-icon{font-size:12px}.filtro-activo-limpiar-text{font-weight:500}@media (max-width: 768px){.filtro-activo-content{flex-direction:column;align-items:flex-start;gap:8px}.filtro-activo-header,.filtro-activo-badges{width:100%}.filtro-activo-limpiar{align-self:flex-end}}@media (max-width: 480px){.filtro-activo-badge{font-size:11px;padding:3px 6px}.filtro-activo-limpiar{font-size:11px;padding:4px 8px}}.filtro-usuario-info{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #f39c1233;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filtro-usuario-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.filtro-usuario-icon{font-size:20px;animation:pulse 2s infinite}@keyframes pulse{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.filtro-usuario-header h4{margin:0;color:#d68910;font-size:16px;font-weight:600}.filtro-usuario-content{color:#856404}.filtro-usuario-description{margin:0 0 12px;font-size:14px;font-weight:500}.filtro-usuario-companies{margin-bottom:12px}.filtro-usuario-companies strong{display:block;margin-bottom:6px;font-size:13px;color:#d68910}.companies-list{display:flex;flex-wrap:wrap;gap:6px}.company-tag{background:#f39c12;color:#fff;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:500;white-space:nowrap}.filtro-usuario-note{margin:0;font-size:12px;font-style:italic;opacity:.8}@media (max-width: 768px){.filtro-usuario-info{padding:12px;margin-bottom:16px}.filtro-usuario-header h4{font-size:14px}.filtro-usuario-description{font-size:13px}.company-tag{font-size:11px;padding:3px 8px}}.back-office-home{padding:1rem;max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.page-header p{color:#666;font-size:1.1rem;margin:0}.content-container{display:flex;flex-direction:column;gap:2rem}.welcome-card{background:linear-gradient(135deg,#e30613,#c1051b98);color:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 8px 32px #0000001a}.welcome-card h2{margin:0 0 1rem;font-size:1.8rem;font-weight:600}.welcome-card p{margin:0;font-size:1.1rem;opacity:.9}.backoffice-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.section-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;border:1px solid #e9ecef;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#e30613,#c1051b98)}.section-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#b91a05}.section-icon{font-size:3rem;margin-bottom:1rem;display:block}.section-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.section-card p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1rem}.section-actions{margin-top:1rem}.action-text{color:#ee3d11;font-weight:600;font-size:.95rem;transition:color .3s ease}.section-card:hover .action-text{color:#df0c0c}@media (max-width: 768px){.back-office-home{padding:.5rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.welcome-card{padding:1.5rem}.welcome-card h2{font-size:1.5rem}.welcome-card p{font-size:1rem}.backoffice-sections{grid-template-columns:1fr;gap:1rem}.section-card{padding:1.25rem}.section-icon{font-size:2.5rem}.section-card h3{font-size:1.2rem}}.backoffice-filtros-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease}.backoffice-filtros-container:hover{box-shadow:0 6px 16px #0000001f}.backoffice-filtros-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.backoffice-filtros-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.backoffice-filtros-titulo{display:flex;align-items:center;gap:12px;margin:0;font-size:16px;font-weight:600;color:#374151}.backoffice-filtros-activos-badge{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 4px #e306134d}.backoffice-filtros-header-actions{display:flex;align-items:center;gap:8px}.backoffice-filtros-limpiar-header{background:#6b72801a;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.backoffice-filtros-limpiar-header:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.backoffice-filtros-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.backoffice-filtros-toggle:hover{background:#6b72801a;color:#374151}.backoffice-filtros-toggle-icon{transition:transform .3s ease}.backoffice-filtros-toggle-icon.expanded{transform:rotate(180deg)}.backoffice-filtros-content{padding:0 20px;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.backoffice-filtros-content.expanded{max-height:25vh;padding:20px;opacity:1;overflow-y:scroll}.backoffice-filtros-content.expanded::-webkit-scrollbar{height:6px}.backoffice-filtros-content.expanded::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.backoffice-filtros-content.expanded::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e30613,#a1000b);border-radius:3px}.backoffice-filtros-content.expanded::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a1000b,#e30613)}.backoffice-filtros-content.expanded{scrollbar-width:thin;scrollbar-color:#e30613 rgba(0,0,0,.1)}.backoffice-filtros-content.collapsed{max-height:0;padding:0 20px;opacity:0}.backoffice-filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:16px}.backoffice-filtro-item{display:flex;flex-direction:column;gap:8px}.backoffice-filtro-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#e30613;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.backoffice-filtro-icon{color:#e30613;flex-shrink:0}.backoffice-filtro-input,.backoffice-filtro-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:500}.backoffice-filtro-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.backoffice-filtro-input:focus,.backoffice-filtro-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a;transform:translateY(-1px)}.backoffice-filtro-input:hover,.backoffice-filtro-select:hover{border-color:#e30613;box-shadow:0 2px 8px #00000014}.backoffice-filtro-input::placeholder{color:#9ca3af;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.backoffice-filtros-content.expanded .backoffice-filtro-item{animation:fadeInUp .3s ease forwards}.backoffice-filtros-content.expanded .backoffice-filtro-item:nth-child(1){animation-delay:.1s}.backoffice-filtros-content.expanded .backoffice-filtro-item:nth-child(2){animation-delay:.15s}.backoffice-filtros-content.expanded .backoffice-filtro-item:nth-child(3){animation-delay:.2s}.backoffice-filtros-content.expanded .backoffice-filtro-item:nth-child(4){animation-delay:.25s}.backoffice-filtros-content.expanded .backoffice-filtro-item:nth-child(5){animation-delay:.3s}.backoffice-filtros-content.expanded .backoffice-filtro-item:nth-child(6){animation-delay:.35s}.backoffice-filtro-input.error,.backoffice-filtro-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.backoffice-filtro-input.success,.backoffice-filtro-select.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}@media (max-width: 768px){.backoffice-filtros-grid{grid-template-columns:1fr;gap:16px}.backoffice-filtros-header{padding:14px 16px}.backoffice-filtros-titulo{font-size:14px}.backoffice-filtros-content.expanded{padding:16px}.backoffice-filtro-input,.backoffice-filtro-select{padding:10px 14px;font-size:14px}.backoffice-filtro-select{padding-right:36px}}@media (max-width: 480px){.backoffice-filtros-header{padding:12px 14px}.backoffice-filtros-titulo{font-size:13px;gap:8px}.backoffice-filtros-activos-badge{font-size:11px;padding:2px 6px}.backoffice-filtros-content.expanded{padding:14px}.backoffice-filtro-input,.backoffice-filtro-select{padding:10px 12px;font-size:13px}.backoffice-filtro-label{font-size:11px}}.backoffice-filtros-container:focus-within{box-shadow:0 8px 20px #e3061326;border-color:#e306134d}.backoffice-filtros-header:focus{outline:2px solid #e30613;outline-offset:2px}.backoffice-filtro-input:focus,.backoffice-filtro-select:focus{outline:none}.backoffice-filtros-container.loading{opacity:.7;pointer-events:none}.backoffice-filtros-container.loading .backoffice-filtros-header:after{content:"";position:absolute;top:50%;right:60px;width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #e30613;border-radius:50%;animation:spin 1s linear infinite}.backoffice-visitas-container{padding:20px;width:100%;margin:0 auto;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.backoffice-visitas-container::-webkit-scrollbar{width:10px}.backoffice-visitas-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.backoffice-visitas-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px;transition:background .3s ease}.backoffice-visitas-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.backoffice-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.backoffice-page-title{font-size:32px;font-weight:800;color:#2c3e50;margin:0;text-shadow:0 2px 4px rgba(44,62,80,.1)}.backoffice-page-subtitle{font-size:16px;color:#6c757d;margin:0;font-weight:500;text-align:left}.backoffice-stats-summary{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.backoffice-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:16px;flex:1;min-width:200px;text-align:center;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.backoffice-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e30613,#ff4757)}.backoffice-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e3061326}.backoffice-stat-value{font-size:28px;font-weight:800;color:#e30613;margin:0;text-shadow:0 2px 4px rgba(227,6,19,.1)}.backoffice-stat-label{font-size:9px;color:#64748b;margin:8px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.backoffice-error-container{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.backoffice-error-message{color:#dc2626;font-weight:600;font-size:16px}.backoffice-loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;background:linear-gradient(135deg,#e7f3ff,#cce7ff);border-radius:12px;margin-bottom:24px}.backoffice-loading-message{display:flex;align-items:center;gap:12px;color:#1d4ed8;font-weight:600;font-size:16px}.backoffice-loading-message:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #1d4ed8;border-radius:50%;animation:spin 1s linear infinite}.backoffice-registros-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #e2e8f0;width:100%;margin-bottom:3rem;max-height:45vh;display:flex;flex-direction:column}.backoffice-table-wrapper{overflow-x:auto;overflow-y:auto;flex:1;max-height:100%;width:100%}.backoffice-registros-table{width:100%;border-collapse:collapse;font-size:11px;min-width:1200px;table-layout:fixed;border-spacing:0;position:relative}.backoffice-registros-table thead th{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:12px 5px;text-align:center;font-weight:600;border-bottom:2px solid #b91c1c;white-space:nowrap;position:sticky;top:0;z-index:10;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.backoffice-registros-table tbody td{padding:3px 2px;border-bottom:1px solid #f1f5f9;vertical-align:middle;transition:all .2s ease}.backoffice-registros-table tbody tr{transition:all .2s ease;position:relative;font-size:8px}.backoffice-registros-table tbody tr:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);transform:translate(4px);box-shadow:0 2px 12px #e3061326}.backoffice-tabla-fila-clickeable{cursor:pointer}.backoffice-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.backoffice-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.backoffice-empty-state h3{color:#374151;margin-bottom:8px}.backoffice-empty-state p{color:#6b7280;margin:0}.backoffice-id-cell{font-weight:700;color:#2c3e50;font-size:.9rem;padding:4px 8px;background:#f8f9fa;border-radius:6px;display:inline-block;min-width:50px;text-align:center}.backoffice-agente-cell{display:flex;flex-direction:column;gap:2px}.backoffice-agente-name{color:#2c3e50;font-size:.9rem;line-height:1.3}.backoffice-estado-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:12px;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:80px;box-shadow:0 2px 4px #0000001a}.backoffice-actividad{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:12px;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:80px;box-shadow:0 2px 4px #0000001a;background:linear-gradient(135deg,#e73317,#c04634d5)}.backoffice-estado-aprobado{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.backoffice-estado-rechazado{background:linear-gradient(135deg,#dc3546c2,#e74c3c);color:#fff}.backoffice-estado-pendiente{background:linear-gradient(135deg,#34742c9a,#33751f);color:#fff}.backoffice-estado-revision{background:linear-gradient(135deg,#17a2b8,#6f42c1);color:#fff}.backoffice-asesor-cell,.backoffice-pdv-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.backoffice-asesor-name,.backoffice-pdv-name{color:#2c3e50;font-size:.9rem;line-height:1.3}.backoffice-asesor-documento,.backoffice-pdv-codigo{font-size:.8rem;color:#6c757d;font-weight:500;background:#f8f9fa;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.backoffice-fecha-cell{font-weight:600;color:#495057;font-size:.85rem;white-space:nowrap}.backoffice-fecha-creacion-cell{font-weight:600;color:#6f42c1;font-size:.85rem;white-space:nowrap}.backoffice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.backoffice-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:60%;max-height:90vh;overflow-y:auto;position:relative}.backoffice-modal-header{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:24px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.backoffice-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.backoffice-close-button{background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.backoffice-close-button:hover{background:#fff3;transform:scale(1.1)}.backoffice-modal-body{padding:24px}.backoffice-info-cards-container{display:grid;gap:20px;margin-bottom:24px}.backoffice-info-card{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.backoffice-card-header{background:#e9ecef;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dee2e6}.backoffice-card-icon{font-size:1.2rem}.backoffice-card-header h4{margin:0;font-size:1rem;font-weight:600;color:#495057}.backoffice-card-content{padding:20px}.backoffice-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f4}.backoffice-info-row:last-child{border-bottom:none}.backoffice-info-row label{font-weight:600;color:#495057;min-width:120px}.backoffice-info-row span{color:#212529;font-weight:500}.backoffice-productos-tabla-container{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.backoffice-productos-tabla{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.backoffice-productos-tabla thead th{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:12px 10px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.backoffice-productos-tabla tbody td{padding:12px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:13px}.backoffice-productos-tabla tbody tr:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.backoffice-producto-referencia{font-weight:600;color:#e30613}.backoffice-producto-cantidad,.backoffice-producto-galonaje{text-align:center;font-weight:600}.backoffice-producto-precio{text-align:right;font-weight:600;color:#16a34a}.backoffice-no-productos{text-align:center;padding:40px 20px;color:#6b7280}.backoffice-no-productos-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.backoffice-no-productos p{margin:0;font-style:italic}.backoffice-fotos-container{width:100%}.backoffice-fotos-descripcion{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:12px;margin-bottom:20px;text-align:center}.backoffice-fotos-descripcion p{margin:0;color:#1565c0;font-size:13px;font-weight:500}.backoffice-foto-categoria{margin-bottom:24px}.backoffice-foto-categoria h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e30613;display:flex;align-items:center;gap:8px}.backoffice-fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.backoffice-foto-item{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.backoffice-foto-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.backoffice-foto-preview{width:100%;height:150px;object-fit:cover;cursor:pointer;transition:all .3s ease}.backoffice-foto-preview:hover{transform:scale(1.05)}.backoffice-foto-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:12px;opacity:0;transition:all .3s ease}.backoffice-foto-item:hover .backoffice-foto-overlay{opacity:1}.backoffice-foto-btn{background:#e30613e6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.backoffice-foto-btn:hover{background:#e30613;transform:translateY(-2px)}.backoffice-foto-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;background:#f8f9fa;color:#6c757d;text-align:center;padding:20px}.backoffice-foto-error span{font-size:2rem;margin-bottom:8px;opacity:.5}.backoffice-no-fotos{text-align:center;padding:40px 20px;color:#6b7280}.backoffice-no-fotos-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.backoffice-no-fotos p{margin:0;font-style:italic}.backoffice-kpi-badges-container{display:flex;gap:8px;flex-wrap:wrap}.backoffice-kpi-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:12px;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:60px;box-shadow:0 2px 4px #0000001a}.backoffice-kpi-precio{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.backoffice-kpi-volumen{background:linear-gradient(135deg,#6f42c1,#007bff);color:#fff}.backoffice-kpi-frecuencia{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.backoffice-modal-footer{border-top:1px solid #e9ecef;padding:24px;background:#f8f9fa}.backoffice-comentario-section{margin-bottom:20px}.backoffice-comentario-section label{display:block;font-weight:600;color:#495057;margin-bottom:8px}.backoffice-comentario-textarea{width:100%;min-height:80px;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;resize:vertical;transition:border-color .3s ease}.backoffice-comentario-textarea:focus{outline:none;border-color:#e30613}.backoffice-action-buttons{display:flex;gap:12px;justify-content:flex-end}.backoffice-btn{padding:12px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.backoffice-btn-secondary{background:#6c757d;color:#fff}.backoffice-btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.backoffice-btn-danger{background:#dc3545;color:#fff}.backoffice-btn-danger:hover{background:#c82333;transform:translateY(-2px)}.backoffice-btn-success{background:#28a745;color:#fff}.backoffice-btn-success:hover{background:#218838;transform:translateY(-2px)}.backoffice-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.backoffice-visitas-container{padding:16px;max-height:100vh;overflow-y:auto}.backoffice-page-title{font-size:24px}.backoffice-stats-summary{flex-direction:column;gap:12px}.backoffice-registros-table-container{max-height:60vh;border-radius:12px}.backoffice-registros-table{font-size:12px;min-width:1000px}.backoffice-registros-table th,.backoffice-registros-table td{padding:12px 8px;font-size:12px}}@media (max-width: 768px){.backoffice-id-cell{font-size:.8rem;min-width:40px;padding:3px 6px}.backoffice-agente-name,.backoffice-asesor-name,.backoffice-pdv-name{font-size:.8rem}.backoffice-asesor-documento,.backoffice-pdv-codigo{font-size:.75rem}.backoffice-estado-badge{font-size:.7rem;padding:3px 6px;min-width:70px}.backoffice-fecha-cell{font-size:.8rem}}@media (max-width: 480px){.backoffice-id-cell{font-size:.75rem;min-width:35px;padding:2px 4px}.backoffice-agente-name,.backoffice-asesor-name,.backoffice-pdv-name{font-size:.75rem}.backoffice-asesor-documento,.backoffice-pdv-codigo{font-size:.7rem}.backoffice-estado-badge{font-size:.65rem;padding:2px 4px;min-width:60px}.backoffice-fecha-cell{font-size:.75rem}}.mercadeo-visitas-container::-webkit-scrollbar{width:10px}.mercadeo-visitas-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.mercadeo-visitas-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px;transition:background .3s ease}.mercadeo-visitas-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e30613}.mercadeo_registros-table tbody tr:hover .mercadeo_kpi-badge{transform:scale(1.05);box-shadow:0 2px 8px #0003}.page-title{font-size:30px;font-weight:700;color:#e30613;margin:0;text-shadow:0 2px 4px rgba(227,6,19,.1)}.page-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:15px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.stat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e30613,#ff4757)}.stat-value{font-size:28px;font-weight:800;color:#e30613;margin:0;text-shadow:0 2px 4px rgba(227,6,19,.1)}.stat-label{font-size:9px;color:#64748b;margin:8px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.filters-container-collapsible{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.filters-header-content{display:flex;align-items:center;gap:12px}.filters-icon{font-size:18px;color:#e30613;font-weight:700}.clear-filters-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;transition:background-color .2s ease}.expand-arrow{background:none;border:none;color:#a49c9c;cursor:pointer;font-size:12px;padding:2px 4px;transition:transform .3s ease}.expand-arrow[data-expanded=true]{transform:rotate(180deg)}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fdfdfd,#f9f9f9);color:#a49c9c;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.filters-title{font-size:13px;font-weight:700;letter-spacing:1px}.filters-actions{display:flex;align-items:center;gap:8px}.clear-filters-btn{background:none;border:none;color:#a49c9c;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;transition:background-color .2s ease}.clear-filters-btn:hover{background-color:#ffffff1a}.filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#fff}.filters-content.expanded{max-height:500px;padding:16px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.filters-grid:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{display:block;margin-bottom:6px;font-size:10px;font-weight:600;color:#e30613;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.filter-select,.filter-input{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;min-height:40px;font-weight:500;color:#374151}.filter-select:focus,.filter-input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a;transform:translateY(-1px)}.filter-select:hover,.filter-input:hover{border-color:#e30613;box-shadow:0 2px 8px #00000014}.filter-input::placeholder{color:#9ca3af;font-style:italic}.filter-input-small{width:100%;padding:6px 10px;border:1px solid #e30613;border-radius:6px;font-size:12px;color:#333;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.filter-input-small:focus{border-color:#e30613;box-shadow:0 0 0 2px #e306131a}.filter-input-small::placeholder{color:#999;font-size:11px}.filter-select-small{width:100%;padding:6px 32px 6px 10px;border:1px solid #e30613;border-radius:6px;font-size:12px;color:#333;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.filter-select-small:focus{border-color:#e30613;box-shadow:0 0 0 2px #e306131a}.filter-select-small option{color:#333;background-color:#fff;padding:4px 8px}.mercadeo_registros-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #e2e8f0;width:100%;margin-bottom:3rem;max-height:70vh;display:flex;flex-direction:column}.table-wrapper{overflow-x:auto;overflow-y:auto;flex:1;max-height:100%;width:100%}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px;transition:background .3s ease}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#b8050f}.table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9}.mercadeo_registros-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1400px;table-layout:fixed;border-spacing:0;position:relative}.mercadeo_registros-table thead th,.mercadeo_registros-table tbody td{box-sizing:border-box;padding:16px 12px;text-align:left;vertical-align:middle}.mercadeo_registros-table col:nth-child(1){width:14%}.mercadeo_registros-table col:nth-child(2){width:16%}.mercadeo_registros-table col:nth-child(3){width:22%}.mercadeo_registros-table col:nth-child(4){width:10%}.mercadeo_registros-table col:nth-child(5){width:10%}.mercadeo_registros-table col:nth-child(6){width:12%}.mercadeo_registros-table col:nth-child(7){width:8%}.mercadeo_registros-table th:nth-child(1),.mercadeo_registros-table td:nth-child(1){width:14%;min-width:160px}.mercadeo_registros-table th:nth-child(2),.mercadeo_registros-table td:nth-child(2){width:16%;min-width:180px}.mercadeo_registros-table th:nth-child(3),.mercadeo_registros-table td:nth-child(3){width:22%;min-width:220px}.mercadeo_registros-table th:nth-child(4),.mercadeo_registros-table td:nth-child(4){width:10%;min-width:100px}.mercadeo_registros-table th:nth-child(5),.mercadeo_registros-table td:nth-child(5){width:10%;min-width:120px}.mercadeo_registros-table th:nth-child(6),.mercadeo_registros-table td:nth-child(6){width:12%;min-width:140px}.mercadeo_registros-table th:nth-child(7),.mercadeo_registros-table td:nth-child(7){width:8%;min-width:110px}.mercadeo_registros-table th{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:16px 12px;text-align:left;font-weight:600;border-bottom:2px solid #b91c1c;white-space:nowrap;position:sticky;top:0;z-index:10;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;max-width:0}.mercadeo_registros-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.mercadeo_registros-table td:nth-child(3){white-space:normal}.mercadeo_registros-table td:nth-child(6){white-space:normal}.asesor-cell{display:flex;flex-direction:column;gap:2px;overflow:hidden}.asesor-name{font-weight:600;color:#1f2937;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asesor-documento{font-size:11px;color:#6b7280;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdv-cell{display:flex;flex-direction:column;gap:2px;overflow:hidden}.pdv-name{font-weight:600;color:#1f2937;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdv-codigo{font-size:11px;color:#e30613;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direccion-cell{display:flex;flex-direction:column;overflow:hidden}.direccion-text{font-size:13px;color:#4b5563;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fecha-cell,.actividad-cell{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mercadeo_kpi-cell{display:flex;flex-direction:column;gap:4px;overflow:hidden}.mercadeo_registros-table tbody tr:before{position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all .2s ease}.mercadeo_registros-table tbody tr:hover:before{background:linear-gradient(135deg,#e30613,#c1051c);box-shadow:0 0 10px #e306134d}.mercadeo_registros-table tbody tr{position:relative}.tabla-fila-clickeable{cursor:pointer;transition:all .2s ease}.tabla-fila-clickeable:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);transform:translate(4px);box-shadow:0 2px 12px #e3061326}.tabla-fila-clickeable:active{transform:translate(2px)}.mercadeo_registros-table tbody tr:hover .codigo-cell{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:scale(1.05)}.mercadeo_registros-table tbody tr:hover .asesor-name{color:#e30613;font-weight:700}.mercadeo_registros-table tbody tr:hover .mercadeo_estado-badge{transform:scale(1.05);box-shadow:0 2px 8px #0003}.mercadeo_registros-table tbody tr:hover .mercadeo_btn{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mercadeo_registros-table tbody tr:hover .mercadeo_kpi-badge{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.mercadeo_estado-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block;text-align:center;min-width:70px}.mercadeo_estado-badge.estado-aprobado{background:#dcfce7;color:#166534;border:1px solid #22c55e}.mercadeo_estado-badge.estado-rechazado{background:#fef2f2;color:#dc2626;border:1px solid #ef4444}.mercadeo_estado-badge.estado-pendiente{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.mercadeo_estado-badge.estado-revision{background:#ede9fe;color:#7c3aed;border:1px solid #a855f7}.estado-propuesta{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.estado-propuesta:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.estado-propuesta.pendiente{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b}.estado-propuesta.aprobada{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b981}.estado-propuesta.rechazada{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444}.acciones-cell{display:flex;gap:8px;align-items:center}.acciones-container{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mercadeo_btn{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;text-decoration:none;min-width:36px;justify-content:center}.mercadeo_btn-sm{padding:6px 8px;min-width:32px}.mercadeo_btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mercadeo_btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover:not(:disabled){background:#2563eb}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-accion{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;min-width:80px;display:flex;align-items:center;justify-content:center;gap:4px}.btn-accion:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-accion:active{transform:translateY(0)}.btn-aprobar{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-aprobar:hover{box-shadow:0 4px 12px #10b98166}.btn-rechazar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-rechazar:hover{box-shadow:0 4px 12px #ef444466}.btn-ver{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-ver:hover{box-shadow:0 4px 12px #3b82f666}.mercadeo_btn .icon{font-size:14px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#374151;margin-bottom:8px}.empty-state p{color:#6b7280;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px}.close-button:hover{background:#f3f4f6}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;gap:16px}.action-buttons{display:flex;gap:12px}.info-cards-container{display:flex;flex-direction:column;gap:20px}.info-card{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.card-header{background:#fff;padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.card-icon{font-size:20px}.card-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.card-content{padding:20px}.info-row{display:flex;margin-bottom:12px;align-items:flex-start}.info-row:last-child{margin-bottom:0}.info-row label{font-weight:600;color:#374151;min-width:140px;margin-right:16px}.info-row span{color:#6b7280;flex:1}.codigo-value{font-weight:600;color:#e30613;background:#fef2f2;padding:4px 8px;border-radius:4px;display:inline-block}.asesor-value{font-weight:600;color:#1f2937}.fecha-value{font-weight:500}.observacion-text{background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb;font-style:italic;color:#6b7280}.kpi-badges-container{display:flex;gap:8px;flex-wrap:wrap}.productos-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.productos-table table{width:100%;border-collapse:collapse}.productos-table th{background:#f3f4f6;padding:12px 16px;text-align:left;font-weight:600;color:#374151;font-size:13px;border-bottom:1px solid #e5e7eb}.productos-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#6b7280}.productos-table tr:last-child td{border-bottom:none}.productos-table tr:hover{background:#f9fafb}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.foto-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.foto-header{background:#f3f4f6;padding:8px 12px;border-bottom:1px solid #e5e7eb}.foto-tipo{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.foto-img{width:100%;height:150px;object-fit:cover;cursor:pointer;transition:transform .2s}.foto-img:hover{transform:scale(1.05)}.foto-categoria{margin-bottom:24px}.foto-categoria h4{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e30613;padding-bottom:4px;display:flex;align-items:center;gap:8px}.foto-error{position:absolute;top:0;left:0;right:0;bottom:0;background:#fee2e2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#991b1b;font-size:12px;text-align:center;padding:8px;gap:4px}.foto-error span{font-size:24px;margin-bottom:4px}.foto-item{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;background:#f8fafc;aspect-ratio:1}.foto-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.foto-img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:all .3s ease}.foto-img:hover{filter:brightness(1.1)}.loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;color:#6b7280}.loading-message{display:flex;align-items:center;gap:12px;padding:40px 20px;color:#6b7280;justify-content:center}.loading-message:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #e30613;border-radius:50%;animation:spin 1s linear infinite}.error-container{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px}.error-message{color:#dc2626;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mercadeo_registros-table-container{animation:slideIn .5s ease-out}.filters-container{animation:slideIn .3s ease-out}@media (max-width: 1024px){.filters-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mercadeo_registros-table th,.mercadeo_registros-table td{padding:12px 8px;font-size:13px}.btn-accion{padding:6px 12px;font-size:11px;min-width:70px}}@media (max-width: 768px){.mercadeo-visitas-container{padding:16px;max-height:100vh;overflow-y:auto}.mercadeo_registros-table-container{max-height:60vh;border-radius:12px}.table-wrapper{max-height:100%}.table-wrapper::-webkit-scrollbar{width:6px;height:6px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:24px}.stats-summary{flex-direction:column;gap:12px}.filters-container{padding:16px}.filters-grid{grid-template-columns:1fr;gap:12px}.mercadeo_registros-table{font-size:12px;min-width:1100px}.mercadeo_registros-table th:nth-child(1),.mercadeo_registros-table td:nth-child(1){width:130px}.mercadeo_registros-table th:nth-child(2),.mercadeo_registros-table td:nth-child(2){width:150px}.mercadeo_registros-table th:nth-child(3),.mercadeo_registros-table td:nth-child(3){width:180px}.mercadeo_registros-table th:nth-child(4),.mercadeo_registros-table td:nth-child(4){width:90px}.mercadeo_registros-table th:nth-child(5),.mercadeo_registros-table td:nth-child(5){width:100px}.mercadeo_registros-table th:nth-child(6),.mercadeo_registros-table td:nth-child(6){width:110px}.mercadeo_registros-table th:nth-child(7),.mercadeo_registros-table td:nth-child(7){width:100px}.mercadeo_registros-table th:nth-child(8),.mercadeo_registros-table td:nth-child(8){width:100px}.mercadeo_registros-table th,.mercadeo_registros-table td{padding:10px 6px;font-size:12px}.acciones-container{flex-direction:column;gap:4px}.btn-accion{width:100%;padding:8px;font-size:11px}}.backoffice-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.backoffice-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.backoffice-table-wrapper::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px;transition:background .3s ease}.backoffice-table-wrapper::-webkit-scrollbar-thumb:hover{background:#b8050f}.backoffice-table-wrapper::-webkit-scrollbar-corner{background:#f1f5f9}@media (max-width: 480px){.backoffice-modal-content{max-width:100%;margin:5px;border-radius:8px}.backoffice-modal-header h3{font-size:1rem}.backoffice-close-button{width:32px;height:32px;font-size:1.2rem}.backoffice-info-cards-container{gap:12px}.backoffice-card-header{padding:12px 16px}.backoffice-card-content{padding:16px}.backoffice-info-row{flex-direction:column;align-items:flex-start;gap:4px}.backoffice-info-row label{min-width:auto;font-size:.8rem}.backoffice-action-buttons{flex-direction:column;gap:8px}.backoffice-btn{width:100%;padding:10px 16px;font-size:.8rem}}.backoffice-registros-table tbody tr:hover .backoffice-id-cell{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:scale(1.05)}.backoffice-registros-table tbody tr:hover .backoffice-asesor-name,.backoffice-registros-table tbody tr:hover .backoffice-pdv-name{color:#e30613;font-weight:700}.backoffice-stat-card,.backoffice-modal-content,.backoffice-info-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.backoffice-page-title{background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backoffice-loading-container{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.backoffice-btn:focus,.backoffice-comentario-textarea:focus{outline:2px solid #e30613;outline-offset:2px}.backoffice-stat-card,.backoffice-info-card,.backoffice-btn,.backoffice-estado-badge{transition:all .3s ease}.backoffice-meta-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.backoffice-meta-value{font-weight:700;color:#2c3e50;font-size:.95rem;padding:6px 12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;display:inline-block;min-width:60px;text-align:center;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000000d}.backoffice-nit-cell{font-weight:500;color:#495057;font-size:.85rem}.backoffice-direccion-cell{font-weight:500;color:#495057;font-size:.85rem;line-height:1.3;max-width:150px;word-wrap:break-word}.backoffice-ciudad-cell{font-weight:500;color:#495057;font-size:.85rem}.backoffice-pdv-name{font-weight:600;color:#2c3e50;font-size:.9rem;line-height:1.4;display:block;text-align:left}.pdv-status{padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.pdv-status.activo{background:#e8f5e8;color:#2e7d32}.pdv-status.inactivo{background:#ffebee;color:#c62828}.simple-insights{display:flex;gap:1rem;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e2e8f0;justify-content:center}.insight-card{background:#fff;padding:1rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a;min-width:120px}.insight-value{font-size:2rem;font-weight:700;color:#e30613;margin-bottom:.5rem}.insight-label{font-size:.9rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-insights{display:flex;gap:.5rem;padding:1rem;background:#f8f9fa;justify-content:space-around;flex-wrap:wrap}.mobile-insight-card{background:#fff;padding:.75rem;border-radius:6px;text-align:center;box-shadow:0 2px 4px #0000001a;flex:1;min-width:100px}.mobile-insight-card .insight-value{font-size:1.5rem;margin-bottom:.25rem}.mobile-insight-card .insight-label{font-size:.8rem}.backoffice-implementacion-value{font-weight:600;color:#2563eb;background:#eff6ff;padding:4px 8px;border-radius:4px;border-left:3px solid #2563eb}.backoffice-acepto-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.backoffice-acepto-si{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.backoffice-acepto-no{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.backoffice-acepto-pendiente{background:#fef3c7;color:#d97706;border:1px solid #fed7aa}.backoffice-observacion-implementacion{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;color:#475569;font-style:italic;line-height:1.5;margin-top:8px}.backoffice-productos-implementacion{margin-top:20px;padding:16px;background:#fafbfc;border-radius:8px;border:1px solid #e1e5e9}.backoffice-productos-implementacion h5{margin:0 0 16px;color:#374151;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.backoffice-tabla-productos-implementacion{overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px #0000001a}.backoffice-productos-implementacion-tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.backoffice-productos-implementacion-tabla th{background:linear-gradient(135deg,#e30613,#c1051c);color:#fff;padding:12px 16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.backoffice-productos-implementacion-tabla td{border-bottom:1px solid #f1f5f9;vertical-align:middle}.backoffice-productos-implementacion-tabla tr:last-child td{border-bottom:none}.backoffice-productos-implementacion-tabla tr:hover{background:#f8fafc}.backoffice-producto-nombre-tabla{color:#374151;font-weight:500;font-size:13px;max-width:250px;word-wrap:break-word}.backoffice-producto-cantidad-tabla{text-align:center;width:100px}.backoffice-cantidad-badge{background:#d22c12;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;min-width:30px;text-align:center}.backoffice-producto-foto-tabla{text-align:center;width:120px}.backoffice-foto-evidencia-mini{position:relative;display:inline-block;border-radius:6px;overflow:hidden;width:60px;height:60px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.backoffice-foto-evidencia-mini:hover{transform:scale(1.1)}.backoffice-foto-mini-preview{width:100%;height:100%;object-fit:cover;cursor:pointer}.backoffice-foto-mini-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#f3f4f6;color:#9ca3af;font-size:10px}.backoffice-foto-mini-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.backoffice-foto-evidencia-mini:hover .backoffice-foto-mini-overlay{opacity:1}.backoffice-foto-mini-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.backoffice-foto-mini-btn:hover{background:#fff3}.backoffice-sin-foto-evidencia{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:10px;text-align:center}.backoffice-sin-foto-evidencia span{font-size:16px;margin-bottom:2px}.backoffice-foto-remision-container{margin-top:20px}.backoffice-foto-remision-container h5{margin:0 0 12px;color:#374151;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.backoffice-foto-remision{display:inline-block;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease}.backoffice-foto-remision:hover{transform:scale(1.02)}@media (max-width: 768px){.backoffice-tabla-productos-implementacion{font-size:12px}.backoffice-producto-nombre-tabla{font-size:11px;max-width:150px}.backoffice-foto-evidencia-mini{width:45px;height:45px}.backoffice-cantidad-badge{padding:4px 8px;font-size:10px}.backoffice-sin-foto-evidencia{width:45px;height:45px;font-size:8px}.backoffice-sin-foto-evidencia span{font-size:14px}}.backoffice-observaciones-container{display:flex;flex-direction:column;gap:16px}.backoffice-observacion-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .2s ease}.backoffice-observacion-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.backoffice-observacion-item label{display:block;color:#374151;font-size:13px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.backoffice-observacion-item .backoffice-observacion-text{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;color:#4b5563;font-size:13px;line-height:1.5;min-height:40px;font-style:italic}.backoffice-observacion-item .backoffice-observacion-text:empty:before{content:"Sin observaciones registradas";color:#9ca3af;font-style:italic}@media (max-width: 768px){.backoffice-observaciones-container{gap:12px}.backoffice-observacion-item{padding:10px 12px}.backoffice-observacion-item label{font-size:12px;margin-bottom:6px}.backoffice-observacion-item .backoffice-observacion-text{padding:8px 10px;font-size:12px;min-height:35px}}.backoffice-filter-panel{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;border:1px solid #e9ecef;transition:all .3s ease}.backoffice-filter-panel:hover{box-shadow:0 6px 30px #0000001f;transform:translateY(-2px)}.backoffice-filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#e31e24,#ff4757);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;position:relative;overflow:hidden}.backoffice-filter-panel-header:hover{background:linear-gradient(135deg,#c41e3a,#e31e24)}.backoffice-filter-panel-title{display:flex;align-items:center;gap:12px;flex:1}.backoffice-filter-panel-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.backoffice-filter-panel-title h3{margin:0;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.backoffice-filter-panel-count{background:#fff3;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backoffice-filter-panel-toggle{padding:8px;border-radius:50%;transition:all .3s ease;background:#ffffff1a}.backoffice-filter-panel-toggle:hover{background:#fff3;transform:scale(1.1)}.backoffice-filter-panel-toggle.expanded{transform:rotate(180deg)}.backoffice-filter-panel-toggle.collapsed{transform:rotate(0)}.backoffice-filter-panel-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.backoffice-filter-panel-content.expanded{max-height:500px;opacity:1;padding:24px}.backoffice-filter-panel-content.collapsed{max-height:0;opacity:0;padding:0 24px}.backoffice-filter-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.backoffice-filter-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.backoffice-filter-label-icon{font-size:1rem;opacity:.8}.backoffice-filter-input-wrapper{position:relative;display:flex;flex-direction:column}.backoffice-filter-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;transition:all .3s ease;background:#fdfdfd;box-shadow:inset 0 2px 4px #0000000a;width:100%;box-sizing:border-box}.backoffice-filter-input:focus{outline:none;border-color:#e31e24;background:#fff;box-shadow:0 0 0 4px #e31e241a,inset 0 2px 4px #0000000a;transform:translateY(-2px)}.backoffice-filter-input::placeholder{color:#adb5bd;font-style:italic}.backoffice-filter-input-focus-border{position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#e31e24,#ff4757);transition:all .4s ease;transform:translate(-50%);border-radius:2px}.backoffice-filter-input:focus+.backoffice-filter-input-focus-border{width:100%}.backoffice-filter-date{color-scheme:light}.backoffice-filter-select-wrapper{position:relative;display:flex;align-items:center}.backoffice-filter-select{padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;background:#fdfdfd;cursor:pointer;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000000a;box-sizing:border-box}.backoffice-filter-select:focus{outline:none;border-color:#e31e24;background:#fff;box-shadow:0 0 0 4px #e31e241a,inset 0 2px 4px #0000000a;transform:translateY(-2px)}.backoffice-filter-select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none;transition:all .3s ease}.backoffice-filter-select:focus+.backoffice-filter-select-arrow{color:#e31e24;transform:translateY(-50%) rotate(180deg)}.backoffice-filter-panel-actions{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:2px solid #f8f9fa;gap:16px}.backoffice-filter-clear-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.backoffice-filter-clear-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66}.backoffice-filter-clear-btn:active{transform:translateY(0)}.backoffice-filter-clear-icon{font-size:1rem}.backoffice-filter-results-counter{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border-radius:20px;border:2px solid #e9ecef}.backoffice-filter-results-icon{font-size:1rem}.backoffice-filter-results-text{font-size:.85rem;font-weight:600;color:#495057}@media (max-width: 768px){.backoffice-filter-panel{margin-bottom:16px;border-radius:12px}.backoffice-filter-panel-header{padding:16px 20px}.backoffice-filter-panel-title h3{font-size:1rem}.backoffice-filter-panel-count{font-size:.8rem;padding:3px 10px}.backoffice-filter-panel-content.expanded{padding:20px}.backoffice-filter-panel-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.backoffice-filter-panel-actions{flex-direction:column;align-items:stretch;gap:12px}.backoffice-filter-clear-btn{width:100%;justify-content:center}.backoffice-filter-results-counter{justify-content:center}}@media (max-width: 480px){.backoffice-filter-panel{border-radius:8px;margin-bottom:12px}.backoffice-filter-panel-header{padding:12px 16px}.backoffice-filter-panel-title{gap:8px}.backoffice-filter-panel-title h3{font-size:.9rem}.backoffice-filter-panel-count{font-size:.75rem;padding:2px 8px}.backoffice-filter-panel-content.expanded{padding:16px}.backoffice-filter-panel-grid{gap:12px;margin-bottom:16px}.backoffice-filter-input,.backoffice-filter-select{padding:10px 14px;font-size:.85rem}.backoffice-filter-select{padding-right:36px}.backoffice-filter-label{font-size:.8rem;gap:6px}.backoffice-filter-clear-btn{padding:10px 16px;font-size:.8rem}.backoffice-filter-results-counter{padding:6px 12px}.backoffice-filter-results-text{font-size:.8rem}}.backoffice-filter-panel-body{padding:20px 24px}.backoffice-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.backoffice-filter-group{display:flex;flex-direction:column;gap:8px}.backoffice-filter-label{font-weight:600;color:#495057;font-size:.85rem;margin-bottom:4px}.backoffice-filter-input,.backoffice-filter-select{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}.backoffice-filter-input:focus,.backoffice-filter-select:focus{outline:none;border-color:#e31e24;box-shadow:0 0 0 3px #e31e241a}.backoffice-filter-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e9ecef}.backoffice-btn-clear-filters{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.backoffice-btn-clear-filters:hover{background:#5a6268;transform:translateY(-2px)}@keyframes backofficeFilterPanelSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.backoffice-filter-panel{animation:backofficeFilterPanelSlideIn .4s ease-out}.backoffice-filter-panel.loading{opacity:.6;pointer-events:none}.backoffice-filter-panel.loading .backoffice-filter-panel-header:after{content:"";position:absolute;top:50%;right:60px;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.filter-panel-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;border:1px solid #e9ecef;transition:all .3s ease}.filter-panel-container:hover{box-shadow:0 6px 30px #0000001f}.filter-toggle-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#e31e24,#ff4757);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;position:relative}.filter-toggle-header:hover{background:linear-gradient(135deg,#c41e3a,#e31e24)}.filter-toggle-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#fff}.filter-toggle-icon{font-size:1.2rem;transition:transform .3s ease;color:#fff;font-weight:700}.filter-toggle-icon.open{transform:rotate(180deg)}.filter-panel{max-height:0!important;overflow:hidden!important;transition:max-height .4s ease-in-out!important;background:#f8f9fa!important;height:0!important}.filter-panel.open{max-height:450px!important;height:auto!important;min-height:300px!important}.filter-panel.closed{max-height:0!important;height:0!important}.filter-section-content{padding:24px!important;max-height:400px!important;overflow-y:auto!important;height:350px!important;box-sizing:border-box!important}.filter-buttons-group,.search-inputs-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.filter-group,.search-input-group{display:flex;flex-direction:column;gap:8px}.filter-group label,.search-input-group label{font-weight:600;color:#495057;font-size:.9rem}.filter-select,.search-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}.filter-select:focus,.search-input:focus{outline:none;border-color:#e31e24;box-shadow:0 0 0 3px #e31e241a}.filter-actions{display:flex;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid #dee2e6}.clear-filters-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:6px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.75rem}.clear-filters-btn:hover{background:linear-gradient(135deg,#5a6268,#343a40);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.filter-buttons-group,.search-inputs-group{grid-template-columns:1fr;gap:16px}.filter-toggle-header{padding:16px 20px}.filter-section-content{padding:20px!important;max-height:280px!important;height:250px!important}.filter-panel.open{max-height:350px!important;min-height:280px!important}}.filter-panel-container .filter-panel{display:block!important;position:relative!important}.filter-panel-container .filter-panel.open{display:block!important;visibility:visible!important;opacity:1!important}.filter-panel-container .filter-panel.closed{display:block!important;visibility:hidden!important;opacity:0!important;transition:all .4s ease-in-out!important}.filter-panel-container{background:#fff!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:24px!important;overflow:hidden!important;border:1px solid #e9ecef!important;transition:all .3s ease!important;position:relative!important}.usuarios-table-container{width:100%;overflow-x:auto;margin-top:1rem}.usuarios-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.usuarios-table th,.usuarios-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.usuarios-table th{background:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.usuarios-table tbody tr:hover{background-color:#f5f5f5}.usuario-name{font-weight:600;color:#2c3e50}.rol-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.rol-badge.asesor{background:#e3f2fd;color:#1976d2}.rol-badge.mercadeo{background:#f3e5f5;color:#7b1fa2}.rol-badge.director{background:#fff3e0;color:#ef6c00}.rol-badge.coordinador{background:#e8f5e8;color:#2e7d32}.rol-badge.mystery{background:#fce4ec;color:#c2185b}.rol-badge.backoffice{background:#e0f2f1;color:#00695c}.estado-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.estado-badge.activo{background:#e8f5e8;color:#2e7d32}.estado-badge.inactivo{background:#ffebee;color:#c62828}.promotor-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.promotor-badge.yes{background:#fff3e0;color:#ef6c00}.promotor-badge.no{background:#f3e5f5;color:#7b1fa2}.usuarios-mobile-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contador-simple{font-size:12px;color:#666;text-align:center;margin-top:8px;padding-top:8px}.backoffice-email-cell{display:flex;flex-direction:column}.backoffice-email-text{font-size:.9rem;color:#333;word-break:break-word;overflow-wrap:break-word}.usuario-mobile-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid #1976d2}.usuario-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.usuario-info h4{margin:0;color:#2c3e50;font-size:1.1rem}.usuario-cedula{font-size:.9rem;color:#666;margin-top:.25rem;display:block}.usuario-estado-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;margin-top:.25rem}.usuario-estado-badge.activo{background:#e8f5e8;color:#2e7d32}.usuario-estado-badge.inactivo{background:#ffebee;color:#c62828}.usuario-mobile-details{margin:.75rem 0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666;font-size:.9rem}.detail-value{color:#333;font-size:.9rem;text-align:right;max-width:60%;word-wrap:break-word}.usuario-mobile-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-action-mobile{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-action-mobile.btn-view{background:#e3f2fd;color:#1976d2}.btn-action-mobile.btn-view:hover{background:#bbdefb}.btn-action-mobile.btn-activate{background:#e8f5e8;color:#2e7d32}.btn-action-mobile.btn-activate:hover{background:#c8e6c9}.btn-action-mobile.btn-deactivate{background:#ffebee;color:#c62828}.btn-action-mobile.btn-deactivate:hover{background:#ffcdd2}.pdvs-table-container{width:100%;overflow-x:auto;margin-top:1rem}.pdvs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pdvs-table th,.pdvs-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.pdvs-table th{background:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.pdvs-table tbody tr:hover{background-color:#f5f5f5}.pdv-codigo{font-weight:600;color:#e30613}.pdv-name{font-weight:500;color:#2c3e50}.pdv-direccion{max-width:200px;word-wrap:break-word;font-size:.9rem}.registros-count,.registros-aprobados,.registros-pendientes{display:inline-block;padding:2px 6px;border-radius:8px;font-weight:500;min-width:20px;text-align:center}.registros-count{background:#e3f2fd;color:#1976d2}.registros-aprobados{background:#e8f5e8;color:#2e7d32}.registros-pendientes{background:#fff3e0;color:#ef6c00}.pdvs-mobile-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.pdv-mobile-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid #ef6c00}.pdv-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.pdv-info h4{margin:0;color:#2c3e50;font-size:1.1rem}.pdv-codigo{font-size:.9rem;color:#e30613;font-weight:600;margin-top:.25rem;display:block}.pdv-estado-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;margin-top:.25rem}.pdv-estado-badge.activo{background:#e8f5e8;color:#2e7d32}.pdv-estado-badge.inactivo{background:#ffebee;color:#c62828}.pdv-mobile-details{margin:.75rem 0}.pdv-mobile-actions{display:flex;gap:.5rem;margin-top:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h2{margin:0;color:#2c3e50;font-size:1.4rem}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background:#f0f0f0;color:#333}.modal-body{padding:1.5rem}.usuario-detail-grid,.pdv-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-section{background:#f8f9fa;padding:1rem;border-radius:8px;border:1px solid #e9ecef}.detail-section h3{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;border-bottom:2px solid #1976d2;padding-bottom:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #dee2e6}.detail-item:last-child{border-bottom:none}.detail-item label{font-weight:600;color:#495057;margin-right:1rem}.detail-item span{color:#212529;text-align:right;flex:1;word-wrap:break-word}.codigo-highlight{font-weight:700;color:#1976d2;background:#e3f2fd;padding:2px 6px;border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #dee2e6}.stat-number{font-weight:700;font-size:1.1rem}.stat-number.success{color:#2e7d32}.stat-number.error{color:#c62828}.stat-number.warning{color:#ef6c00}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #eee;background:#f8f9fa;border-radius:0 0 12px 12px}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-modal{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-modal.btn-activate{background:#2e7d32;color:#fff}.btn-modal.btn-activate:hover{background:#1b5e20}.btn-modal.btn-deactivate{background:#c62828;color:#fff}.btn-modal.btn-deactivate:hover{background:#b71c1c}.btn-modal.btn-secondary{background:#6c757d;color:#fff}.btn-modal.btn-secondary:hover{background:#5a6268}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-action{background:none;border:1px solid transparent;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-action.btn-view{background:#e3f2fd;border-color:#bbdefb}.btn-action.btn-view:hover{background:#bbdefb;transform:scale(1.1)}.btn-action.btn-activate{background:#e8f5e8;border-color:#c8e6c9}.btn-action.btn-activate:hover{background:#c8e6c9;transform:scale(1.1)}.btn-action.btn-deactivate{background:#ffebee;border-color:#ffcdd2}.btn-action.btn-deactivate:hover{background:#ffcdd2;transform:scale(1.1)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action:disabled:hover{transform:none}@media (max-width: 768px){.usuario-detail-grid,.pdv-detail-grid,.stats-grid{grid-template-columns:1fr}.modal-content{margin:.5rem;max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}.modal-actions{flex-direction:column}.btn-modal{width:100%}}.mistery-dashboard-center{flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-height:0;min-width:0}.mistery-btn-container{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:68vh}.mistery-btn{background:transparent;border:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column;align-items:center;padding:0;cursor:pointer;width:120px;min-height:140px;margin-bottom:10px;justify-content:flex-start;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.mistery-btn-inner{background:#fff;border-radius:22px;width:95%;height:100%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.mistery-btn-icon{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.mistery-btn-icon img{width:60px;height:60px;object-fit:contain}.mistery-btn-label{font-weight:700;color:#e30613;font-size:12px;text-align:center;letter-spacing:.2px;line-height:1.1;max-width:100px;word-break:break-word;margin-top:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-pdvs-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:1600px;width:70%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#e30613,#ff1744);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #c1050f}.modal-header h2{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:.5px}.modal-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;font-weight:700;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg)}.modal-body{flex:1;padding:24px;overflow:hidden;display:flex;flex-direction:column;background:#f8f9fa;overflow-y:auto}.pdv-search-container{margin-bottom:20px;position:relative}.pdv-search-input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d}.pdv-search-input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a,0 4px 12px #0000001a;transform:translateY(-1px)}.pdv-search-input::placeholder{color:#6c757d;font-style:italic}.pdv-search-container:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;z-index:1}.pdvs-count{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;margin-bottom:16px;box-shadow:0 2px 8px #28a74533}.pdvs-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-height:600px;min-height:500px}.pdvs-table-scroll{flex:1;overflow-x:auto;overflow-y:auto;max-height:550px}.pdvs-table-scroll::-webkit-scrollbar{width:8px;height:8px}.pdvs-table-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.pdvs-table-scroll::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px}.pdvs-table-scroll::-webkit-scrollbar-thumb:hover{background:#c1050f}.pdvs-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1400px;table-layout:fixed}.pdvs-table thead th{background:linear-gradient(135deg,#495057,#6c757d);color:#fff;padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10;white-space:nowrap}.pdvs-table thead th:nth-child(1){width:120px}.pdvs-table thead th:nth-child(2){width:280px}.pdvs-table thead th:nth-child(3){width:400px}.pdvs-table thead th:nth-child(4){width:180px}.pdvs-table thead th:nth-child(5){width:200px}.pdvs-table thead th:nth-child(6){width:140px}.pdvs-table tbody tr{transition:all .2s ease;border-bottom:1px solid #e9ecef}.pdvs-table tbody tr:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translate(2px)}.pdvs-table tbody tr:nth-child(2n){background:#f8f9fa}.pdvs-table tbody tr:nth-child(2n):hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.pdvs-table td{padding:16px 12px;vertical-align:middle;border-bottom:1px solid #e9ecef;word-wrap:break-word;overflow:visible;line-height:1.5;text-align:left}.pdv-codigo{font-weight:700;color:#e30613;font-size:15px;text-align:center;background:#e3061314;border-radius:6px;padding:8px 6px;display:block;min-width:80px;white-space:nowrap;width:fit-content;margin:0 auto}.pdv-nombre{font-weight:600;color:#495057;font-size:14px;line-height:1.4;word-wrap:break-word;max-height:none;white-space:normal;overflow:visible;padding-right:8px}.pdv-direccion{color:#6c757d;font-size:13px;line-height:1.4;word-wrap:break-word;max-height:none;white-space:normal;overflow:visible;padding-right:8px}.pdv-ciudad{color:#17a2b8;font-weight:500;font-size:14px;text-align:center;white-space:nowrap}.pdv-empresa{color:#28a745;font-weight:600;font-size:13px;line-height:1.4;word-wrap:break-word;white-space:normal;text-align:center}.pdv-accion{text-align:center;padding:8px 4px}.select-pdv-btn{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:11px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #28a74533;white-space:nowrap;min-width:100px}.select-pdv-btn:hover{background:linear-gradient(135deg,#e30613,#a1000b);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.no-results{text-align:center;padding:40px;color:#6c757d;font-style:italic;font-size:16px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background:#fff;border-radius:12px;margin:20px 0}.spinner{border:4px solid #f3f3f3;border-top:4px solid #e30613;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{color:#6c757d;font-size:16px;font-weight:500;margin:0}.error-container p{color:#dc3545;margin-bottom:20px;font-weight:600;font-size:16px}.retry-btn{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.retry-btn:hover{background:linear-gradient(135deg,#138496,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 12px #17a2b84d}.modal-footer{padding:20px 24px;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:12px}.modal-cancel-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px}.modal-cancel-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d4d}@media (max-width: 1200px){.modal-pdvs-container{max-width:95%}.pdvs-table{min-width:700px}}@media (max-width: 768px){.modal-overlay{padding:5px}.modal-pdvs-container{max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-close-btn{width:36px;height:36px;font-size:1.3rem}.modal-body{padding:16px}.pdv-search-input{padding:14px 18px 14px 45px;font-size:16px}.pdvs-count{padding:10px 16px;font-size:13px}.pdvs-table{min-width:700px;font-size:13px}.pdvs-table thead th{padding:12px 8px;font-size:11px}.pdvs-table td{padding:12px 8px}.pdv-codigo{font-size:14px}.select-pdv-btn{padding:8px 12px;font-size:11px;min-height:36px}.modal-footer{padding:16px}.modal-cancel-btn{min-height:44px;font-size:14px}}@media (max-width: 480px){.modal-overlay{padding:2px}.modal-pdvs-container{max-height:98vh;border-radius:12px}.modal-header{padding:12px}.modal-header h2{font-size:1.1rem}.modal-body{padding:12px}.pdv-search-input{padding:12px 16px 12px 40px;font-size:16px}.pdv-search-container:before{left:12px;font-size:16px}.pdvs-count{padding:8px 12px;font-size:12px}.pdvs-table{min-width:600px;font-size:11px}.pdvs-table thead th{padding:10px 6px;font-size:10px}.pdvs-table td{padding:10px 6px}.pdv-codigo{font-size:13px}.pdv-direccion{max-width:150px}.select-pdv-btn{padding:6px 10px;font-size:10px;min-height:32px}.loading-container,.error-container{padding:30px 15px}.spinner{width:35px;height:35px}.modal-footer{padding:12px}.modal-cancel-btn{width:100%;min-height:44px;font-size:14px}}@media (hover: none) and (pointer: coarse){.select-pdv-btn{min-height:44px!important;min-width:80px!important;padding:10px 14px!important}.modal-close-btn{min-height:44px!important;min-width:44px!important}.modal-cancel-btn{min-height:44px!important}.pdvs-table tbody tr{min-height:44px}}@media (max-width: 768px){.pdvs-table-scroll{-webkit-overflow-scrolling:touch}.pdvs-table-scroll::-webkit-scrollbar{height:6px}.pdvs-table-scroll::-webkit-scrollbar-thumb{background:#e30613;border-radius:3px}}@media (max-width: 768px) and (orientation: landscape){.modal-pdvs-container{max-height:90vh}.modal-header,.modal-body{padding:12px 16px}.pdvs-table{font-size:12px}.pdvs-table thead th,.pdvs-table td{padding:8px 6px}}@media (max-width: 480px){.modal-pdvs-container{max-height:95vh}.pdvs-table{min-width:500px;font-size:11px}.loading-container,.error-container{padding:40px 20px}.spinner{width:40px;height:40px}}.pdvs-table-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.pdvs-count{background:#f8f9fa;padding:10px 15px;border-radius:6px;margin-bottom:15px;font-weight:500;color:#495057;border-left:4px solid #2a5298}.pdvs-table-scroll{flex:1;overflow-y:auto;border:1px solid #dee2e6;border-radius:8px}.pdvs-table{width:100%;border-collapse:collapse;background:#fff}.pdvs-table thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.pdvs-table th{padding:12px 10px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.9rem}.pdvs-table td{padding:12px 10px;border-bottom:1px solid #dee2e6;font-size:.9rem;vertical-align:top}.pdv-row{transition:background-color .2s}.pdv-row:hover{background-color:#f8f9fa}.pdv-codigo{font-weight:600;color:#2a5298;font-family:Courier New,monospace}.pdv-nombre{font-weight:500;color:#495057}.pdv-direccion{color:#6c757d;font-size:.85rem;max-width:200px;word-wrap:break-word}.pdv-ciudad{color:#6c757d;font-size:.85rem}.pdv-empresa{color:#28a745;font-weight:500;font-size:.85rem}.select-pdv-btn{background:linear-gradient(135deg,#e30613,#a1000b);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.select-pdv-btn:hover{background:linear-gradient(135deg,#e30613,#a1000b)}.no-results{text-align:center;padding:40px;color:#6c757d;font-style:italic}.modal-footer{padding:20px;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;background:#f8f9fa}.modal-cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.modal-cancel-btn:hover{background:#5a6268}@media (max-width: 1024px){.modal-pdvs-container{max-width:95%}.pdvs-table{min-width:900px;font-size:13px}.pdvs-table thead th{padding:12px 8px;font-size:11px}.pdvs-table td{padding:10px 6px}.select-pdv-btn{padding:6px 10px;font-size:10px;min-width:90px}}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-pdvs-container{max-height:95vh;max-width:98%}.modal-header{padding:15px}.modal-header h2{font-size:1.2rem}.modal-body{padding:15px}.pdv-search-input{padding:12px 16px 12px 40px;font-size:16px}.pdvs-count{padding:10px 15px;font-size:12px}.pdvs-table{min-width:700px;font-size:12px}.pdvs-table thead th{padding:10px 6px;font-size:10px}.pdvs-table td{padding:8px 4px}.pdv-codigo{font-size:12px;padding:6px 3px;min-width:50px}.pdv-nombre{font-size:11px}.pdv-direccion{font-size:10px}.pdv-ciudad{font-size:11px}.pdv-empresa{font-size:10px}.select-pdv-btn{padding:5px 8px;font-size:9px;min-width:80px}.modal-footer{padding:15px}}@media (max-width: 480px){.modal-overlay{padding:5px}.modal-pdvs-container{border-radius:10px}.modal-header{padding:12px}.modal-header h2{font-size:1.1rem}.modal-close-btn{width:35px;height:35px;font-size:1.3rem}.modal-body{padding:12px}.pdv-search-input{padding:10px 14px 10px 35px}.pdvs-count{padding:8px 12px;font-size:11px}.pdvs-table{min-width:600px;font-size:11px}.pdvs-table thead th{padding:8px 4px;font-size:9px}.pdvs-table thead th:nth-child(1){width:12%}.pdvs-table thead th:nth-child(2){width:28%}.pdvs-table thead th:nth-child(3){width:30%}.pdvs-table thead th:nth-child(4){width:15%}.pdvs-table thead th:nth-child(5){width:0%}.pdvs-table thead th:nth-child(6){width:15%}.pdvs-table thead th:nth-child(5),.pdvs-table tbody td:nth-child(5){display:none}.pdvs-table td{padding:6px 3px}.pdv-codigo{font-size:11px;padding:4px 2px;min-width:45px}.pdv-nombre{font-size:10px}.pdv-direccion{font-size:9px}.pdv-ciudad{font-size:10px}.select-pdv-btn{padding:4px 6px;font-size:8px;min-width:70px}.modal-footer{padding:12px}}.pdvs-content-container{flex:1;display:flex;flex-direction:column;min-height:0}.pdvs-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:16px;padding:16px;overflow-y:auto;max-height:500px}.pdv-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.pdv-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#b91010}.pdv-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.pdv-codigo{display:flex;flex-direction:column;gap:4px}.codigo-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.codigo-value{font-size:20px;font-weight:700;color:#1f2937;background:#e30613;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pdv-card-body{display:flex;flex-direction:column;gap:8px}.pdv-field{display:flex;gap:8px;align-items:flex-start}.field-label{font-size:13px;font-weight:600;color:#4b5563;min-width:100px;flex-shrink:0}.field-value{font-size:14px;color:#1f2937;line-height:1.4;word-break:break-word}.no-results-card{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#6b7280;font-size:16px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;margin:20px}@media (max-width: 768px){.pdvs-cards-container{grid-template-columns:1fr;gap:12px;padding:12px}.pdv-card{padding:12px}.pdv-card-header{flex-direction:column;gap:12px;align-items:stretch}.select-pdv-btn{width:100%;padding:12px;font-size:14px}}.jefe-zona-main-container{max-width:800px!important;margin:0 auto!important;padding:20px!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}.jefe-zona-main-container::-webkit-scrollbar{width:8px!important}.jefe-zona-main-container::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:10px!important}.jefe-zona-main-container::-webkit-scrollbar-thumb{background:#e30613!important;border-radius:10px!important}.jefe-zona-main-container::-webkit-scrollbar-thumb:hover{background:#c1050f!important}.jefe-zona-form-container{border-radius:16px!important;overflow:hidden!important;margin-bottom:20px!important}.jefe-zona-header{background:linear-gradient(135deg,#e30613,#ff1744)!important;padding:20px!important;text-align:center!important}.codigo-pdv-section{margin-bottom:0!important;display:flex;flex-direction:row!important;justify-content:space-around!important;align-items:center!important}.codigo-pdv-label{display:block!important;color:#fff!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:1px!important}.codigo-pdv-display{background:#fff!important;color:#e30613!important;font-size:24px!important;font-weight:700!important;padding:12px 24px!important;border-radius:8px!important;display:inline-block!important;min-width:120px!important;text-align:center!important;box-shadow:0 2px 8px #0000001a!important}.pdv-info-section{padding:15px!important;background:#fff!important;border-top:1px solid #e9ecef!important}.pdv-nombre-section{text-align:center!important;margin-bottom:20px!important;display:flex;flex-direction:row!important;justify-content:space-around!important;align-items:center!important}.pdv-nombre-label{display:block!important;color:#6c757d!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.pdv-nombre-display{background:#fff!important;color:#333!important;font-size:18px!important;font-weight:600!important;padding:12px 20px!important;border-radius:8px!important;border:2px solid #e9ecef!important;display:inline-block!important;min-width:200px!important;text-align:center!important}.codigo-input-container{margin-top:15px!important;padding:15px!important;background:#fff!important;border-radius:8px!important;border:2px solid #e9ecef!important;display:flex!important;flex-direction:row!important}.codigo-pdv-input{width:100%!important;max-width:300px!important;margin:0 auto!important;display:block!important;padding:12px 16px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:14px!important;text-align:center!important;background:#fff!important;transition:all .3s ease!important}.codigo-pdv-input:focus{outline:none!important;border-color:#e30613!important;box-shadow:0 0 0 3px #e306131a!important}.codigo-pdv-input::placeholder{color:#adb5bd!important;font-style:italic!important}.codigo-actions{text-align:center!important;margin:15px 0!important;display:flex!important;justify-content:center!important;align-items:center!important}.olvidar-codigo-btn{background:none!important;border:2px solid #e30613!important;color:#e30613!important;font-size:14px!important;font-weight:600!important;padding:8px 16px!important;border-radius:20px!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important}.olvidar-codigo-btn:hover{background:#e30613!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #e306134d!important}.jefe-zona-loading-pdv{text-align:center!important;color:#17a2b8!important;font-size:14px!important;margin-top:10px!important;font-weight:500!important}.jefe-zona-loading-pdv:before{content:"🔍"!important;margin-right:8px!important;animation:pulse 1.5s infinite!important}.jefe-zona-pdv-info{background:linear-gradient(135deg,#e8f5e8,#f1f8f1)!important;border:1px solid #c8e6c9!important;margin:20px 30px!important;padding:15px!important;border-radius:8px!important}.jefe-zona-pdv-info p{margin:5px 0!important;font-size:14px!important;color:#2e7d32!important}.jefe-zona-pdv-info strong{color:#1b5e20!important}.jefe-zona-form{padding:30px!important;background:#f8f9fa!important;border-radius:0 0 16px 16px!important}.jefe-zona-form-row{margin-bottom:30px!important;width:100%!important;padding:0 5px!important;position:relative!important}.jefe-zona-form-row:not(:last-child):after{content:""!important;position:absolute!important;bottom:-15px!important;left:50%!important;transform:translate(-50%)!important;width:60%!important;height:1px!important;background:linear-gradient(90deg,transparent,#e9ecef,transparent)!important}.jefe-zona-label{display:block!important;font-weight:600!important;font-size:12px!important;color:#495057!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.jefe-zona-label .required{color:#dc3545!important;margin-left:3px!important}.jefe-zona-input-fecha{width:100%!important;padding:12px 16px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:14px!important;transition:all .3s ease!important;background:#fff!important;box-sizing:border-box!important}.jefe-zona-input-fecha:focus{outline:none!important;border-color:#e30613!important;box-shadow:0 0 0 3px #e306131a!important}.foto-upload-container{display:flex!important;flex-direction:column!important;gap:10px!important}.foto-upload-btn{display:inline-block!important;padding:12px 24px!important;background:linear-gradient(135deg,#e30613,#ff1744)!important;color:#fff!important;border-radius:8px!important;cursor:pointer!important;font-weight:600!important;font-size:14px!important;text-align:center!important;transition:all .3s ease!important;border:2px dashed transparent!important}.foto-upload-btn:hover{background:linear-gradient(135deg,#c1050f,#e30613)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #e306134d!important}.field-error{color:#dc3545!important;font-size:12px!important;font-style:italic!important}.jefe-zona-foto-preview{margin-top:15px!important;text-align:center!important;padding:15px!important;background:#f8f9fa!important;border-radius:8px!important;border:2px dashed #dee2e6!important}.foto-preview-img{max-width:100%!important;max-height:200px!important;border-radius:8px!important;box-shadow:0 4px 8px #0000001a!important}.jefe-zona-btn-submit{width:100%!important;padding:16px 24px!important;background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:1px!important}.jefe-zona-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #28a7454d!important}.jefe-zona-btn-submit:disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.6!important}.jefe-zona-spinner-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important}.jefe-zona-spinner{width:50px!important;height:50px!important;border:5px solid #f3f3f3!important;border-top:5px solid #e30613!important;border-radius:50%!important;animation:spin 1s linear infinite!important}.jefe-zona-success-message,.jefe-zona-error-message,.jefe-zona-pdv-selected-message{background:#fff!important;padding:20px!important;border-radius:8px!important;margin-bottom:20px!important;box-shadow:0 4px 12px #0000001a!important;text-align:center!important;animation:slideInFromTop .4s ease-out!important}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.jefe-zona-success-message{border-left:4px solid #28a745!important}.jefe-zona-error-message{border-left:4px solid #dc3545!important}.jefe-zona-pdv-selected-message{border-left:4px solid #17a2b8!important}.jefe-zona-success-message h3{color:#28a745!important;margin-bottom:10px!important}.jefe-zona-error-message h3{color:#dc3545!important;margin-bottom:10px!important}.jefe-zona-pdv-selected-message h3{color:#17a2b8!important;margin-bottom:10px!important}.jefe-zona-help{background:#f8f9fa!important;padding:15px!important;border-radius:8px!important;border-left:4px solid #17a2b8!important;margin-top:20px!important}.jefe-zona-help p{margin:0!important;color:#495057!important;font-size:14px!important}.jefe-zona-access-denied{text-align:center!important;padding:40px 20px!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.jefe-zona-access-denied p{color:#6c757d!important;margin-bottom:20px!important}.btn-volver{background:#e30613!important;color:#fff!important;padding:10px 20px!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-weight:600!important;transition:all .3s ease!important}.btn-volver:hover{background:#c1050f!important;transform:translateY(-1px)!important}@media (min-width: 769px) and (max-width: 1024px){.jefe-zona-main-container{max-width:700px!important;padding:25px!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto!important}.jefe-zona-form{padding:25px!important}.jefe-zona-form-row{margin-bottom:28px!important}.jefe-zona-form-row:not(:last-child):after{width:70%!important;bottom:-14px!important}.jefe-zona-label{font-size:13px!important}.codigo-pdv-input,.jefe-zona-input-fecha,.foto-upload-btn,.jefe-zona-btn-submit{font-size:14px!important}}@media (max-width: 768px){.jefe-zona-main-container{padding:15px!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.jefe-zona-header{padding:15px!important}.codigo-pdv-display{font-size:18px!important;padding:10px 18px!important}.pdv-info-section{padding:15px!important}.jefe-zona-form{padding:20px!important}.jefe-zona-form-row{margin-bottom:25px!important;padding:0 3px!important}.jefe-zona-form-row:not(:last-child):after{width:80%!important;bottom:-12px!important}.jefe-zona-label{font-size:11px!important}.codigo-pdv-input,.jefe-zona-input-fecha{font-size:13px!important;padding:10px 14px!important}.foto-upload-btn{font-size:13px!important;padding:10px 20px!important}.jefe-zona-btn-submit{font-size:13px!important}.foto-preview-img{max-width:100%!important;max-height:180px!important}}@media (max-width: 480px){.jefe-zona-main-container{padding:10px!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.codigo-pdv-display{font-size:16px!important;padding:8px 14px!important}.pdv-info-section{padding:12px!important}.jefe-zona-form{padding:15px!important}.jefe-zona-form-row{margin-bottom:20px!important;padding:0 2px!important}.jefe-zona-form-row:not(:last-child):after{width:90%!important;bottom:-10px!important}.jefe-zona-label{font-size:10px!important;margin-bottom:6px!important}.olvidar-codigo-btn{font-size:11px!important;padding:6px 12px!important}.codigo-pdv-input,.jefe-zona-input-fecha{font-size:16px!important;padding:10px 12px!important}.foto-upload-btn{padding:10px 16px!important;font-size:12px!important}.jefe-zona-btn-submit{padding:14px 18px!important;font-size:12px!important}.foto-preview-img{max-width:100%!important;max-height:150px!important}}@media (hover: none) and (pointer: coarse){.olvidar-codigo-btn{min-height:44px!important;min-width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.foto-upload-btn,.jefe-zona-btn-submit{min-height:48px!important}.modal-close-btn{min-height:44px!important;min-width:44px!important}}.jefe-zona-form-container{animation:slideInUp .3s ease-out!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.codigo-input-container{animation:fadeIn .2s ease-out!important}.codigo-pdv-input:focus,.jefe-zona-input-fecha:focus{transform:translateY(-1px)!important;box-shadow:0 0 0 3px #e3061326,0 4px 12px #0000001a!important}.olvidar-codigo-btn:focus{outline:2px solid #e30613!important;outline-offset:2px!important}.foto-upload-btn:focus{outline:2px solid #e30613!important;outline-offset:2px!important}.pdv-codigo-input{position:relative!important}.codigo-input-container:before{content:"💡 Consejo: También puedes buscar en la lista de PDVs disponibles"!important;position:absolute!important;bottom:-25px!important;left:0!important;font-size:11px!important;color:#6c757d!important;font-style:italic!important}.jefe-zona-form-container{will-change:transform!important}.modal-overlay{will-change:opacity!important}.foto-preview-img{will-change:transform!important}.jefe-zona-btn-submit{width:100%!important;background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;border:none!important;padding:15px 20px!important;border-radius:8px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:0 4px 12px #28a7454d!important}.jefe-zona-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #28a74566!important}.jefe-zona-btn-submit:disabled{background:#6c757d!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn-olvidaste-pdv{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;border:2px solid #dc3545!important;padding:10px 16px!important;border-radius:20px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;align-self:flex-start!important;text-decoration:none!important;text-transform:none!important;letter-spacing:.5px!important;width:auto!important}.btn-olvidaste-pdv:hover{background:linear-gradient(135deg,#c82333,#a71e2a)!important;border-color:#c82333!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #dc35454d!important}.btn-olvidaste-pdv:active{transform:translateY(0)!important}.jefe-zona-spinner-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:#000000b3!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important}.jefe-zona-spinner{width:50px!important;height:50px!important;border:5px solid #f3f3f3!important;border-top:5px solid #007bff!important;border-radius:50%!important;animation:spin 1s linear infinite!important}.jefe-zona-success-message,.jefe-zona-error-message{padding:20px!important;margin-bottom:20px!important;border-radius:12px!important;text-align:center!important;font-weight:500!important}.jefe-zona-success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb)!important;color:#155724!important;border:1px solid #c3e6cb!important}.jefe-zona-success-message h3{margin:0 0 10px!important;font-size:1.2rem!important}.jefe-zona-error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb)!important;color:#721c24!important;border:1px solid #f5c6cb!important}.jefe-zona-error-message h3{margin:0 0 10px!important;font-size:1.2rem!important}.jefe-zona-help{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border:1px solid #90caf9!important;border-radius:12px!important;padding:15px!important;text-align:center!important;margin-top:20px!important}.jefe-zona-help p{margin:0!important;color:#1565c0!important;font-size:.9rem!important}.jefe-zona-access-denied{text-align:center!important;padding:40px 20px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important}.jefe-zona-access-denied h2{color:#dc3545!important;margin-bottom:15px!important}.jefe-zona-access-denied p{color:#6c757d!important;margin-bottom:25px!important;font-size:1.1rem!important}.btn-volver{background:#007bff!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:background-color .3s!important}.btn-volver:hover{background:#0056b3!important}.loading-container{display:flex!important;justify-content:center!important;align-items:center!important;min-height:200px!important;font-size:1.1rem!important;color:#6c757d!important}@media (max-width: 768px){.jefe-zona-main-container{padding:15px!important}.jefe-zona-form{padding:20px!important}.jefe-zona-form-row{margin-bottom:20px!important}.jefe-zona-input-codigo,.jefe-zona-input-nombre,.jefe-zona-input-fecha,.jefe-zona-input-foto{font-size:16px!important;padding:12px 14px!important}.btn-olvidaste-pdv{font-size:.8rem!important;padding:8px 14px!important;align-self:stretch!important}.foto-preview-img{max-height:150px!important}}@media (max-width: 480px){.jefe-zona-main-container{padding:10px!important}.jefe-zona-form{padding:15px!important}.btn-olvidaste-pdv{font-size:.75rem!important;padding:6px 12px!important}}.jefe-zona-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.jefe-zona-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.jefe-zona-success-message,.jefe-zona-error-message{padding:20px;margin-bottom:20px;border-radius:12px;text-align:center;font-weight:500}.jefe-zona-success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.jefe-zona-success-message h3{margin:0 0 10px;font-size:1.2rem}.jefe-zona-error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.jefe-zona-error-message h3{margin:0 0 10px;font-size:1.2rem}.jefe-zona-help{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;padding:15px;text-align:center;margin-top:20px}.jefe-zona-help p{margin:0;color:#1565c0;font-size:.9rem}.jefe-zona-access-denied{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.jefe-zona-access-denied h2{color:#dc3545;margin-bottom:15px}.jefe-zona-access-denied p{color:#6c757d;margin-bottom:25px;font-size:1.1rem}.btn-volver{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-volver:hover{background:#0056b3}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.1rem;color:#6c757d}@media (max-width: 768px){.jefe-zona-main-container{padding:15px}.jefe-zona-form{padding:20px}.jefe-zona-form-row{margin-bottom:20px}.jefe-zona-input-codigo,.jefe-zona-input-nombre,.jefe-zona-input-fecha,.jefe-zona-input-foto{font-size:16px;padding:12px 14px}.btn-olvidaste-pdv{font-size:.8rem;padding:8px 14px;align-self:stretch}.foto-preview-img{max-height:150px}}@media (max-width: 480px){.jefe-zona-main-container{padding:10px}.jefe-zona-form{padding:15px}.btn-olvidaste-pdv{font-size:.75rem;padding:6px 12px}}.jefe-zona-historial-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.jefe-zona-filtros{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.jefe-zona-filtros h3{margin-top:0;margin-bottom:15px;color:#333}.filtros-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filtro-item{display:flex;flex-direction:column}.filtro-item label{margin-bottom:5px;font-weight:600;color:#333;font-size:14px}.filtro-item input{padding:10px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.filtro-item input:focus{outline:none;border-color:#e60012}.filtros-buttons{display:flex;gap:10px}.btn-aplicar,.btn-limpiar{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.btn-aplicar{background-color:#e60012;color:#fff}.btn-aplicar:hover{background-color:#cc0010}.btn-limpiar{background-color:#6c757d;color:#fff}.btn-limpiar:hover{background-color:#5a6268}.jefe-zona-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px;margin-bottom:20px;border-radius:8px;text-align:center}.jefe-zona-loading{text-align:center;padding:40px}.jefe-zona-loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #e60012;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.jefe-zona-stats{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;display:flex;justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#e60012}.stat-label{display:block;font-size:.9rem;color:#6c757d;margin-top:5px}.jefe-zona-tabla-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;margin-bottom:20px}.jefe-zona-tabla{width:100%;border-collapse:collapse}.jefe-zona-tabla thead{background-color:#e60012;color:#fff}.jefe-zona-tabla th,.jefe-zona-tabla td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.jefe-zona-tabla th{font-weight:600;font-size:14px}.jefe-zona-tabla td{font-size:13px}.jefe-zona-tabla tbody tr:hover{background-color:#f8f9fa}.codigo-pdv{font-weight:700;color:#e60012}.nombre-pdv{color:#333}.empresa{color:#6c757d;font-style:italic}.fecha-visita,.fecha-registro{color:#495057}.foto-cell{text-align:center}.foto-link{color:#e60012;text-decoration:none;font-weight:600}.foto-link:hover{text-decoration:underline}.jefe-zona-no-data{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:center;margin-bottom:20px}.jefe-zona-no-data h3{color:#6c757d;margin-bottom:10px}.jefe-zona-no-data p{color:#868e96;margin-bottom:20px}.jefe-zona-actions{display:flex;gap:15px;justify-content:center}.btn-nueva-visita,.btn-dashboard{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-nueva-visita{background-color:#28a745;color:#fff}.btn-nueva-visita:hover{background-color:#218838;transform:translateY(-2px)}.btn-dashboard{background-color:#007bff;color:#fff}.btn-dashboard:hover{background-color:#0056b3;transform:translateY(-2px)}.jefe-zona-access-denied{text-align:center;padding:40px;background-color:#f8f9fa;border-radius:8px;margin:20px 0}.jefe-zona-access-denied h2{color:#e60012;margin-bottom:15px}@media (max-width: 768px){.jefe-zona-historial-container{padding:15px}.filtros-row{grid-template-columns:1fr}.filtros-buttons{flex-direction:column}.btn-aplicar,.btn-limpiar{width:100%}.jefe-zona-tabla-container{overflow-x:auto}.jefe-zona-tabla{min-width:600px}.jefe-zona-tabla th,.jefe-zona-tabla td{padding:8px;font-size:12px}.jefe-zona-actions{flex-direction:column}.btn-nueva-visita,.btn-dashboard{width:100%}.jefe-zona-stats{padding:15px}.stat-number{font-size:1.5rem}}@media (max-width: 480px){.jefe-zona-tabla th,.jefe-zona-tabla td{padding:6px;font-size:11px}}.jefe-zona-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-number{display:block;font-size:2.5em;font-weight:700;color:#e30613;line-height:1;margin-bottom:8px}.stat-label{display:block;font-size:14px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cumplimiento-stat{position:relative}.progress-bar-container{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;margin:10px 0 8px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .5s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:12px;color:#6c757d;font-weight:500}.search-filter-container{margin-bottom:24px}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:end;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.filter-group{display:flex;flex-direction:column;min-width:160px}.filter-label{font-size:12px;font-weight:600;color:#495057;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.filter-input,.filter-select{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .3s ease;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.filter-input::placeholder{color:#adb5bd;font-style:italic}.filter-actions{display:flex;gap:8px;align-items:end}.apply-filter-btn,.clear-filter-btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.apply-filter-btn{background:linear-gradient(135deg,#e30613,#c1050f);color:#fff}.apply-filter-btn:hover{background:linear-gradient(135deg,#c1050f,#a1040e);transform:translateY(-1px);box-shadow:0 4px 12px #e306134d}.clear-filter-btn{background:#6c757d;color:#fff}.clear-filter-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.filter-results{margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.results-count{font-size:13px;color:#6c757d;font-weight:500}.clear-filters-btn,.btn-nueva-visita{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:8px}.clear-filters-btn{background:#17a2b8;color:#fff}.clear-filters-btn:hover{background:#138496;transform:translateY(-1px)}.btn-nueva-visita{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-nueva-visita:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px)}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.filter-actions{justify-content:center;margin-top:16px}.apply-filter-btn,.clear-filter-btn{flex:1;justify-content:center}}@media (max-width: 480px){.registros-table th,.registros-table td{padding:8px 4px;font-size:11px}.codigo-highlight,.kpi-badge{font-size:10px;padding:3px 6px}}.jefe-zona-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:16px 0!important;padding:12px!important;background:#f8f9fa!important;border-radius:6px!important;border:1px solid #e9ecef!important}.stat-item-mini{text-align:center;padding:8px 6px;background:#fff;border-radius:4px;border:1px solid #dee2e6;box-shadow:0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease}.stat-item-mini:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.stat-number-mini{display:block;font-size:16px;font-weight:600;color:#dc2626;margin-bottom:2px;line-height:1.2}.stat-label-mini{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;font-weight:500;letter-spacing:.3px;line-height:1.2}.cumplimiento-stat-mini{position:relative}.progress-bar-container-mini{width:100%;height:3px;background-color:#e5e7eb;border-radius:2px;margin-top:4px;overflow:hidden}.progress-bar-mini{height:100%;border-radius:2px;transition:width .4s ease-in-out}@media (max-width: 768px){.jefe-zona-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px!important}.stat-item-mini{padding:6px 4px}.stat-number-mini{font-size:14px}.stat-label-mini{font-size:9px}}@media (max-width: 480px){.jefe-zona-stats{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding:8px!important}.stat-item-mini{padding:5px 3px}.stat-number-mini{font-size:13px}.stat-label-mini{font-size:8px}}.registros-table-container{width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;margin-bottom:20px}.table-wrapper{overflow-x:auto!important;overflow-y:visible!important;width:100%;-webkit-overflow-scrolling:touch}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#c1050f}.registros-table{width:100%;min-width:600px;border-collapse:collapse;font-size:13px}.registros-table-container,.jefe-zona-tabla-container{max-height:350px;overflow-y:auto;overflow-x:auto;border:1px solid #e9ecef;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.table-wrapper{overflow:visible}.registros-table,.jefe-zona-tabla{width:100%;min-width:600px;border-collapse:collapse;margin:0}.registros-table thead th,.jefe-zona-tabla thead th{position:sticky;top:0;background:#e30613;z-index:10;box-shadow:0 2px 2px #0000001a}.registros-table-container::-webkit-scrollbar,.jefe-zona-tabla-container::-webkit-scrollbar{width:8px;height:8px}.registros-table-container::-webkit-scrollbar-track,.jefe-zona-tabla-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.registros-table-container::-webkit-scrollbar-thumb,.jefe-zona-tabla-container::-webkit-scrollbar-thumb{background:#e30613;border-radius:4px}.registros-table-container::-webkit-scrollbar-thumb:hover,.jefe-zona-tabla-container::-webkit-scrollbar-thumb:hover{background:#c1050f}@media (max-width: 768px){.registros-table-container,.jefe-zona-tabla-container{max-height:300px}}@media (max-width: 480px){.registros-table-container,.jefe-zona-tabla-container{max-height:250px}.registros-table,.jefe-zona-tabla{min-width:400px;font-size:12px}}:root{--terpel-red: #e30613;--terpel-red-hover: #c40511;--terpel-red-light: #ffebec;--terpel-gray: #666666;--terpel-gray-light: #f5f5f5;--terpel-gray-dark: #333333;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family-primary: "Terpel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--z-index-dropdown: 1000;--z-index-modal: 2000;--z-index-tooltip: 3000}.role-container--asesor{--role-primary-color: var(--terpel-red);--role-prefix: "asesor";isolation:isolate}.role-container--mercadeo{--role-primary-color: var(--terpel-red);--role-prefix: "mercadeo";isolation:isolate}.role-container--director{--role-primary-color: var(--terpel-red);--role-prefix: "director";isolation:isolate}.role-container--ot{--role-primary-color: var(--terpel-red);--role-prefix: "ot";isolation:isolate}.role-container--mystery{--role-primary-color: var(--terpel-red);--role-prefix: "mystery";isolation:isolate}.role-container--asesor .filtros-avanzados,.role-container--mercadeo .filtros-avanzados,.role-container--director .filtros-avanzados,.role-container--ot .filtros-avanzados{box-sizing:border-box;font-family:var(--font-family-primary)}.role-container--asesor button,.role-container--mercadeo button,.role-container--director button,.role-container--ot button,.role-container--mystery button{box-sizing:border-box;border:none;outline:none;cursor:pointer;transition:all .2s ease}.role-container--asesor input,.role-container--asesor select,.role-container--mercadeo input,.role-container--mercadeo select,.role-container--director input,.role-container--director select,.role-container--ot input,.role-container--ot select,.role-container--mystery input,.role-container--mystery select{box-sizing:border-box;outline:none;border:1px solid #ddd;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);font-size:var(--font-size-md)}.style-isolation{isolation:isolate;contain:style}.style-reset{all:unset;box-sizing:border-box;display:block}@media (max-width: 768px){.role-container--asesor,.role-container--mercadeo,.role-container--director,.role-container--ot,.role-container--mystery{padding:var(--spacing-sm)}}@media (min-width: 769px) and (max-width: 1024px){.role-container--asesor,.role-container--mercadeo,.role-container--director,.role-container--ot,.role-container--mystery{padding:var(--spacing-md)}}@media (min-width: 1025px){.role-container--asesor,.role-container--mercadeo,.role-container--director,.role-container--ot,.role-container--mystery{padding:var(--spacing-lg)}}.debug-role-containers .role-container--asesor{border:2px solid blue}.debug-role-containers .role-container--mercadeo{border:2px solid green}.debug-role-containers .role-container--director{border:2px solid orange}.debug-role-containers .role-container--ot{border:2px solid purple}.debug-role-containers .role-container--mystery{border:2px solid red}.auth-loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff,#f8f9fa);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Terpel Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-loading-content{text-align:center;max-width:400px;padding:2rem;animation:fadeInUp .6s ease-out}.auth-loading-logo{margin-bottom:2rem}.auth-loading-logo-img{height:80px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.auth-loading-spinner{margin:2rem 0;display:flex;justify-content:center}.auth-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid var(--terpel-red, #e30613);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading-message{font-size:18px;font-weight:500;color:#333;margin-bottom:.5rem}.auth-loading-submessage{font-size:14px;color:#666;font-weight:400}.simple-auth-loader{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;gap:1rem;min-height:200px}.simple-spinner{width:30px;height:30px;border:3px solid #f0f0f0;border-top:3px solid var(--terpel-red, #e30613);border-radius:50%;animation:spin 1s linear infinite}.simple-auth-loader span{font-size:14px;color:#666}.role-verification-loader{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--terpel-red, #e30613);margin:1rem 0;gap:1rem}.role-spinner{width:25px;height:25px;border:2px solid #e0e0e0;border-top:2px solid var(--terpel-red, #e30613);border-radius:50%;animation:spin 1s linear infinite}.role-message{font-size:14px;color:#555;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.auth-loading-content{padding:1rem;max-width:300px}.auth-loading-logo-img{height:60px}.auth-loading-message{font-size:16px}.auth-loading-submessage{font-size:13px}.auth-spinner{width:40px;height:40px;border-width:3px}}@media (max-width: 480px){.auth-loading-content{padding:.5rem}.auth-loading-logo-img{height:50px}.auth-spinner{width:35px;height:35px}}.auth-loading-error{background:linear-gradient(135deg,#ffebee,#fff5f5)}.auth-loading-error .auth-loading-message{color:#d32f2f}.auth-loading-error .auth-spinner{border-top-color:#d32f2f}.auth-loading-warning{background:linear-gradient(135deg,#fff8e1,#fffde7)}.auth-loading-warning .auth-loading-message{color:#f57c00}.auth-loading-warning .auth-spinner{border-top-color:#f57c00}@media (prefers-color-scheme: dark){.auth-loading-screen{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.auth-loading-message{color:#fff}.auth-loading-submessage,.simple-auth-loader span{color:#ccc}.role-verification-loader{background:#2d2d2d}.role-message{color:#fff}}:root{--dark-bg-primary: #1a1a1a;--dark-bg-secondary: #2d2d2d;--dark-bg-tertiary: #3a3a3a;--dark-text-primary: #ffffff;--dark-text-secondary: #cccccc;--dark-text-muted: #999999;--dark-border: #444444;--dark-border-light: #555555;--dark-terpel-red: #e31e24;--dark-terpel-red-hover: #c41e3a;--dark-terpel-red-light: rgba(227, 30, 36, .2);--dark-shadow: 0 4px 20px rgba(0, 0, 0, .3);--dark-shadow-light: 0 2px 8px rgba(0, 0, 0, .2)}@media (prefers-color-scheme: dark){.modal-overlay{background:#000c!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modal-content{background:var(--dark-bg-secondary)!important;border:1px solid var(--dark-border)!important;box-shadow:var(--dark-shadow)!important;color:var(--dark-text-primary)!important}.modal-header{background:var(--dark-bg-tertiary)!important;border-bottom:1px solid var(--dark-border)!important}.modal-header h3,.modal-header h2,.modal-header h4{color:var(--dark-text-primary)!important}.modal-body{background:var(--dark-bg-secondary)!important;color:var(--dark-text-primary)!important}.modal-footer{background:var(--dark-bg-tertiary)!important;border-top:1px solid var(--dark-border)!important}.close-button{color:var(--dark-text-secondary)!important;background:transparent!important}.close-button:hover{background:var(--dark-bg-primary)!important;color:var(--dark-text-primary)!important}.fotos-modal{background:var(--dark-bg-secondary)!important;color:var(--dark-text-primary)!important}.filter-panel{background:var(--dark-bg-secondary)!important;border:1px solid var(--dark-border)!important;box-shadow:var(--dark-shadow)!important}.filter-panel:hover{box-shadow:0 6px 30px #0006!important}.filter-panel-header{background:linear-gradient(135deg,var(--dark-terpel-red) 0%,var(--dark-terpel-red-hover) 100%)!important}.filter-panel-title h3{color:var(--dark-text-primary)!important}.filter-panel-content,.filters-content,.filters-content.expanded{background:var(--dark-bg-secondary)!important}.filters-header{background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,var(--dark-bg-primary) 100%)!important;color:var(--dark-text-secondary)!important}.filter-label,.filter-group label{color:var(--dark-text-primary)!important}.filter-input,.filter-input-small,input[type=text],input[type=email],input[type=number],input[type=datetime-local]{background:var(--dark-bg-tertiary)!important;border:2px solid var(--dark-border)!important;color:var(--dark-text-primary)!important}.filter-input:focus,.filter-input-small:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=datetime-local]:focus{border-color:var(--dark-terpel-red)!important;box-shadow:0 0 0 4px var(--dark-terpel-red-light)!important;background:var(--dark-bg-primary)!important}.filter-input::placeholder,.filter-input-small::placeholder,input::placeholder{color:var(--dark-text-muted)!important}input[type=date],input[type=datetime-local],input[type=time]{background:var(--dark-bg-tertiary)!important;border:2px solid var(--dark-border)!important;color:var(--dark-text-primary)!important;color-scheme:dark!important;position:relative}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus{border-color:var(--dark-terpel-red)!important;box-shadow:0 0 0 4px var(--dark-terpel-red-light)!important;background:var(--dark-bg-primary)!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.8;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1.2)!important}.filter-date,.filter-input[type=date],.filter-input[type=datetime-local]{background:var(--dark-bg-tertiary)!important;border:2px solid var(--dark-border)!important;color:var(--dark-text-primary)!important;color-scheme:dark!important}.filter-select,.filter-select-small,select{background:var(--dark-bg-tertiary)!important;border:2px solid var(--dark-border)!important;color:var(--dark-text-primary)!important}.filter-select:focus,.filter-select-small:focus,select:focus{border-color:var(--dark-terpel-red)!important;box-shadow:0 0 0 4px var(--dark-terpel-red-light)!important;background:var(--dark-bg-primary)!important}.filter-select option,.filter-select-small option,select option{background:var(--dark-bg-tertiary)!important;color:var(--dark-text-primary)!important}.filter-select-small{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important}.info-card{background:var(--dark-bg-tertiary)!important;border:1px solid var(--dark-border)!important}.card-header{background:var(--dark-bg-secondary)!important;border-bottom:1px solid var(--dark-border)!important}.card-header h4{color:var(--dark-text-primary)!important}.card-content{background:var(--dark-bg-tertiary)!important}.info-row label{color:var(--dark-text-primary)!important}.info-row span{color:var(--dark-text-secondary)!important}.productos-table{background:var(--dark-bg-tertiary)!important;border:1px solid var(--dark-border)!important}.productos-table th{background:var(--dark-bg-primary)!important;color:var(--dark-text-primary)!important;border-bottom:1px solid var(--dark-border)!important}.productos-table td{color:var(--dark-text-secondary)!important;border-bottom:1px solid var(--dark-border-light)!important}.productos-table tr:hover{background:var(--dark-bg-secondary)!important}.filter-clear-btn,.clear-filters-btn{background:linear-gradient(135deg,#6c757d,#5a6268)!important;color:var(--dark-text-primary)!important}.filter-clear-btn:hover,.clear-filters-btn:hover{background:linear-gradient(135deg,#5a6268,#495057)!important}.action-buttons button{border:1px solid var(--dark-border)!important}.foto-item{background:var(--dark-bg-tertiary)!important;border:1px solid var(--dark-border)!important}.foto-header{background:var(--dark-bg-primary)!important;border-bottom:1px solid var(--dark-border)!important}.foto-tipo{color:var(--dark-text-primary)!important}.filter-results-counter{background:var(--dark-bg-tertiary)!important;border:2px solid var(--dark-border)!important}.filter-results-text{color:var(--dark-text-primary)!important}.mercadeo_estado-badge.estado-aprobado{background:#1e5a2e!important;color:#4ade80!important;border:1px solid #22c55e!important}.mercadeo_estado-badge.estado-rechazado{background:#5c1e1e!important;color:#f87171!important;border:1px solid #ef4444!important}.mercadeo_estado-badge.estado-pendiente{background:#5c4a1e!important;color:#fbbf24!important;border:1px solid #f59e0b!important}.mercadeo_estado-badge.estado-revision{background:#3e1e5c!important;color:#c084fc!important;border:1px solid #a855f7!important}.observacion-text{background:var(--dark-bg-primary)!important;border:1px solid var(--dark-border)!important;color:var(--dark-text-secondary)!important}.codigo-value{background:#5c1e1e!important;color:#f87171!important;border:1px solid #ef4444!important}.asesor-value{color:var(--dark-text-primary)!important}.modal-body::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.modal-body::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:var(--dark-bg-primary)!important;border-radius:4px}.modal-body::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:var(--dark-terpel-red)!important;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--dark-terpel-red-hover)!important}.empty-state{background:var(--dark-bg-secondary)!important;border:1px solid var(--dark-border)!important}.empty-state h3{color:var(--dark-text-primary)!important}.empty-state p{color:var(--dark-text-secondary)!important}.loading-spinner{border:3px solid var(--dark-bg-tertiary)!important;border-top:3px solid var(--dark-terpel-red)!important}.image-loading{background:var(--dark-bg-primary)!important}.tooltip .tooltiptext{background-color:var(--dark-bg-primary)!important;color:var(--dark-text-primary)!important;border:1px solid var(--dark-border)!important}@media (max-width: 768px){.modal-content{margin:10px!important;max-height:95vh!important}.filter-panel{margin-bottom:12px!important}}@media (max-width: 480px){.modal-overlay{padding:10px!important}.modal-content{border-radius:12px!important}}}.dark-theme .modal-content,.modo-nocturno .modal-content{background:var(--dark-bg-secondary)!important;border:1px solid var(--dark-border)!important;box-shadow:var(--dark-shadow)!important;color:var(--dark-text-primary)!important}.dark-theme .filter-panel,.modo-nocturno .filter-panel{background:var(--dark-bg-secondary)!important;border:1px solid var(--dark-border)!important}.force-dark-date-input{color-scheme:dark!important}.force-dark-date-input::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.8}.force-dark-date-input::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1.2)!important}@supports not (color-scheme: dark){@media (prefers-color-scheme: dark){input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")!important;width:20px!important;height:20px!important;background-size:contain!important;background-repeat:no-repeat!important;filter:none!important}}}@font-face{font-family:Terpel Sans;src:url(/fonts/Terpel-Sans-Black.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Terpel Sans;src:url(/fonts/Terpel-Sans-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:Terpel Sans;src:url(/fonts/Terpel-Sans-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Terpel Sans;src:url(/fonts/Terpel-Sans-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Terpel Sans;src:url(/fonts/Terpel-Sans-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Terpel Sans;src:url(/fonts/Terpel-Sans-Light.woff2) format("woff2");font-weight:300;font-style:normal}:root{font-family:Terpel Sans,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:Terpel Sans,Arial,sans-serif;background-color:#1a1a1a;color:#19191a;cursor:pointer;transition:border-color .25s;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}body{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:transparent;color:#213547;font-size:15px;border:1px solid #d51919}}html,body,#root{height:100%;margin:0;padding:0;font-family:Terpel Sans,Arial,sans-serif;overflow-x:hidden;width:100%;max-width:100vw}*{box-sizing:border-box}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}