:root{--color-primary:#7f1d1d;--color-primary-hover:#6b1818;--color-black:#000;--color-dark:#4b4b4b;--color-gray:#757474;--color-gray-light:#aaa;--color-background:#f2f2f2;--color-white:#fff;--color-broken-white:#f6f5f4;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-success-dark:#166534;--color-warning-dark:#78350f;--color-error-dark:#991b1b;--color-success-bg:#22c55e1f;--color-error-bg:#ef44441f;--color-warning-bg:#f59e0b1f;--color-info-bg:#3b82f61f;--color-success-surface:#f0fdf4;--color-error-surface:#fef2f2;--color-warning-surface:#fffbeb;--color-info-surface:#eff6ff;--color-success-border:#bbf7d0;--color-error-border:#fecaca;--color-warning-border:#fde68a;--color-info-border:#bfdbfe;--color-border:#aaa6;--color-border-light:#d1d5db;--color-border-subtle:#0000000d;--color-border-dark:#00000014;--color-overlay:#00000059;--color-ink-subtle:#0000000a;--color-ink-xsubtle:#00000005;--color-white-muted:#ffffff14;--color-white-semi:#ffffff80;--color-background-subtle:#f3f4f6;--color-primary-focus:#7f1d1d14;--color-primary-muted:#7f1d1d05;--color-error-focus:#ef44441a;--font-family:var(--font-neue-haas), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-small:clamp(.75rem, .65rem + .4vw, .75rem);--text-medium:clamp(.875rem, .75rem + .5vw, .875rem);--text-large:clamp(1rem, .875rem + .6vw, 1rem);--subtitle-small:clamp(1rem, .875rem + .65vw, 1.125rem);--subtitle-large:clamp(1.125rem, .975rem + .8vw, 1.375rem);--title-small:clamp(1.25rem, 1rem + 1vw, 1.5rem);--title-medium:clamp(1.5rem, 1.15rem + 1.5vw, 2rem);--title-large:clamp(1.875rem, 1.35rem + 2vw, 2.5rem);--title-super:clamp(2.25rem, 1.55rem + 3vw, 3.5rem);--font-light:300;--font-normal:350;--font-medium:400;--font-semibold:500;--font-bold:700;--spacing-xs:clamp(.2rem, .15rem + .15vw, .25rem);--spacing-sm:clamp(.375rem, .3rem + .2vw, .5rem);--spacing-md:clamp(.75rem, .6rem + .4vw, 1rem);--spacing-lg:clamp(1rem, .85rem + .6vw, 1.5rem);--spacing-xl:clamp(1.25rem, 1rem + .8vw, 2rem);--spacing-2xl:clamp(1.5rem, 1.2rem + 1.2vw, 3rem);--spacing-3xl:clamp(2rem, 1.5rem + 1.6vw, 4rem);--spacing-4xl:clamp(2.5rem, 2rem + 2vw, 5rem);--radius-sm:2px;--radius-md:2px;--radius-lg:2px;--radius-xl:4px;--radius-circle:50%;--border-thin:1px;--border-medium:2px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 6px #00000012;--shadow-lg:0 6px 16px #00000014;--shadow-xl:0 12px 24px #0000001a;--shadow-button:0 2px 8px #00000026;--shadow-card:0 2px 10px #0000000f;--shadow-header:0 1px 6px #00000012;--shadow-text:0 2px 8px #00000040;--transition-fast:.12s ease;--transition-base:.25s ease;--transition-slow:.45s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:500;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--header-height:64px;--hero-height:70vh;--hero-min-height:500px}
@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHAASGROTESKDSPRO-45LT_0.OTF)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHAASGROTESKDSPRO-55RG_0.OTF)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHAASGROTESKDSPRO-56IT_0.OTF)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Neue Haas Grotesk;src:url(/fonts/NHAASGROTESKDSPRO-65MD_0.OTF)format("opentype");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-medium);font-weight:var(--font-normal);color:var(--color-dark);background-color:var(--color-white);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--color-dark)}h1{font-size:var(--title-super)}h2{font-size:var(--title-large)}h3{font-size:var(--subtitle-large)}h4{font-size:var(--subtitle-small)}h5,h6{font-size:var(--text-large)}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;height:auto;display:block}svg{display:block}ul,ol{list-style:none}input,textarea,select{width:100%;padding:var(--spacing-md);border:var(--border-thin) solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--text-medium);transition:border-color var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-background);cursor:not-allowed}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark)}
.container{width:100%;max-width:var(--container-2xl);padding:0 var(--spacing-xl);margin:0 auto}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.section{padding:var(--spacing-4xl) var(--spacing-xl)}.section-sm{padding:var(--spacing-2xl) var(--spacing-xl)}.grid{gap:var(--spacing-xl);display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-dark{color:var(--color-dark)}.text-gray{color:var(--color-gray)}.text-white{color:var(--color-white)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-small{font-size:var(--text-small)}.text-medium{font-size:var(--text-medium)}.text-large{font-size:var(--text-large)}.text-bold{font-weight:var(--font-bold)}.text-semibold{font-weight:var(--font-semibold)}.text-normal{font-weight:var(--font-normal)}.icon-success{color:var(--color-success)}.icon-error{color:var(--color-error)}.icon-warning{color:var(--color-warning)}.icon-info{color:#3b82f6}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) var(--spacing-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column}.hidden-mobile{display:none}}@media (min-width:641px){.hidden-desktop{display:none}}
.otazu-badge{border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--font-normal);letter-spacing:.03em;white-space:nowrap;align-items:center;padding:3px 10px;display:inline-flex}.otazu-badge-sm{font-size:var(--text-small);padding:2px 8px}.badge-super-admin{background:var(--color-primary);color:var(--color-white)}.badge-admin{background:var(--color-dark);color:var(--color-white)}.badge-basic{background:var(--color-gray);color:var(--color-white)}.badge-client{background:var(--color-background);color:var(--color-dark)}.badge-activo{background:var(--color-info-bg);color:var(--color-info)}.badge-inactivo{background:var(--color-background);color:var(--color-gray)}.badge-pendiente{background:var(--color-success-bg);color:var(--color-success)}.badge-quemado{background:var(--color-error-bg);color:var(--color-error)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-language{background:var(--color-primary-focus);color:var(--color-primary)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-confirmed{background:var(--color-success-bg);color:var(--color-success)}.badge-in_progress{background:var(--color-info-bg);color:var(--color-info)}.badge-completed{background:var(--color-background);color:var(--color-gray)}.badge-cancelled{background:var(--color-error-bg);color:var(--color-error)}.badge-paid{background:var(--color-success-bg);color:var(--color-success)}.badge-refunded{background:var(--color-background);color:var(--color-gray)}.badge-failed{background:var(--color-error-bg);color:var(--color-error)}.badges-group{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}
.otazu-btn{font-size:var(--text-medium);font-weight:var(--font-medium);font-family:var(--font-family);cursor:pointer;border:var(--border-thin) solid transparent;white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-sm);letter-spacing:.08em;text-transform:uppercase;transition:color var(--transition-base), border-color var(--transition-base), opacity .2s;z-index:0;background:0 0;border-radius:0;padding:10px 24px;display:inline-flex;position:relative;overflow:hidden}.otazu-btn:before{content:"";z-index:-1;width:0;transition:width .35s;position:absolute;inset:0}.otazu-btn:hover:not(:disabled):before{width:100%}.otazu-btn:hover:not(:disabled){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.otazu-btn:disabled{opacity:.4;cursor:not-allowed}.otazu-btn-primary,.otazu-btn-red{color:var(--color-primary);border-color:var(--color-primary)}.otazu-btn-primary:before,.otazu-btn-red:before{background:var(--color-primary)}.otazu-btn-primary:hover:not(:disabled),.otazu-btn-red:hover:not(:disabled){color:var(--color-white)}.otazu-btn-secondary{color:var(--color-dark);border-color:var(--color-border-light)}.otazu-btn-secondary:before{background:var(--color-dark)}.otazu-btn-secondary:hover:not(:disabled){color:var(--color-white);border-color:var(--color-dark)}.otazu-btn-black{color:var(--color-dark);border-color:var(--color-dark)}.otazu-btn-black:before{background:var(--color-black)}.otazu-btn-black:hover:not(:disabled){color:var(--color-white);border-color:var(--color-black)}.otazu-btn-white{color:var(--color-dark);border-color:var(--color-border-light)}.otazu-btn-white:before{background:var(--color-background-subtle)}.otazu-btn-ghost{color:var(--color-white);border-color:#ffffffbf}.otazu-btn-ghost:before{background:var(--color-white)}.otazu-btn-ghost:hover:not(:disabled){color:var(--color-dark);border-color:var(--color-white)}.otazu-btn-full{width:100%}.otazu-btn-sm{font-size:var(--text-small);padding:6px 16px}.otazu-btn-lg{font-size:var(--text-large);padding:13px 32px}.otazu-btn-icon{cursor:pointer;width:36px;height:36px;transition:color var(--transition-fast), background var(--transition-fast);color:var(--color-gray);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.otazu-btn-icon:disabled{opacity:.4;cursor:not-allowed}.otazu-btn-icon svg{width:20px;height:20px;display:block}.otazu-btn-icon-sm{width:28px;height:28px}.otazu-btn-icon-sm svg{width:16px;height:16px}.otazu-btn-icon-light{color:var(--color-white)}.otazu-btn-icon-light:hover:not(:disabled){color:var(--color-primary);background:var(--color-white-muted)}.otazu-btn-icon-dark{color:var(--color-gray)}.otazu-btn-icon-dark:hover:not(:disabled){color:var(--color-dark);background:var(--color-ink-subtle)}.otazu-btn-icon-dark:hover:not(:disabled) svg{color:var(--color-primary)}.otazu-btn-text-icon{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-dark);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:0;display:inline-flex}.otazu-btn-text-icon:hover:not(:disabled){color:var(--color-primary)}.otazu-btn-text-icon svg{color:var(--color-gray);transition:color var(--transition-fast)}.otazu-btn-text-icon:hover:not(:disabled) svg{color:var(--color-primary)}.otazu-btn-text-icon:disabled{opacity:.4;cursor:not-allowed}.otazu-btn-nav{color:var(--color-white);border:var(--border-thin) solid var(--color-white-semi);font-size:var(--text-small);font-weight:var(--font-medium);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base);z-index:0;background:0 0;border-radius:0;padding:8px 20px;position:relative;overflow:hidden}.otazu-btn-nav:before{content:"";background:var(--color-white);z-index:-1;width:0;transition:width .35s;position:absolute;inset:0}.otazu-btn-nav:hover:not(:disabled){color:var(--color-dark);border-color:var(--color-white)}.otazu-btn-nav:hover:not(:disabled):before{width:100%}.login-form .otazu-btn{margin-bottom:var(--spacing-md)}.login-form .otazu-btn:last-of-type,.form-buttons .otazu-btn{margin-bottom:0}@media (max-width:768px){.otazu-btn{font-size:var(--text-medium);padding:8px 18px}.otazu-btn-lg{font-size:var(--text-medium);padding:10px 24px}.otazu-btn-nav{padding:7px 14px}.otazu-btn-icon{width:32px;height:32px}.otazu-btn-icon svg{width:18px;height:18px}}
:root{--cal-primary:#7f1d1d;--cal-primary-light:#991b1b;--cal-primary-dark:#6b1818;--cal-cream:#fdfaf6;--cal-warm-gray:#f5f2ee;--cal-border:#e8e2da;--cal-border-strong:#c8c0b4;--cal-text:#1a1410;--cal-text-mid:#5a5048;--cal-text-soft:#8a7e74;--cal-confirmed-start:#e8f5e9;--cal-confirmed-end:#c8e6c9;--cal-confirmed-border:#2d6a4f;--cal-confirmed-badge:#2d6a4f33;--cal-pending-start:#fffde7;--cal-pending-end:#fff9c4;--cal-pending-border:#d97706;--cal-info:#3b82f6;--cal-info-bg:#e8f4fd;--cal-info-dark:#1d4ed8;--cal-accent:#d4af37;--cal-notes-bg:#fffbf0;--cal-closed-bg:#fdf5f5;--cal-closed-hover:#faeaea;--cal-closed-overlay:#fdf5f5e0;--cal-closed-border:#7f1d1d33;--cal-closed-stripe:#faeaea;--cal-today-bg:#fff8f0;--cal-avail-hover:#eeeae4;--cal-shadow-sm:0 1px 3px #1a141014, 0 1px 2px #1a14100f;--cal-shadow-md:0 4px 16px #1a14101a, 0 2px 4px #1a14100f;--cal-shadow-lg:0 12px 40px #1a141029, 0 4px 12px #1a141014;--cal-radius:10px;--cal-radius-sm:6px;--cal-cell-height:60px}.calendar-container{background:var(--cal-cream);border-radius:var(--cal-radius);width:100%;box-shadow:var(--cal-shadow-md);border:1px solid var(--cal-border);overflow:hidden}.calendar-header{background-color:var(--cal-primary-light);color:var(--cal-cream);padding:20px 28px}.header-content{align-items:center;gap:14px;display:flex}.header-content svg{opacity:.95;flex-shrink:0}.calendar-header h2{color:var(--cal-cream);letter-spacing:-.2px;margin:0 0 3px;font-size:21px;font-weight:700}.calendar-subtitle{color:#fdfaf6bf;margin:0;font-size:12px;font-weight:400}.calendar-wrapper{padding:22px}.calendar-navigation{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.calendar-navigation h3{color:var(--cal-text);letter-spacing:-.2px;text-align:center;min-width:300px;margin:0;font-size:15px;font-weight:700}.calendar-grid{background:var(--cal-border);border:1px solid var(--cal-border);border-radius:var(--cal-radius-sm);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-day-header{background:var(--cal-warm-gray);text-align:center;color:var(--cal-text-soft);letter-spacing:.8px;text-transform:uppercase;padding:10px 8px;font-size:10px;font-weight:800}.calendar-day{background:var(--cal-cream);flex-direction:column;min-height:84px;padding:8px;transition:background .15s;display:flex}.calendar-day.empty{background:var(--cal-warm-gray);opacity:.5}.calendar-day.active{cursor:pointer}.calendar-day.active:hover{background:var(--cal-warm-gray)}.calendar-day.today{background:var(--cal-today-bg);outline:2px inset var(--cal-accent);outline-offset:-2px}.day-number-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.day-number{color:var(--cal-text);font-size:13px;font-weight:700}.calendar-day.today .day-number{color:var(--cal-primary)}.day-events{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.event-indicator{background:var(--cal-info-bg);border-left:3px solid var(--cal-info);color:var(--cal-info-dark);border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600}.calendar-day--closed{background:var(--cal-closed-bg)!important}.calendar-day--closed:hover{background:var(--cal-closed-hover)!important}.day-closed-label{color:var(--cal-primary);opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;font-weight:600;overflow:hidden}.timeline-container{border:1px solid var(--cal-border);border-radius:var(--cal-radius-sm);overflow:hidden}.timeline-header{background:var(--cal-warm-gray);border-bottom:2px solid var(--cal-border-strong);z-index:30;display:flex;position:sticky;top:0}.timeline-day-header{text-align:center;border-right:1px solid var(--cal-border);flex-direction:column;flex:1;align-items:center;padding:12px 6px 10px;transition:background .15s;display:flex}.timeline-day-header:last-child{border-right:none}.timeline-day-name{color:var(--cal-text-soft);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.timeline-day-date{color:var(--cal-text);font-size:20px;font-weight:700;line-height:1}.timeline-day-header--closed{background:var(--cal-closed-bg);border-bottom:3px solid var(--cal-primary)}.timeline-day-header--closed .timeline-day-name,.timeline-day-header--closed .timeline-day-date{opacity:.4}.timeline-body{background:var(--cal-cream);display:flex}.timeline-hours-column{border-right:2px solid var(--cal-border-strong);background:var(--cal-warm-gray);flex-shrink:0;width:72px}.timeline-hour-cell{height:var(--cal-cell-height);border-bottom:1px solid var(--cal-border);box-sizing:border-box;justify-content:flex-end;align-items:flex-start;padding:6px 8px 0;display:flex}.hour-label{color:var(--cal-text-soft);letter-spacing:.3px;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.timeline-day-column{border-right:1px solid var(--cal-border);background:var(--cal-cream);box-sizing:border-box;flex:1;position:relative;overflow:hidden}.timeline-day-column:last-child{border-right:none}.timeline-day-column.today{background:var(--cal-today-bg)}.timeline-hour-line{height:var(--cal-cell-height);border-top:1px solid var(--cal-border);box-sizing:border-box;pointer-events:none;z-index:1;position:absolute;left:0;right:0}.timeline-booking{cursor:pointer;box-sizing:border-box;z-index:10;border-radius:4px;flex-direction:column;padding:5px 6px;font-size:9px;transition:box-shadow .18s,transform .12s;display:flex;position:absolute;overflow:hidden}.timeline-booking:hover{box-shadow:var(--cal-shadow-md);z-index:20;transform:translateY(-1px)scale(1.005)}.timeline-booking.confirmed{background:linear-gradient(160deg, var(--cal-confirmed-start) 0%, var(--cal-confirmed-end) 100%);border-left:3px solid var(--cal-confirmed-border);box-shadow:var(--cal-shadow-sm)}.timeline-booking.pending{background:linear-gradient(160deg, var(--cal-pending-start) 0%, var(--cal-pending-end) 100%);border-left:3px solid var(--cal-pending-border);box-shadow:var(--cal-shadow-sm)}.booking-eye-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;width:18px;height:18px;color:var(--cal-text-mid);z-index:20;background:#fff9;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex;position:absolute;top:3px;right:3px}.booking-eye-btn:hover{color:var(--cal-primary);background:#ffffffeb}.booking-header{margin-bottom:2px;margin-right:20px}.booking-experience{color:var(--cal-text);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;line-height:1.2;overflow:hidden}.booking-guide{color:var(--cal-text-mid);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:2px;margin-top:1px;font-size:8px;display:flex;overflow:hidden}.booking-guide svg,.booking-time-info svg,.booking-pax svg,.booking-language svg{opacity:.7;flex-shrink:0;min-width:10px;min-height:10px}.booking-time-info{color:var(--cal-text-mid);align-items:center;gap:2px;margin-bottom:2px;font-size:9px;font-weight:700;display:flex}.booking-time{font-variant-numeric:tabular-nums;font-size:9px}.booking-footer{color:var(--cal-text-mid);flex-wrap:wrap;gap:5px;margin-top:auto;font-size:8px;display:flex}.booking-pax,.booking-language{white-space:nowrap;align-items:center;gap:2px;display:flex}.booking-confirmed-badge{background:var(--cal-confirmed-badge);color:var(--cal-confirmed-border);border-radius:2px;width:fit-content;margin-top:3px;padding:1px 4px;font-size:8px;font-weight:700}.timeline-availability-card{z-index:2;background:var(--cal-warm-gray);border:1.5px dashed var(--cal-border-strong);box-sizing:border-box;border-radius:4px;padding:5px 7px;transition:background .15s;position:absolute;left:2px;right:2px;overflow:hidden}.timeline-availability-card:hover{background:var(--cal-avail-hover)}.avail-card-name{color:var(--cal-text-mid);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.avail-card-meta{color:var(--cal-text-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:9px;display:flex}.avail-card-dot{color:var(--cal-border-strong);font-size:10px}.timeline-day-column--closed{background:repeating-linear-gradient(-45deg, var(--cal-closed-bg), var(--cal-closed-bg) 6px, var(--cal-closed-stripe) 6px, var(--cal-closed-stripe) 12px)!important}.timeline-closed-overlay{z-index:25;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timeline-closed-overlay span{color:var(--cal-primary);background:var(--cal-closed-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--cal-closed-border);writing-mode:vertical-rl;letter-spacing:3px;text-transform:uppercase;border-radius:4px;padding:6px 10px;font-size:10px;font-weight:800}.day-block-btn{cursor:pointer;opacity:0;color:var(--cal-text-soft);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;line-height:0;transition:opacity .15s,background .15s,color .15s;display:flex}.calendar-day:hover .day-block-btn,.timeline-day-header:hover .day-block-btn{opacity:1}.day-block-btn--closed{opacity:1!important;color:var(--cal-primary)!important}.day-block-btn:hover{background:var(--cal-closed-border);color:var(--cal-primary)}.calendar-legend{background:var(--cal-warm-gray);border-top:1px solid var(--cal-border);flex-wrap:wrap;justify-content:center;gap:24px;padding:13px 22px;display:flex}.legend-item{color:var(--cal-text-mid);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.legend-color{border-radius:3px;flex-shrink:0;width:14px;height:14px}.legend-color.confirmed-legend{background:linear-gradient(135deg, var(--cal-confirmed-start), var(--cal-confirmed-end));border-left:3px solid var(--cal-confirmed-border)}.legend-color.pending-legend{background:linear-gradient(135deg, var(--cal-pending-start), var(--cal-pending-end));border-left:3px solid var(--cal-pending-border)}.legend-color.avail-legend{background:var(--cal-warm-gray);border:1.5px dashed var(--cal-border-strong)}.legend-color.closed-legend{background:repeating-linear-gradient(-45deg, var(--cal-closed-bg) 0, var(--cal-closed-bg) 3px, var(--cal-closed-stripe) 3px, var(--cal-closed-stripe) 6px);border:1px solid var(--cal-closed-border)}.modal-section{border-bottom:1px solid var(--cal-border);margin-bottom:18px;padding-bottom:18px}.modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal-section h3{color:var(--cal-primary);text-transform:uppercase;letter-spacing:1.2px;margin:0 0 10px;font-size:10px;font-weight:800}.modal-section p{color:var(--cal-text);margin:0 0 6px;font-size:14px;line-height:1.5}.text-secondary{color:var(--cal-text-soft)!important;font-size:12px!important}.modal-date-label{color:var(--cal-text);margin-bottom:8px;font-size:16px;font-weight:700}.modal-closed-reason{color:var(--cal-text-mid);margin-top:10px;font-size:13px}.modal-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-grid>div{flex-direction:column;display:flex}.modal-grid label{color:var(--cal-text-soft);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:800}.modal-grid p{color:var(--cal-text);margin:0;font-size:14px;font-weight:500}.status-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.status-confirmed{background:var(--cal-confirmed-start);color:var(--cal-confirmed-border)}.status-pending{background:var(--cal-pending-start);color:var(--cal-pending-border)}.modal-price{color:var(--cal-primary);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.modal-notes{background:var(--cal-notes-bg);border-left:3px solid var(--cal-accent);color:var(--cal-text-mid);border-radius:0 4px 4px 0;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.modal-actions{border-top:1px solid var(--cal-border);gap:10px;margin-top:20px;padding-top:18px;display:flex}.calendar-loading{text-align:center;color:var(--cal-text-soft);background:var(--cal-warm-gray);border-radius:var(--cal-radius);padding:48px 24px;font-size:14px;font-weight:500}@media (max-width:768px){.calendar-wrapper{padding:14px}.calendar-header{padding:16px 18px}.calendar-header h2{font-size:17px}.calendar-navigation h3{min-width:unset;font-size:13px}.modal-grid{grid-template-columns:1fr}.timeline-hours-column{width:52px}.hour-label{font-size:9px}.timeline-day-column{border-right:none;flex:1 0 100%}.timeline-day-header{border-right:none;flex:1 0 100%;padding:14px 10px 12px}.timeline-day-name{letter-spacing:1px;font-size:11px}.timeline-day-date{font-size:28px}.timeline-booking{padding:7px 8px;font-size:11px}.booking-experience{font-size:11px}.booking-guide{font-size:10px}.booking-time-info,.booking-time{font-size:11px}.booking-footer{gap:7px;font-size:10px}.booking-eye-btn{width:22px;height:22px}.booking-header{margin-right:26px}.avail-card-name{font-size:12px}.avail-card-meta{font-size:11px}.calendar-legend{justify-content:flex-start;gap:12px 20px;padding:12px 16px}}
.otazu-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:var(--border-thin) solid var(--color-border-subtle);width:100%}.otazu-card-title{text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-dark);font-size:var(--subtitle-small);font-weight:var(--font-normal);text-transform:uppercase;letter-spacing:.1em}.otazu-card-xs{max-width:280px}.otazu-card-sm{max-width:350px}.otazu-card-md{max-width:450px}.otazu-card-lg{max-width:600px}.otazu-card-xl{max-width:800px}.otazu-card-full{max-width:none}.otazu-card-centered{text-align:center}.otazu-card-compact{padding:var(--spacing-lg)}.otazu-card-hoverable{transition:transform var(--transition-base), box-shadow var(--transition-base);cursor:pointer}.otazu-card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-container{background:var(--color-background);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.otazu-card-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.otazu-card-grid-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray)}.otazu-card-title-black{color:var(--color-black)}.otazu-card-desc{margin-bottom:var(--spacing-xl)}.otazu-card-langs{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:var(--border-thin) solid var(--color-border)}.otazu-card-actions{gap:var(--spacing-sm);display:flex}@media (max-width:768px){.otazu-card-title{font-size:var(--text-medium);letter-spacing:.08em;margin-bottom:var(--spacing-md)}.otazu-card-compact{padding:var(--spacing-md)}}@media (max-width:640px){.card-container,.otazu-card{padding:var(--spacing-md)}}@media (max-width:480px){.otazu-card-title{font-size:var(--text-small);letter-spacing:.06em}}
.cart-fly-dot{top:var(--from-y);left:var(--from-x);border-radius:var(--radius-circle);background:var(--color-primary);pointer-events:none;width:8px;height:8px;z-index:var(--z-modal);animation:.55s cubic-bezier(.25,.46,.45,.94) forwards cart-fly;position:fixed;transform:translate(-50%,-50%)}@keyframes cart-fly{0%{top:var(--from-y);left:var(--from-x);opacity:1;transform:translate(-50%,-50%)scale(1)}to{top:var(--to-y);left:var(--to-x);opacity:0;transform:translate(-50%,-50%)scale(.1)}}.cart-icon-wrapper{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.cart-badge{border-radius:var(--radius-circle);background:var(--color-primary);min-width:16px;height:16px;color:var(--color-white);font-size:var(--text-small);font-weight:var(--font-bold);font-family:var(--font-family);text-align:center;pointer-events:none;animation:badge-pop var(--transition-base) cubic-bezier(.34, 1.56, .64, 1) forwards;padding:0 3px;line-height:16px;position:absolute;top:-5px;right:-6px}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.cart-icon--bump{animation:icon-bump var(--transition-base) cubic-bezier(.34, 1.56, .64, 1)}@keyframes icon-bump{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}
.dropdown{display:inline-flex;position:relative}.dropdown-menu{background:var(--color-white);border-radius:var(--radius-md);min-width:190px;box-shadow:var(--shadow-lg);padding:var(--spacing-xs) 0;z-index:var(--z-dropdown);border:var(--border-thin) solid var(--color-border-subtle);position:absolute;top:calc(100% + 6px)}.dropdown-right{right:0}.dropdown-left{left:0}.dropdown-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);align-items:center;gap:var(--spacing-sm);color:var(--color-dark);font-size:var(--text-small);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--color-background);color:var(--color-primary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item:disabled:hover{color:var(--color-dark);background:0 0}.dropdown-item-icon{color:var(--color-gray-light);transition:color var(--transition-fast);align-items:center;display:inline-flex}.dropdown-item:hover .dropdown-item-icon{color:var(--color-primary)}.dropdown-divider{background:var(--color-border-subtle);height:1px;margin:var(--spacing-xs) 0}.dropdown-header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-gray-light);text-transform:uppercase;letter-spacing:.08em}
.filters-container{gap:var(--spacing-md);flex-wrap:wrap;align-items:flex-end;width:100%;display:flex}.filter-group{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:140px;display:flex}.filter-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-gray);letter-spacing:.02em}.filter-select,.filter-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-small);font-family:var(--font-family);background:var(--color-white);color:var(--color-dark);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23AAAAAA'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:var(--spacing-xl);background-size:.9rem}.filter-select:focus,.filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus);outline:none}.filter-input[type=date]{cursor:pointer}.filter-input::placeholder{color:var(--color-gray-light)}
.form-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.form-group.is-locked label{color:var(--color-gray)}.form-group label{font-weight:var(--font-medium);color:var(--color-dark);font-size:var(--text-small)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-medium);font-family:var(--font-family);background-color:var(--color-white);color:var(--color-dark);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus);outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.7}.form-group input[aria-readonly=true],.form-group textarea[aria-readonly=true]{background-color:var(--color-background);cursor:default;color:var(--color-gray)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-light)}.form-group select{width:100%;padding:var(--spacing-md);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-medium);font-family:var(--font-family);background-color:var(--color-white);color:var(--color-dark);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23757474'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl);transition:border-color var(--transition-base);background-size:1rem}.form-group select:focus{border-color:var(--color-primary);outline:none}.form-group select:disabled{background-color:var(--color-background);cursor:not-allowed}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:var(--color-error)}.form-group.has-error input:focus,.form-group.has-error textarea:focus,.form-group.has-error select:focus{box-shadow:0 0 0 3px var(--color-error-focus)}.input-error,.form-error{color:var(--color-error);font-size:var(--text-small);margin-top:var(--spacing-xs)}.input-helper{color:var(--color-gray);font-size:var(--text-small);margin-top:var(--spacing-xs)}.error-message{background-color:var(--color-error-surface);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--text-small);border:var(--border-thin) solid var(--color-error-border)}.success-message{background-color:var(--color-success-surface);color:var(--color-success-dark);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--text-small);border:var(--border-thin) solid var(--color-success-border)}.password-input-wrapper{margin-bottom:var(--spacing-md);position:relative}.password-input-wrapper .form-group{margin-bottom:0}.password-input-wrapper input{padding-right:var(--spacing-3xl)}.password-toggle-btn{right:var(--spacing-md);bottom:var(--spacing-md);cursor:pointer;padding:var(--spacing-xs);color:var(--color-gray);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.password-toggle-btn:hover{color:var(--color-dark)}.password-toggle-btn:focus{outline:none}.password-toggle-btn:disabled{cursor:not-allowed;color:var(--color-gray-light)}.password-toggle-icon{width:1.25rem;height:1.25rem}.password-requirements{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md);border:var(--border-thin) solid var(--color-border)}.requirement{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.requirement:last-child{margin-bottom:0}.requirement-icon{flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px}.requirement-icon svg{display:block;width:16px!important;max-width:16px!important;height:16px!important;max-height:16px!important}.requirement-text{font-size:var(--text-small);color:var(--color-gray);line-height:1.4}.requirement.met .requirement-text{color:var(--color-success)}.requirement.unmet .requirement-text{color:var(--color-error)}.weak-warning .requirement-text{color:var(--color-warning)}.password-strong .requirement-text{color:var(--color-success);font-weight:var(--font-medium)}.form-grid{gap:var(--spacing-md) var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-grid .full-width{grid-column:1/-1}.form-grid .form-group{margin-bottom:0}.form-buttons{gap:var(--spacing-md);grid-column:1/-1;display:flex}.form-buttons .otazu-btn{white-space:nowrap;flex:1}.otazu-check{align-items:center;gap:var(--spacing-sm);font-size:var(--text-small);color:var(--color-dark);display:inline-flex}.otazu-check input[type=checkbox]{accent-color:var(--color-primary);width:18px;height:18px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}.form-buttons .otazu-btn{width:100%}}
.message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--text-small);align-items:flex-start;gap:var(--spacing-sm);display:flex}.message-success{background-color:var(--color-success-surface);color:var(--color-success);border:var(--border-thin) solid var(--color-success-border)}.message-error{background-color:var(--color-error-surface);color:var(--color-error);border:var(--border-thin) solid var(--color-error-border)}.message-warning{background-color:var(--color-warning-surface);color:var(--color-warning);border:var(--border-thin) solid var(--color-warning-border)}.message-info{background-color:var(--color-info-surface);color:var(--color-info);border:var(--border-thin) solid var(--color-info-border)}.message-icon{flex-shrink:0;width:20px;height:20px}.message-content{flex:1}.message-title{font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.message-text{line-height:1.5}.message-dismissible{padding-right:var(--spacing-xl);position:relative}.message-close{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;width:24px;height:24px;color:inherit;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.message-close:hover{opacity:1}.message-inline{margin-bottom:0}.message-compact{padding:var(--spacing-sm) var(--spacing-md)}
.modal-backdrop{background:var(--color-overlay);z-index:var(--z-modal);padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}dialog.modal-backdrop{background:var(--color-overlay);border:none;outline:none;width:100vw;max-width:none;height:100vh;max-height:none;margin:0}dialog.modal-backdrop::backdrop{background:var(--color-overlay)}dialog.modal-center{background:0 0;border:none;outline:none;max-width:none;max-height:none;margin:0;padding:0}.modal-center{flex-direction:column;width:min(1100px,100% - 48px);height:auto;max-height:90vh;display:flex}.modal-center-wide{width:min(1320px,100% - 48px)}.modal-card-wrapper{background:var(--color-white);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.modal-card{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.modal-card.otazu-card-xl,.modal-card.otazu-card-lg,.modal-card.otazu-card-md,.modal-card.otazu-card-sm,.modal-card.otazu-card-xs{max-width:100%;box-shadow:none;background:0 0}.modal-close{top:var(--spacing-md);right:var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-background);width:32px;height:32px;color:var(--color-dark);border:var(--border-thin) solid var(--color-border-subtle);font-size:var(--text-medium);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--color-white);color:var(--color-primary)}.modal-edit-btn{top:var(--spacing-md);right:calc(var(--spacing-md) + 40px);border-radius:var(--radius-sm);background:var(--color-background);width:32px;height:32px;color:var(--color-dark);border:var(--border-thin) solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.modal-edit-btn:hover{background:var(--color-white);color:var(--color-primary)}.modal-body{min-height:0;padding:var(--spacing-lg);padding-top:var(--spacing-md);flex:1;padding-right:8px;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-subtle)}.modal-footer{border-top:var(--border-thin) solid var(--color-border-subtle);padding:var(--spacing-md) var(--spacing-lg);justify-content:flex-end;align-items:center;gap:var(--spacing-md);background:var(--color-background);flex-shrink:0;display:flex}.confirm-dialog-description{margin:0 0 var(--spacing-lg) 0;color:var(--color-dark);line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}@media (max-width:768px){.modal-backdrop{padding:var(--spacing-md)}.modal-center{width:calc(100% - 32px);max-height:95vh}.modal-body{padding:var(--spacing-md);padding-right:6px}.modal-footer{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}}@media (max-width:480px){.modal-backdrop{padding:var(--spacing-sm)}.modal-center{width:calc(100% - 16px);max-height:98vh}.modal-body{padding:var(--spacing-md);font-size:var(--text-medium)}.modal-body input[type=text],.modal-body input[type=number],.modal-body textarea,.modal-body select{font-size:var(--text-medium)}}
.resource-card-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--subtitle-small)}.resource-card-subtitle{margin:0 0 var(--spacing-md) 0;font-size:var(--text-small);color:var(--color-gray);line-height:1.5}.resource-card-availability{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:var(--border-thin) solid var(--color-border)}.resource-card-availability-label{font-size:var(--text-small)}.resource-card-availability-value{margin:var(--spacing-xs) 0 0 0;font-size:var(--text-small);color:var(--color-dark)}.resource-card-availability-empty{color:var(--color-gray);font-style:italic}.resource-card-actions{gap:var(--spacing-sm);display:flex}
.search-container{align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.search-wrapper{flex:1;position:relative}.search-icon{left:var(--spacing-md);color:var(--color-gray-light);pointer-events:none;transition:color var(--transition-fast);align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 18px);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-small);font-family:var(--font-family);background:var(--color-white);color:var(--color-dark);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.search-input::placeholder{color:var(--color-gray-light)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus);outline:none}.search-input:focus+.search-icon,.search-wrapper:focus-within .search-icon{color:var(--color-primary)}.search-clear{right:var(--spacing-sm);background:var(--color-background);width:24px;height:24px;color:var(--color-gray);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-small);transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-clear:hover{background:var(--color-error-bg);color:var(--color-error)}