@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--color-principal-1:#27519f;--color-principal-2:#18b7d2;--color-principal-3:#136a90;--color-principal-4:#d9d9d9;--color-sec-naranja:#f59e0b;--color-sec-rojo:#dc3545;--color-sec-verde:#80cc28;--font-titulo:"Segoe UI",sans-serif;--font-texto:"Calibri",sans-serif;--size-titulo:28px;--size-subtitulo:22px;--size-subtitulo2:18px;--size-texto:15px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-texto);color:#333;background-color:#f4f7fc}.certifications-wrapper{flex-direction:column;justify-content:center;align-items:center;min-height:calc(95vh - 80px);padding:20px;display:flex}.certifications-row{flex-wrap:wrap;justify-content:center;gap:60px;margin-bottom:20px;display:flex}.btn-imagen-texto{background-color:var(--color-principal-2);border:3px solid var(--color-principal-2);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:220px;height:250px;transition:transform .3s,background-color .3s,box-shadow .3s;display:flex;overflow:hidden}.btn-imagen-texto img{object-fit:cover;border-radius:8px 8px 0 0;width:100%;height:82%;transition:transform .3s}.btn-imagen-texto .texto{text-align:center;font-family:var(--font-titulo);color:#fff;word-wrap:break-word;justify-content:center;align-items:center;width:220px;height:90px;padding:10px;font-size:16px;font-weight:700;line-height:1.3;display:flex;overflow:hidden}.btn-imagen-texto:hover{background-color:var(--color-principal-1);border:3px solid var(--color-principal-1);transform:scale(1.05);box-shadow:0 6px 12px #00000026}@media (max-width:1024px){.certifications-row{flex-wrap:wrap;gap:20px}.btn-imagen-texto{width:220px;height:260px}.btn-imagen-texto .texto{font-size:16px}}@media (max-width:768px){.btn-imagen-texto{width:200px;height:240px}.btn-imagen-texto .texto{font-size:14px}}@media (max-width:480px){.btn-imagen-texto{width:180px;height:220px}.btn-imagen-texto .texto{font-size:12px}}.btn-secundario{background-color:var(--color-principal-2);color:#fff;font-size:var(--size-subtitulo2);font-family:var(--font-titulo);cursor:pointer;border:none;border-radius:5px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:background-color .3s;display:inline-flex}.btn-secundario:hover{background-color:var(--color-principal-1)}.btn-icon-ver{cursor:pointer;background-color:var(--color-principal-1);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:2px;margin-left:1px;margin-right:1px}.btn-icon-ver:hover{filter:brightness(.9)}.btn-icon-editar{cursor:pointer;background-color:var(--color-sec-naranja);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:2px;margin-left:1px;margin-right:1px}.btn-icon-editar:hover{filter:brightness(.9)}.btn-icon-eliminar{cursor:pointer;background-color:var(--color-sec-rojo);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:2px;margin-left:1px;margin-right:1px}.btn-icon-eliminar:hover{filter:brightness(.9)}.btn-icon-usuarios{cursor:pointer;background-color:var(--color-sec-verde);border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:2px;margin-left:1px;margin-right:1px}.btn-icon-usuarios:hover{filter:brightness(.9)}.btn-icon-circle{background-color:var(--color-principal-2);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;display:inline-flex}.btn-icon-circle:hover{filter:brightness(.9)}.btn-cumplido{color:#fff;cursor:pointer;background-color:#0d952c;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.btn-cumplido:hover{filter:brightness(.9)}.saveButton{background-color:var(--color-principal-2);color:#fff;font-size:var(--size-texto);cursor:pointer;border:none;border-radius:5px;width:100%;padding:10px 20px;font-weight:700;transition:background-color .3s}.saveButton:hover{background-color:var(--color-principal-1)}.cancelButton{background-color:var(--color-sec-rojo);color:#fff;font-size:var(--size-texto);cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:background-color .3s}.cancelButton:hover{background-color:#cd2029}.status-incumplido{color:#fff;background-color:#ea7883}.status-no-realizado{color:#fff;background-color:#f2e16f}.status-cumplido{color:#fff;background-color:#b4df83}.status-planificada{color:#fff;background-color:#66dedb}.status-pendiente{color:#fff;background-color:#f9ca6d}.status-replanificada{color:#fff;background-color:#f4acc7}.status-reprobado-1{color:#fff;background-color:#94aefb}.status-reprobado-2{color:#fff;background-color:#c0a6f1}.status-reprobado-3{color:#fff;background-color:#efbbf2}.status-reprobado-adicional{color:#fff;background-color:#a9ddf2}.status-button{color:#fff;text-align:center;width:120px;font-family:var(--font-texto);font-size:var(--size-texto);cursor:default;border:none;border-radius:8px;padding:8px;font-weight:700}.table{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;margin:20px auto;overflow:hidden;box-shadow:0 4px 8px #0000001a}.table th,.table td{text-align:center;font-family:var(--font-texto);font-size:var(--size-texto);border:1px solid #ddd;padding:12px 15px}.table th{background-color:var(--color-principal-2);color:#fff;font-weight:700}.table tr:nth-child(2n){background-color:#f4f4f4}.pagination-container{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.pagination-button{background-color:var(--color-principal-2);color:#fff;cursor:pointer;font-weight:700;font-size:var(--size-texto);border:1px solid #ddd;border-radius:5px;padding:10px 16px;transition:background-color .3s,color .3s}.pagination-button:hover{background-color:var(--color-principal-1);color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:var(--color-principal-2);color:#fff;border:1px solid var(--color-principal-2)}.pagination-button.active:hover{background-color:var(--color-principal-1);border:1px solid var(--color-principal-1)}.search-container{flex:.7;margin-right:20px;display:flex;position:relative}.search-container input{border:1px solid var(--color-principal-3);width:100%;max-width:400px;font-family:var(--font-texto);font-size:var(--size-texto);color:#333;background-color:#fff;border-radius:5px;outline:none;padding:10px 15px;transition:border-color .3s}.search-container input:focus{border-color:var(--color-principal-2);box-shadow:0 0 5px #264b8b80}.search-container input::placeholder{color:#888;font-style:italic}.dropdown-filter{z-index:9999;background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;max-width:400px;padding:10px 0;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 4px 8px #0000001a}.dropdown-filter ul{max-height:200px;margin:0;padding:0;list-style:none;overflow:hidden auto}.dropdown-filter ul li{cursor:pointer;font-size:var(--size-texto);font-family:var(--font-texto);color:#333;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #d9d9d9;padding:8px 12px;font-weight:450;transition:background-color .2s;overflow:hidden}.dropdown-filter ul li:hover{background-color:var(--color-principal-3)}.form-container-wrapper{max-width:1000px;font-family:var(--font-texto);background-color:#fff;border:3px solid #b5d0ff;border-radius:10px;margin:30px auto;overflow:hidden;box-shadow:0 4px 8px #0000001a}.form-container{max-width:1000px;font-family:var(--font-texto);background-color:#fff;border-radius:10px;flex-direction:row;gap:10px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000001a}.form-image{background-position:50%;background-size:cover;flex:45%}@media (max-width:1050px){.form-image{display:none}.form-container{flex-direction:column}}.form-content{flex-direction:column;flex:60%;padding:20px;display:flex}.form-header{background-color:var(--color-principal-4);text-align:center;font-family:var(--font-titulo);font-size:var(--size-subtitulo);color:#000;padding:10px;font-weight:600}.formGroup{flex-direction:column;gap:10px;display:flex}.label{font-size:var(--size-subtitulo2);font-family:var(--font-titulo);color:var(--color-principal-2);font-weight:500}.input,.textarea,.select{font-family:var(--font-texto);font-size:var(--size-texto);background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;outline:none;margin-bottom:15px;padding:10px 15px;transition:border-color .3s,background-color .3s}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-principal-2);background-color:#fff;box-shadow:0 0 5px #264b8b4d}.select{max-height:150px;overflow-y:auto}.input[readonly]{color:#666;cursor:not-allowed;background-color:#eae8e8;border:1px solid #ccc}.input[readonly]:focus{outline:none}.form-buttons{justify-content:center;margin-top:40px;display:flex}.button-register{background-color:var(--color-principal-2);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 20px;transition:background-color .3s}.button-register:hover{background-color:var(--color-principal-1)}.form-hor{border:3px solid var(--color-principal-4);background-color:#fff;border-radius:8px;max-width:880px;margin:20px auto;padding:45px 25px 25px;box-shadow:0 4px 8px #0000001a}.formGroupHorizontal{justify-content:center;align-items:center;gap:30px;width:100%;margin-bottom:20px;display:flex}.label-hor{color:var(--color-principal-2);text-align:left;width:220px;font-family:var(--font-titulo);font-size:var(--size-subtitulo2);margin-bottom:0;font-weight:500}.input-hor,.textarea-hor,.select-hor{box-sizing:border-box;width:80%;max-width:500px;font-family:var(--font-texto);font-size:var(--size-texto);border:1px solid #bdb7b7;border-radius:4px;padding:8px}.select-hor{max-height:150px;overflow-y:auto}.textarea-hor{resize:none;height:80px}.checkboxContainer{padding-block-end:30px;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin-top:10px;padding-top:10px;display:flex}.largeCheckbox{width:20px;height:20px}@media (max-width:1224px){.formGroup{margin-left:0}.input,.textarea,.select{width:100%}}@media (max-width:480px){.form{padding:15px}.saveButton{width:100%}}.formContainerCol{background-color:#fff;max-width:800px;margin:0 auto;padding:30px}.formRowCol{justify-content:space-between;gap:50px;margin-bottom:20px;display:flex}@media (max-width:768px){.formRowCol{flex-direction:column}}.formGroupCol{flex-direction:column;flex:1;display:flex}.formGroupCol label{font-size:var(--size-subtitulo2);color:var(--color-principal-2);font-weight:500;font-family:var(--font-titulo);margin-bottom:10px}.inputCol,.selectCol,.textareaCol{width:100%;font-size:var(--size-texto);box-sizing:border-box;font-family:var(--font-texto);border:1px solid #ccc;border-radius:4px;padding:8px}.inputCol,.selectCol{height:40px}.textareaCol{resize:none;height:80px}.selectCol{max-height:40px;position:relative;overflow:hidden}.selectCol::-webkit-scrollbar{width:8px}.selectCol option{max-height:200px;overflow-y:auto}.radioGroupCol{font-family:var(--font-texto);font-size:var(--size-texto);justify-content:center;align-items:center;gap:50px;height:40px;display:flex}.sidebar-layout{background-color:#e8effb;height:100vh;transition:margin-left .3s ease-in-out;display:flex}@media (max-width:768px){.sidebar-layout{flex-direction:column}}.sidebar-container{background-color:var(--color-principal-1);z-index:1000;width:260px;height:100vh;font-family:var(--font-titulo);box-shadow:none;flex-direction:column;align-items:center;padding:20px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-container.isOpen{transform:translate(0);box-shadow:4px 0 12px #0000001a}@media (min-width:768px){.sidebar-container{height:auto;position:relative;transform:translate(0)}}.sidebar-close-btn{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;font-size:24px;display:block;position:absolute;top:15px;right:15px}@media (min-width:768px){.sidebar-close-btn{display:none}}.sidebar-content{background-color:#f8f9fa;flex:1;padding:20px;transition:margin-left .3s ease-in-out;overflow-y:auto}@media (max-width:768px){.sidebar-content.hasSidebar{margin-left:250px}}.sidebar-top-section{align-items:center;margin-top:27px;margin-bottom:40px;display:flex}.sidebar-img-container{background-color:var(--color-principal-2);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:90px;height:60px;margin-right:10px;display:flex}.sidebar-img-container svg{color:var(--color-sec-verde);font-size:36px}.sidebar-text-container{flex-direction:column;justify-content:center;display:flex}.sidebar-text-container h3{color:#fff;font-size:var(--size-subtitulo2);margin:0;font-weight:600}.sidebar-text-container h2{color:#fff;font-size:var(--size-texto);font-family:var(--font-texto);margin:5px 0 0;font-weight:400}.sidebar-menu-title{color:#fff;font-size:var(--size-texto);font-family:var(--font-texto);text-align:left;width:100%;margin-bottom:20px}.sidebar-item-list{width:100%;padding:0;list-style:none}.sidebar-item{color:#fff;cursor:pointer;background-color:#0000;border-radius:5px;align-items:center;margin-bottom:10px;padding:10px;transition:background-color .2s;display:flex}.sidebar-item-container{background-color:var(--color-principal-2);border:2px solid var(--color-principal-2);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.sidebar-item-container svg{color:#fff;font-size:13px}.sidebar-item:hover,.sidebar-item.active{color:#000;background-color:#fff}.sidebar-item-text{font-size:var(--size-texto);font-family:var(--font-texto);margin-left:10px}.sidebar-logout-btn{cursor:pointer;background-color:var(--color-principal-4);border:none;border-radius:15px;outline:none;gap:0;width:85%;margin-top:auto;padding:0;transition:background-color .3s;display:flex;overflow:hidden}.sidebar-logout-container{background-color:#727477;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:11px 0 5px 8px;padding:10px;display:flex}.sidebar-logout-container svg{color:#fff;font-size:17px}.sidebar-logout-text{color:#000;font-size:var(--size-texto);font-family:var(--font-titulo);justify-content:center;align-items:center;width:125px;height:55px;padding:10px 0;font-weight:500;display:flex}.sidebar-logout-arrow{background-color:var(--color-sec-verde);color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px;justify-content:center;align-items:center;width:40px;height:55px;padding:0 15px;font-size:20px;display:flex}.sidebar-logout-btn:hover .sidebar-logout-arrow{filter:brightness(.9)}.sidebar-toggle-btn{color:#000;cursor:pointer;z-index:1050;background-color:#f8f9fa;border:none;border-radius:5px;padding:10px 20px;transition:background-color .3s,box-shadow .3s;display:none;position:fixed;top:10px;left:10px}.sidebar-toggle-btn svg{font-size:20px}.sidebar-toggle-btn:hover{background-color:var(--color-principal-4);box-shadow:0 2px 6px #0003}@media (max-width:768px){.sidebar-toggle-btn{display:block}}.content-title{text-align:center;background-color:var(--color-principal-4);color:#000;font-size:var(--size-titulo);border-radius:5px;margin-bottom:20px;padding:10px;font-weight:700}@media (max-width:768px){.content-title{margin-top:40px}}html,body{height:100%;margin:0;padding:0}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}@font-face{font-family:Writeline;src:url(/fonts/Writeline.ttf)format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Jumper;src:url(/fonts/JumperPERSONALUSEONLY-Regular.ttf)format("truetype");font-weight:400;font-style:normal}.privacy-policy-container{color:#333;max-width:800px;margin:0 auto;padding:40px 20px;font-family:sans-serif}.privacy-policy-title{color:#2a6080;text-align:center;margin-bottom:20px;font-size:2rem;font-weight:700}.privacy-policy-section{margin-bottom:30px}.privacy-policy-section h2{color:#222;margin-bottom:10px;font-size:1.5rem}.privacy-policy-section p{margin-bottom:10px;line-height:1.6}.privacy-policy-section ul{margin-top:10px;padding-left:20px}.privacy-policy-section li{margin-bottom:8px}.privacy-policy-contact a{color:#007bff;text-decoration:none}.privacy-policy-contact a:hover{text-decoration:underline}.anniversary-page{min-height:100vh;padding:2rem;font-family:Roboto,sans-serif;position:relative}.header-container{text-align:center;margin-bottom:2rem}.header-title{-webkit-text-fill-color:var(--color-principal-3);color:linear-gradient(var(--color-principal-3));-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.header-subtitle{color:#4b5563;font-size:1.25rem}.section-header{text-align:center;margin-bottom:1.5rem}.section-header .section-badge{color:#fff;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1.5rem;display:inline-flex}.section-header .section-title{font-size:1.75rem;font-weight:700}.section-header .section-subtitle{color:#4b5563;font-size:1rem}.cards-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.employee-card{background-color:#fff;border:2px solid #0000;border-radius:1rem;flex:250px;min-width:250px;max-width:300px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 15px #0000001a}.employee-card:hover{transform:scale(1.05);box-shadow:0 20px 25px #00000026}.employee-photo-container{height:180px;position:relative;overflow:hidden}.employee-photo-container img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.employee-card:hover .employee-photo-container img{transform:scale(1.1)}.employee-overlay{opacity:0;text-align:center;color:#fff;background-color:#0006;justify-content:center;align-items:center;padding:0 1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.employee-card:hover .employee-overlay{opacity:1}.employee-overlay p{font-weight:600}.employee-badge{color:#fff;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700;display:flex;position:absolute;bottom:.75rem;left:.75rem}.employee-content{background:linear-gradient(135deg,#f0f8ff 0%,#e5e7eb 100%);height:100%;padding:1.5rem}.employee-name{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.employee-details{color:#4b5563;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;display:flex}.tab-components{background:#fff;border-radius:8px;width:100%;margin:0 auto;font-family:sans-serif;overflow:hidden}.tab-components-nav{scrollbar-width:thin;background-color:var(--color-principal-3);gap:1px;display:flex;overflow-x:auto}.tab-components-nav::-webkit-scrollbar{height:6px}.tab-components-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.tab-components-button{color:#fff;cursor:pointer;background:0 0;background-color:var(--color-principal-2);border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-components-button:hover{background-color:#26d6e3}.tab-components-button.active{color:var(--color-principal-3);background-color:#fff;border-bottom-color:#fff;border-radius:8px 8px 0 0}.tab-components-button.active:hover{color:var(--color-principal-2)}.tab-components-icon{justify-content:center;align-items:center;display:flex}.tab-components-content{padding:20px;overflow-x:auto}@media (max-width:640px){.tab-components-button{padding:10px 14px;font-size:13px}}.filter-search-container{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.filter-container{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.filter-group{flex-direction:column;min-width:220px;display:flex}.filter-group label{color:#333;margin-bottom:6px;font-family:Calibri,sans-serif;font-size:16px}.date-range{justify-content:space-between;align-items:center;gap:10px;min-width:300px;max-width:300px;display:flex}.date-input{border:1px solid #ccc;border-radius:5px;min-width:140px;padding:8px;font-family:Calibri,sans-serif;font-size:15px}.search-input{border:1px solid #ccc;border-radius:5px;min-width:250px;padding:8px;font-family:Calibri,sans-serif;font-size:15px}@media (max-width:768px){.filter-search-container{flex-direction:column;gap:10px}.filter-container{flex-direction:column;align-items:stretch}.search-container,.search-input{width:100%}.date-range{flex-direction:column;align-items:stretch}.date-input{width:100%}}.pagination-input-wrapper{align-items:center;gap:8px;font-size:16px;display:flex}.pagination-input-wrapper input{text-align:center;border:1px solid #ccc;border-radius:6px;width:60px;padding:6px 10px;font-family:Calibri;font-size:15px}.subtitulo{font-size:var(--size-subtitulo);font-family:var(--font-titulo);text-align:center;margin-top:10px;margin-bottom:30px;font-weight:600}.carousel-modal-container{background:#f8f8f8;border-radius:8px;max-width:700px;margin:auto;padding:16px}.carousel-modal-title{margin-bottom:16px;font-size:18px;font-weight:600}.carousel-modal-list{flex-direction:column;gap:12px;display:flex}.carousel-modal-item{background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;display:flex;box-shadow:0 2px 5px #0000000d}.carousel-modal-item-left{align-items:center;gap:12px;display:flex}.carousel-modal-item-img{object-fit:cover;border:1px solid #ccc;border-radius:4px;width:80px;height:50px}.carousel-modal-item-delete{color:#d33;cursor:pointer;background:0 0;border:none;font-size:16px}.carousel-modal-actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.carousel-modal-btn-add{cursor:pointer;background-color:#eee;border:1px solid #ccc;border-radius:4px;padding:8px 12px}.carousel-modal-btn-add:hover{background-color:#ddd}.carousel-modal-btn-group button{cursor:pointer;border:none;border-radius:4px;margin-left:8px;padding:8px 12px}.carousel-modal-btn-light{background-color:#f0f0f0}.carousel-modal-btn-light:hover{background-color:#e0e0e0}.carousel-modal-btn-primary{color:#fff;background-color:#007bff}.carousel-modal-btn-primary:hover{background-color:#0069d9}.ordering-modal-overlay{z-index:1050;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.ordering-container{background:#fff;border-radius:.5rem;flex-direction:column;width:600px;max-width:90%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.ordering-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ordering-title{color:var(--color-principal-3);font-size:1.25rem;font-weight:600}.ordering-close-btn{cursor:pointer;color:var(--color-principal-3);background:0 0;border:none}.ordering-close-btn:hover{color:var(--color-principal-2)}.ordering-changes{color:var(--color-principal-3);background-color:#dbeafe;border-radius:9999px;align-items:center;gap:.5rem;margin:.75rem 1.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.ordering-body{flex:1;padding:1rem 1.5rem;overflow-y:auto}.ordering-list{flex-direction:column;gap:.5rem;display:flex}.ordering-item{cursor:move;background:#f9fafb;border:2px solid #0000;border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.ordering-item:hover{background:#f3f4f6}.ordering-dragged{opacity:.5;transform:scale(1.05)}.ordering-dragover{border-color:var(--color-principal-3);background-color:#e0f2f7}.ordering-handle{cursor:grab;color:#9ca3af}.ordering-order{width:2rem;height:2rem;color:var(--color-principal-3);background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.ordering-image img{object-fit:cover;border:1px solid #e5e7eb;border-radius:.5rem;width:7rem;height:7rem}.ordering-title-text h3{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.ordering-controls{flex-direction:column;gap:.25rem;margin-left:auto;display:flex}.ordering-btn{cursor:pointer;color:var(--color-principal-3);background:0 0;border:none;border-radius:.25rem;padding:.25rem}.ordering-btn:hover:not(:disabled){background:#dbeafe;transform:scale(.95)}.ordering-btn:disabled{color:#d1d5db;cursor:not-allowed}.ordering-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.ordering-submit-btn{background-color:var(--color-principal-3);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:600}.ordering-submit-btn:hover{background-color:var(--color-principal-2)}.ordering-submit-btn:disabled{cursor:not-allowed;background-color:#93c5fd}.ordering-cancel-btn{color:var(--color-principal-3);border:1px solid var(--color-principal-3);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem 1rem}.ordering-cancel-btn:hover{color:var(--color-principal-2);border:1px solid var(--color-principal-2)}.ordering-remove{color:var(--color-sec-rojo);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:4px;padding:4px 8px}.ordering-remove:hover{color:#fa1e34}.ordering-info{margin-bottom:16px}.ordering-info-row{justify-content:flex-start;gap:.5rem;margin:1rem;padding-left:1rem;display:flex}.ordering-info-label{color:var(--color-principal-3);font-weight:700}.ordering-info-value{color:#555}.ordering-file-input{display:none}.single-image-popup{border-radius:.25rem;justify-content:center;align-items:center;margin:1rem;display:flex}.single-image-popup-img{object-fit:contain;max-height:12rem}
