:root{--color-primary:#e63946;--color-primary-hover:#d62828;--color-primary-light:#fce9eb;--color-secondary:#1a8cff;--color-secondary-light:#e6f2ff;--color-bg:#f8f9fa;--color-surface:#fff;--color-text:#2b2d42;--color-text-muted:#6c757d;--color-border:#e9ecef;--color-success:#21c45d;--color-warning:#e9c46a;--color-festivo-local:#9d4edd;--color-festivo-especial:#f4a261;--color-festivo-nolocal:#2a9d8f;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 25px -5px #00000014;--shadow-glass:0 8px 32px 0 #1f26870d;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;display:flex}#app{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}h1,h2,h3{font-weight:800;line-height:1.2}h1{color:var(--color-primary);font-size:1.75rem}h2{margin-bottom:1rem;font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--color-text-muted)}.app-container{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);width:100%;min-width:0;max-width:600px;box-shadow:var(--shadow-glass);background:#ffffffb3;border:1px solid #ffffff2e;flex-direction:column;display:flex;overflow:hidden}.header{text-align:center;border-bottom:1px solid var(--color-border);padding:2rem}.header img{height:40px;margin-bottom:1rem}.stepper-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:1.5rem 2rem;display:flex}.step-indicator{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.step-indicator:after{content:"";background-color:var(--color-border);z-index:-1;width:100%;height:2px;position:absolute;top:15px;left:50%}.step-indicator:last-child:after{display:none}.step-circle{border-radius:var(--radius-full);background-color:var(--color-border);width:30px;height:30px;color:var(--color-text-muted);transition:var(--transition-normal);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.step-indicator.active .step-circle{background-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px var(--color-primary-light)}.step-indicator.completed .step-circle{background-color:var(--color-success);color:#fff}.step-indicator.completed:after{background-color:var(--color-success)}.step-label{color:var(--color-text-muted);text-align:center;transition:var(--transition-normal);font-size:.75rem;font-weight:600}.step-indicator.active .step-label{color:var(--color-primary)}.step-content-container{background:var(--color-surface);width:100%;min-width:0;min-height:350px;padding:2rem;position:relative}.step-pane{width:100%;min-width:0;animation:.4s ease-in-out forwards fadeIn;display:none}.step-pane.active{display:block}.form-group{margin-bottom:1.5rem}label{color:var(--color-text);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}input[type=text],input[type=number],input[type=month],input[type=time],select{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);width:100%;color:var(--color-text);transition:var(--transition-fast);padding:.75rem 1rem;font-family:inherit;font-size:1rem}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--color-surface);outline:none}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:#dee2e6}.btn-outline{border:2px solid var(--color-border);color:var(--color-text);background-color:#0000}.btn-outline:hover{border-color:var(--color-text)}.btn-info-icon{background-color:var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;transition:var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.btn-info-icon:hover{background-color:var(--color-text-muted);color:#fff}.stepper-actions{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;padding:1.5rem 2rem;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:1rem;display:grid}.calendar-day-header{text-align:center;color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.calendar-day{aspect-ratio:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;padding:.1rem;display:flex;position:relative;overflow:hidden}.calendar-day:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.calendar-day.selected{color:#fff}.calendar-day.selected.ordinaria{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px #e639464d}.calendar-day.selected.complementaria{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 0 10px #2d8cff4d}.calendar-day.festivo-local{color:var(--color-festivo-local);font-weight:700}.calendar-day.festivo-local.selected{color:#fff;border:2px solid var(--color-festivo-local)}.calendar-day.festivo-especial{color:var(--color-festivo-especial);font-weight:700}.calendar-day.festivo-especial.selected{color:#fff;border:2px solid var(--color-festivo-especial)}.calendar-day.festivo-no_local{color:var(--color-festivo-nolocal);font-weight:700}.calendar-day.festivo-no_local.selected{color:#fff;border:2px solid var(--color-festivo-nolocal)}.calendar-day .day-num{font-size:1rem;font-weight:700;line-height:1}.calendar-day .day-month{text-transform:uppercase;opacity:.7;font-size:.6rem}.calendar-day .shift-unidad{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90%;color:inherit;background:#00000026;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:.65rem;font-weight:800;line-height:1;overflow:hidden}.results-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem}.result-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.result-row>span{flex-direction:column;display:flex}.result-breakdown{color:var(--color-text-muted);margin-top:.15rem;font-size:.75rem;font-weight:400}@media (width>=481px){.result-row>span{flex-direction:row;align-items:baseline}.result-breakdown{margin-top:0;margin-left:.5rem}}.result-row:last-child{border-bottom:none}.result-total{color:var(--color-primary);text-align:center;border-top:2px solid var(--color-primary-light);margin-top:1.5rem;padding-top:1.5rem;font-size:1.5rem;font-weight:900}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;opacity:0;pointer-events:none;transition:var(--transition-fast);background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;transition:var(--transition-normal);background:#fff;padding:2rem;transform:translateY(20px)}.modal-overlay.open .modal-content{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast{background:var(--color-success);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:99999;text-align:center;pointer-events:none;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;position:fixed;top:20px;left:50%;transform:translate(-50%)}.contact-prefooter{text-align:center;width:100%;max-width:800px;margin-top:2.5rem;margin-bottom:1rem}.contact-prefooter p{color:var(--color-text);margin-bottom:1.25rem;font-size:1.1rem;font-weight:500}.btn-contact-prefooter{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);border-radius:var(--radius-full);transition:var(--transition-normal);padding:.8rem 2.5rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-block}.btn-contact-prefooter:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.global-footer{text-align:center;color:var(--color-text-muted);width:100%;margin-top:2rem}.footer-content{justify-content:center;align-items:center;gap:1rem;display:flex}.footer-logo{opacity:.8;height:30px}.footer-text{text-align:left;font-size:.85rem;line-height:1.3}.footer-credits{opacity:.6;margin-top:1.5rem;font-size:.7rem}@media (width<=600px) and (orientation:portrait){.calendar-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100vw;padding-bottom:.5rem;display:block;overflow-x:auto}.calendar-grid{min-width:480px}.calendar-day{aspect-ratio:1/1.35}}@view-transition{navigation:auto}.vt-header-title{view-transition-name:header-title}.vt-header-logo{view-transition-name:header-logo}.tools-grid{background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem;display:grid}.tool-card{text-align:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:var(--transition-normal);flex-direction:column;align-items:center;padding:2.5rem 1.5rem;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-5px)}.tool-card h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.2rem}.tool-card p{color:var(--color-text-muted);font-size:.875rem}.tool-icon{color:var(--color-primary);background:var(--color-primary-light);width:80px;height:80px;transition:var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.2rem;font-size:3rem;display:flex}.tool-card:hover .tool-icon{transform:scale(1.1)}.future-tool .tool-icon{background:var(--color-border);color:var(--color-text-muted)}.future-tool:hover .tool-icon{transform:none}.affiliation-banner{background:linear-gradient(135deg, var(--color-primary) 0%, #b81d2c 100%);color:#fff;text-align:center;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:2.5rem 2rem}.affiliation-banner h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.affiliation-banner p{color:#ffffffe6;max-width:85%;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1rem}.btn-white{color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:var(--radius-full);transition:var(--transition-normal);background-color:#fff;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-block}.btn-white:hover{background-color:var(--color-bg);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.future-tool{opacity:.7;cursor:not-allowed;border-style:dashed}.future-tool:hover{border-color:var(--color-text-muted);box-shadow:none;transform:none}.future-tool h3{color:var(--color-text-muted)}.month-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-normal);margin-bottom:1rem;overflow:hidden}.month-details summary{color:var(--color-primary);cursor:pointer;background:var(--color-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:700;list-style:none;display:flex}.month-details summary::-webkit-details-marker{display:none}.month-details summary:after{content:"+";font-size:1.5rem;line-height:1;transition:transform .3s}.month-details[open] summary:after{transform:rotate(45deg)}.month-details[open]{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.month-content{border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:1rem 1.5rem;display:grid}.input-group{flex-direction:column;display:flex}.input-group label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem}.input-group input{padding:.5rem;font-size:.9rem}.results-box{background:var(--color-surface);border:2px solid var(--color-primary-light);border-radius:var(--radius-md);margin-top:2rem;padding:1.5rem;animation:.4s ease-in-out fadeIn;display:none}.result-item{border-bottom:1px dashed var(--color-border);justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.result-item.rejected{color:var(--color-text-muted);opacity:.6;text-decoration:line-through}.result-total-ced{color:var(--color-primary);text-align:center;border-top:2px solid var(--color-primary-light);margin-top:1.5rem;padding-top:1.5rem;font-size:1.8rem;font-weight:900}.result-note{text-align:center;color:var(--color-text-muted);margin-top:.5rem;font-size:.8rem}.max-w-800{margin:0 auto;max-width:800px!important}.max-w-300{max-width:300px}.w-full{width:100%}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.flex-2{flex:2}.flex-1{flex:1}.grid-2-col{grid-template-columns:1fr 1fr;display:grid}.gap-05{gap:.5rem}.gap-08{gap:.8rem}.gap-1{gap:1rem}.gap-15{gap:1.5rem}.mt-0{margin-top:0}.mt-05{margin-top:.5rem}.mt-1{margin-top:1rem}.mt-15{margin-top:1.5rem}.mt-2{margin-top:2rem}.mb-0{margin-bottom:0}.mb-05{margin-bottom:.5rem}.mb-075{margin-bottom:.75rem}.mb-1{margin-bottom:1rem}.mb-15{margin-bottom:1.5rem}.mb-2{margin-bottom:2rem}.p-05{padding:.5rem}.p-1{padding:1rem}.p-15{padding:1.5rem}.p-2{padding:2rem}.p-05-1{padding:.5rem 1rem}.p-04-08{padding:.4rem .8rem}.text-center{text-align:center}.font-inter{font-family:Inter,sans-serif}.font-800{font-weight:800}.font-700{font-weight:700}.font-600{font-weight:600}.text-black{color:#000}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.75rem}.text-md{font-size:.85rem}.text-base{font-size:.9rem}.text-lg{font-size:1rem}.text-xl{font-size:1.1rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.8rem}.text-4xl{font-size:2.2rem}.h-35{height:35px}.h-45{height:45px}.cursor-pointer{cursor:pointer}.border-dashed{border:1px dashed var(--color-border)}.bg-surface{background:var(--color-surface)}.bg-primary-light{background:var(--color-primary-light)}.bg-bg{background:var(--color-bg)}.border-primary{border:1px solid var(--color-primary)}.border-primary-light{border:1px solid var(--color-primary-light)}.border-border{border:1px solid var(--color-border)}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.overflow-x-auto{overflow-x:auto}.min-w-320{min-width:320px}.resize-none{resize:none}.h-150{height:150px}.accent-primary{accent-color:var(--color-primary)}.checkbox-md{cursor:pointer;width:1.2rem;height:1.2rem}.legend-color-box{border-radius:3px;width:12px;height:12px}.bg-secondary{background:var(--color-secondary)}.border-festivo-local{border:2px solid var(--color-festivo-local)}.border-festivo-especial{border:2px solid var(--color-festivo-especial)}.border-festivo-nolocal{border:2px solid var(--color-festivo-nolocal)}.bg-success-light{background:#e9fbf0}.border-success{border:1px solid var(--color-success)}.text-success{color:var(--color-success)}