.teaser-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px 20px;width:70vw;box-sizing:border-box}.teaser-section h1{font-size:2.5rem;font-weight:600;margin-bottom:5px}.teaser-section p{font-size:1.2rem;max-width:80%}@media screen and (max-width:768px){.teaser-section{width:90vw}.teaser-section h1{font-size:2rem}.teaser-section p{font-size:1.25rem;max-width:100%}}.vacation-planner{width:100%;max-width:100%;border-radius:12px;box-sizing:border-box}.planning-period-header h4{font-size:1rem;font-weight:700;margin-bottom:.5rem}.planning-period-header p{font-size:.875rem;color:#6b7280;margin-bottom:0}.period-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.2rem;width:100%;box-sizing:border-box;margin-left:0}@media (min-width:768px){.period-options{grid-template-columns:repeat(3,1fr)}}.period-option-btn{background-color:#fff;border:1px solid #ced4da;color:#495057;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s ease;text-align:center;cursor:pointer;width:100%;box-sizing:border-box;min-width:0}.period-option-btn:hover{background-color:#dee2e6}.period-option-btn.selected{background-color:#d5f2ef}.planning-summary{margin-top:0;padding:.5rem 0;border-radius:.5rem;font-size:.875rem;width:100%;box-sizing:border-box}.planning-summary .summary-label{font-weight:500}.custom-dialog{width:90%;max-width:550px}.dialog-field{margin-bottom:1rem}.calendar-field{width:100%;box-sizing:border-box}.p-datepicker td[data-pc-section=day] .p-disabled{opacity:0}.p-calendar{height:3.2rem;font-size:1rem;box-sizing:border-box;border-top-right-radius:0;border-bottom-right-radius:0;width:100%}.p-calendar .p-inputtext{width:100%!important;box-sizing:border-box!important;margin:0;padding-left:.65rem!important;height:3.2rem;background-color:#e9ecef;border:1px solid #ced4da;border-radius:12px}.p-calendar .p-button.p-component{background:none!important;border:none!important;box-shadow:none!important;color:#6c757d!important;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-size:1.2rem!important}.p-calendar .p-button.p-component,.p-calendar .p-button.p-component .p-button-icon{margin:0!important;padding:0!important}.p-float-label .p-calendar input{padding-top:1.2rem;padding-bottom:.3rem}@media (max-width:768px){.period-options{gap:.5rem;grid-template-columns:1fr}.period-option-btn{padding:.6rem .5rem;font-size:.9rem;min-height:44px}.planning-summary{font-size:.8rem}}