:root{--claro-red: #E30613;--claro-dark-red: #B30510;--claro-light-red: #FF2D3A;--claro-bg: #F8F9FA;--claro-white: #FFFFFF;--claro-gray: #6C757D;--claro-light-gray: #E9ECEF}body{background:linear-gradient(135deg,#f8f9fa,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.data-table-container{width:100%;margin-top:-30px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.data-table{width:60%;border-collapse:separate;border-spacing:0;text-align:center;background:var(--claro-white);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #e3061314;margin:0 auto}.data-table th,.data-table td{padding:5px 20px;border:none;text-align:center;border-bottom:1px solid var(--claro-light-gray)}.titleTable{color:var(--claro-red);font-size:32px;font-weight:800;text-align:center;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(227,6,19,.1)}.data-table th{background:linear-gradient(135deg,var(--claro-red) 0%,var(--claro-dark-red) 100%);color:var(--claro-white);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding:20px;position:relative}.data-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.data-table tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover{background:linear-gradient(90deg,#e3061308,#e306130f);transform:scale(1.01);box-shadow:0 4px 12px #e306131a}.data-table tbody tr:last-child td{border-bottom:none}.pagination{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:12px}.pagination-btn{width:auto;background:linear-gradient(135deg,var(--claro-red) 0%,var(--claro-dark-red) 100%);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e3061340}.pagination-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e3061359;background:linear-gradient(135deg,var(--claro-light-red) 0%,var(--claro-red) 100%)}.pagination-btn:active{transform:translateY(0)}.pagination-btn:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;box-shadow:none;transform:none}.pagination-info{font-size:13px;color:var(--claro-gray);font-weight:500;padding:8px 16px;background:var(--claro-light-gray);border-radius:20px}.filters{display:inline-flex;align-items:center;gap:15px;flex-wrap:wrap}.inputFilter{margin:0;padding:12px 20px;font-size:13px;border:2px solid var(--claro-light-gray);border-radius:12px;width:auto;transition:all .3s ease;background:var(--claro-white)}.inputFilter:focus{outline:none;border-color:var(--claro-red);box-shadow:0 0 0 3px #e306131a}select{margin:0;padding:12px 20px;font-size:13px;border:2px solid var(--claro-light-gray);border-radius:12px;width:auto;background:var(--claro-white);cursor:pointer;transition:all .3s ease}select:focus{outline:none;border-color:var(--claro-red);box-shadow:0 0 0 3px #e306131a}.spinner{display:flex;justify-content:center;align-items:center;height:100px;font-size:1.5rem}.spinner:after{content:"";width:48px;height:48px;border:4px solid var(--claro-light-gray);border-top-color:var(--claro-red);border-radius:50%;animation:spin .8s linear infinite}.btnLink{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-size:11px;font-weight:600;padding:8px 16px;border:none;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b9814d}.btnLink:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166;background:linear-gradient(135deg,#34d399,#10b981)}.user-details{display:flex;flex-direction:column;padding:15px;background:linear-gradient(135deg,#e3061308,#e3061303);border-radius:12px;border-left:4px solid var(--claro-red)}.user-details span{font-size:10px;color:#2d3748;font-weight:500}.title{font-size:20px;color:#1a202c;font-weight:700;letter-spacing:-.5px}.logout-btn{width:140px;float:inline-end;background:linear-gradient(135deg,var(--claro-red) 0%,var(--claro-dark-red) 100%);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e3061340}.logout-btn:hover{background:linear-gradient(135deg,var(--claro-light-red) 0%,var(--claro-red) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #e3061359}.logout-btn:active{transform:translateY(0)}.logoTabla{width:200px;height:60px;transition:transform .3s ease}.logoTabla:hover{transform:scale(1.05)}.logoOtts{width:40px;height:40px;border-radius:20px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.logoOtts:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #e3061333}.cerrar-sesion-container{width:90%;margin:0 auto}.error-label{display:block;color:#b30510;background:#ffe5e7;border:1px solid #e30613;border-radius:8px;padding:8px 12px;margin-top:10px;font-size:14px;font-weight:600;text-align:center;width:fit-content;box-shadow:0 2px 6px #e306131a}.ott-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin-top:8px}.ott-list li{background:#fff4f4;border:1px solid rgba(227,6,19,.2);border-radius:8px;padding:5px 10px;color:#b30510;font-weight:600;font-size:.9rem;box-shadow:0 1px 3px #e306131a}.search-container{display:flex;flex-direction:column;align-items:flex-start;margin:15px 0;padding:15px;background:var(--claro-white);border-radius:16px;box-shadow:0 4px 16px #e306130f}.rut-label{font-weight:700;color:var(--claro-dark-red);margin-bottom:10px;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.search-input-group{display:flex;align-items:center;gap:15px;width:100%}.rut-input{flex:1;max-width:320px;padding:14px 20px;border:2px solid var(--claro-light-gray);border-radius:12px;font-size:15px;outline:none;transition:all .3s ease;background:var(--claro-white)}.rut-input:focus{border-color:var(--claro-red);box-shadow:0 0 0 3px #e306131a;transform:translateY(-1px)}.rut-input::placeholder{color:#a0aec0}.buscar-btn{width:auto;height:auto;background:linear-gradient(135deg,var(--claro-red) 0%,var(--claro-dark-red) 100%);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e3061340;text-transform:uppercase;letter-spacing:.5px}.buscar-btn:hover{background:linear-gradient(135deg,var(--claro-light-red) 0%,var(--claro-red) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #e3061359}.buscar-btn:active{transform:translateY(0)}.data-table tbody tr{animation:fadeIn .4s ease-out;animation-fill-mode:both}.data-table tbody tr:nth-child(1){animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.data-table{width:95%;font-size:12px}.data-table th,.data-table td{padding:12px 10px}.titleTable{font-size:20px}.search-input-group{flex-direction:column;align-items:stretch}.rut-input{max-width:100%}.buscar-btn{width:100%}}.client-data{margin-top:.8rem;background:#fff;border:1px solid rgba(227,6,19,.25);border-radius:10px;padding:.6rem 1rem;max-width:420px;width:100%;box-shadow:0 2px 6px #e3061314;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.client-data:hover{box-shadow:0 3px 10px #e306131f;transform:translateY(-1px)}.client-data label{display:block;font-weight:700;color:var(--claro-dark-red);font-size:.95rem;border-bottom:1.5px solid var(--claro-light-red);padding-bottom:.2rem;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.4px}.client-data span{display:block;background:#fff7f7;border-left:3px solid var(--claro-red);padding:.35rem .6rem;margin-bottom:.3rem;border-radius:6px;color:#2b2b2b;font-size:.9rem;font-weight:500}.data-table input[type=checkbox]:hover{border-color:#da291c;box-shadow:0 0 4px #da291c66}.data-table input[type=checkbox]:checked{background-color:#da291c;border-color:#da291c;box-shadow:0 0 8px #da291c66}.data-table input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.data-table input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:22px;height:22px;border:2px solid #ccc;border-radius:6px;cursor:pointer;position:relative;background-color:#fff;transition:all .25s ease}.data-table input[type=checkbox]:hover{box-shadow:0 0 4px #00000026;transform:scale(1.05)}@keyframes popCheck{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.data-table input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:15px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}#disneyClaro,#atresplayerClaro,#hbomaxClaro,#megagoClaro,#primeVideoClaro,#riiviClaro,#universalClaro,#cindieClaro,#fanatizClaro,#tvnplayClaro,#ondaMediaClaro,#edyeClaro{border-color:#da291c}#disneyClaro:hover,#atresplayerClaro:hover,#hbomaxClaro:hover,#megagoClaro:hover,#primeVideoClaro:hover,#riiviClaro:hover,#universalClaro:hover,#cindieClaro:hover,#fanatizClaro:hover,#tvnplayClaro:hover,#ondaMediaClaro:hover,#edyeClaro:hover{box-shadow:0 0 6px #da291c4d}#disneyClaro:checked,#atresplayerClaro:checked,#hbomaxClaro:checked,#megagoClaro:checked,#primeVideoClaro:checked,#riiviClaro:checked,#universalClaro:checked,#cindieClaro:checked,#fanatizClaro:checked,#tvnplayClaro:checked,#ondaMediaClaro:checked,#edyeClaro:checked{background-color:#da291c;border-color:#da291c;box-shadow:0 0 8px #da291c73}#disneyVtr,#atresplayerVtr,#hbomaxVtr,#megagoVtr,#primeVideoVtr,#riiviVtr,#universalVtr,#cindieVtr,#fanatizVtr,#tvnplayVtr,#ondaMediaVtr,#edyeVtr{border-color:#0071ce}#disneyVtr:hover,#atresplayerVtr:hover,#hbomaxVtr:hover,#megagoVtr:hover,#primeVideoVtr:hover,#riiviVtr:hover,#universalVtr:hover,#cindieVtr:hover,#fanatizVtr:hover,#tvnplayVtr:hover,#ondaMediaVtr:hover,#edyeVtr:hover{box-shadow:0 0 6px #0071ce59}#disneyVtr:checked,#atresplayerVtr:checked,#hbomaxVtr:checked,#megagoVtr:checked,#primeVideoVtr:checked,#riiviVtr:checked,#universalVtr:checked,#cindieVtr:checked,#fanatizVtr:checked,#tvnplayVtr:checked,#ondaMediaVtr:checked,#edyeVtr:checked{background-color:#0071ce;border-color:#0071ce;box-shadow:0 0 8px #0071ce73}.no-otts-msg{text-align:center;margin-top:20px;color:#b30510;font-weight:600;background:#ffe5e7;padding:10px 20px;border-radius:8px;display:inline-block;box-shadow:0 2px 6px #e306131a}#root{max-width:1280px;margin:0 auto;padding:2rem}.body{background-color:#f4f4f4}.logo{will-change:filter;transition:filter .3s;display:block;margin:0 auto;width:150px}.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}.unauthorized-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.unauthorized-container h2{color:#d32f2f;margin-bottom:1rem}.unauthorized-container p{margin-bottom:.5rem;color:#555}.login-link{margin-top:1.5rem;padding:10px 20px;background-color:#d32f2f;color:#fff;text-decoration:none;border-radius:6px;font-weight:600}.login-link:hover{background-color:#b71c1c}.loading-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.spinner{width:36px;height:36px;border:4px solid #e0e0e0;border-top:4px solid #d32f2f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-container h2{margin-bottom:.6rem;color:#333;font-weight:600}.loading-container p{color:#666;margin-bottom:.3rem}@keyframes spin{to{transform:rotate(360deg)}}body{font-family:sans-serif;background-color:#f4f4f4}form{display:flex;flex-direction:column;width:auto;max-width:300px;margin:auto;padding:20px;border-radius:8px;align-content:center}input[type=tel],input[type=text],input[type=password],input[type=submit]{margin:10px 0;padding:10px;border:1px solid #CCCCCC;border-radius:4px;max-width:300px}input[type=tel]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#e60000;outline:none}input[type=submit]{background-color:#e60000;color:#fff;border:none;cursor:pointer}input[type=submit]:hover{background-color:#b00000}