:root{--primary: #9f6118;--primary-light: #c27b30;--primary-dark: #7a4a0f;--bg-color: #ebe8e0;--card-bg: rgba(255, 255, 255, .8);--text-color: #2e2e2e;--text-soft: #696969;--border-color: #d9d4c8;--border-radius: 24px;--border-radius-small: 8px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--success-color: #155724;--success-bg: #d4edda;--success-border: #c3e6cb;--error-color: #721c24;--error-bg: #f8d7da;--error-border: #f5c6cb;--max-width: 1100px;--gradient-primary: linear-gradient(135deg, #9f6118, #c27b30);--gradient-secondary: linear-gradient(135deg, #c27b30, #d4941f);--gradient-accent: linear-gradient(135deg, rgba(159, 97, 24, .1), rgba(194, 123, 48, .05));--shadow-card: 0 10px 40px -10px rgba(159, 97, 24, .15);--shadow-card-hover: 0 20px 60px -15px rgba(159, 97, 24, .25);--shadow-glow: 0 0 40px rgba(159, 97, 24, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(20px,5vw,40px);min-height:100vh}.header{text-align:center;margin-bottom:clamp(40px,6vw,60px);padding:clamp(30px,6vw,50px) 0;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.logo{max-width:min(180px,50vw);height:auto;margin-bottom:clamp(20px,4vw,30px)}.welcome-container{min-height:100vh;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column}.welcome-content{max-width:var(--max-width);margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,5vw,40px);width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;animation:fade-in .6s ease-out}.welcome-header{text-align:center;margin-bottom:clamp(50px,8vw,70px)}.welcome-title{color:var(--text-color);font-size:clamp(2rem,6vw,3rem);font-weight:700;margin-bottom:clamp(15px,3vw,20px);line-height:1.2}.welcome-subtitle{color:var(--text-soft);font-size:clamp(1rem,3vw,1.15rem);font-weight:400;line-height:1.6;max-width:700px;margin:0 auto}.options-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:clamp(30px,5vw,40px);margin-bottom:clamp(40px,6vw,60px)}.option-card{position:relative;background:var(--card-bg);backdrop-filter:blur(10px);border:0;border-radius:var(--border-radius);padding:clamp(35px,5vw,45px);cursor:pointer;overflow:hidden;box-shadow:var(--shadow-card);transition:all .5s cubic-bezier(.4,0,.2,1);animation:scale-in .4s ease-out}.option-card:before{content:"";position:absolute;inset:0;background:var(--gradient-accent);opacity:0;transition:opacity .5s ease;z-index:1}.option-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:2}.option-card:hover{box-shadow:var(--shadow-card-hover),var(--shadow-glow);transform:translateY(-8px)}.option-card:hover:before{opacity:1}.option-card:hover:after{transform:scaleX(1)}.option-card.selected{box-shadow:var(--shadow-card-hover),var(--shadow-glow);transform:translateY(-8px)}.option-card.selected:before{opacity:1}.option-card.selected:after{transform:scaleX(1)}.option-title{position:relative;color:var(--text-color);font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;margin-bottom:clamp(15px,3vw,20px);line-height:1.2;transition:color .3s ease;z-index:2}.option-card:hover .option-title{color:var(--primary)}.option-description{position:relative;color:var(--text-soft);font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;margin-bottom:clamp(30px,5vw,35px);z-index:2}.option-button{position:relative;width:100%;padding:clamp(16px,3.5vw,18px);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-small);font-size:clamp(1rem,2.8vw,1.125rem);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #9f61184d;z-index:2}.option-card:hover .option-button{transform:scale(1.05);box-shadow:0 6px 20px #9f611866}.auto-button{background:var(--gradient-secondary)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(60px,10vw,80px);background:var(--card-bg);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:2px solid var(--border-color);min-height:300px;grid-column:1 / -1;box-shadow:var(--shadow-card)}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.loading-overlay p{color:var(--text-soft);font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500}.client-info-card,.form-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:clamp(25px,5vw,35px);margin-bottom:clamp(20px,4vw,30px);box-shadow:var(--shadow-card)}.client-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,4vw,30px);padding-bottom:clamp(15px,3vw,20px);border-bottom:2px solid var(--primary);flex-wrap:wrap;gap:var(--spacing-sm)}.client-info-title,.form-title{color:var(--primary);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.toggle-reservation-btn{display:flex;background:transparent;color:var(--text-soft);border:1px solid var(--border-color);padding:clamp(8px,2vw,10px) clamp(12px,3vw,16px);border-radius:var(--border-radius-small);cursor:pointer;font-size:clamp(12px,2.5vw,14px);font-weight:500;transition:all .2s ease;gap:6px;align-items:center}.toggle-reservation-btn:hover{background:var(--card-bg);border-color:var(--primary);color:var(--primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(15px,3vw,20px)}.info-label{font-weight:600;color:var(--text-soft);font-size:clamp(.75rem,2vw,.85rem);text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-color);font-size:clamp(.95rem,2.5vw,1.05rem);font-weight:500;padding:clamp(10px,2.5vw,12px);background:var(--bg-color);border-radius:var(--border-radius-small);border:1px solid var(--border-color);min-height:44px;display:flex;align-items:center}.submit-btn{width:100%;padding:clamp(16px,4vw,18px);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-small);font-size:clamp(1rem,2.8vw,1.1rem);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:clamp(25px,5vw,30px);box-shadow:0 4px 15px #9f61184d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9f611866}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.message{padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px);border-radius:var(--border-radius-small);margin-bottom:clamp(20px,4vw,25px);font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;border:1px solid;animation:fade-in .4s ease-out}.success-message{background:var(--success-bg);color:var(--success-color);border-color:var(--success-border)}.error-message{background:var(--error-bg);color:var(--error-color);border-color:var(--error-border)}.companions-section{margin-top:clamp(30px,6vw,40px);padding-top:clamp(25px,5vw,30px);border-top:2px solid var(--border-color)}.companion-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:clamp(20px,4vw,25px);margin-bottom:clamp(18px,4vw,20px);box-shadow:var(--shadow-card);transition:all .3s ease}.companion-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.add-companion-btn{background:var(--gradient-primary);color:#fff;border:none;padding:clamp(12px,3vw,14px) clamp(20px,4vw,24px);border-radius:var(--border-radius-small);font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.add-companion-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9f61184d}@media (max-width: 900px){.options-container{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.toggle-reservation-btn{display:flex}.info-grid.desktop-always-visible{display:none}}@media (min-width: 769px){.toggle-reservation-btn{display:none}.info-grid{display:grid!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}