:root{--navy:var(--wp--preset--color--navy,#0f1d38);--blue:var(--wp--preset--color--blue,#1a56db);--canvas:var(--wp--preset--color--canvas,#f8fafc);--ink:var(--wp--preset--color--ink,#0f172a);--muted:var(--wp--preset--color--muted,#64748b);--line:var(--wp--preset--color--line,#e2e8f0);--white:var(--wp--preset--color--white,#fff);--blue-soft:color-mix(in srgb,var(--blue) 12%,var(--white));--blue-pale:color-mix(in srgb,var(--blue) 20%,var(--white));--navy-strong:color-mix(in srgb,var(--navy) 92%,#000);--on-dark:var(--white);--shadow:0 10px 25px -8px color-mix(in srgb,var(--navy) 12%,transparent)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink)}
.gatti-container{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.gatti-header{background:var(--navy);color:var(--on-dark);padding:18px 0}
.gatti-nav{display:flex;align-items:center;gap:12px}
.gatti-nav .wp-block-site-title{font-size:22px;font-weight:800}
.gatti-nav .wp-block-site-title a{color:var(--on-dark);text-decoration:none}
.gatti-brand-sub{font-size:12px;color:color-mix(in srgb,var(--on-dark) 72%,var(--navy));border-left:1px solid color-mix(in srgb,var(--on-dark) 28%,var(--navy));padding-left:12px}
.gatti-nav nav{margin-left:auto}
.gatti-nav nav a{color:var(--on-dark);font-weight:700;font-size:13px;text-decoration:none}
.gatti-hero{background:linear-gradient(120deg,var(--navy-strong),var(--navy));color:var(--on-dark);padding:76px 0 64px}
.gatti-eyebrow{color:color-mix(in srgb,var(--blue) 58%,var(--white));text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
.gatti-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.1;max-width:750px;margin:14px 0}
.gatti-hero p{max-width:600px;color:color-mix(in srgb,var(--on-dark) 82%,var(--blue));font-size:18px}
.gatti-booking{padding:56px 0}
.gatti-section-heading{max-width:720px;margin:0 auto 32px;text-align:center}
.gatti-section-heading h2{font-size:32px;margin:8px 0}
.gatti-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:32px;align-items:start}
.gatti-step{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px color-mix(in srgb,var(--navy) 5%,transparent)}
.gatti-step h3{margin:0 0 20px;font-size:20px}
.gatti-step-number{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:5px}
.gatti-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gatti-vehicle{appearance:none;text-align:left;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:hidden;cursor:pointer;transition:.2s}
.gatti-vehicle:hover,.gatti-vehicle[aria-pressed=true]{border-color:var(--blue);box-shadow:var(--shadow)}
.gatti-vehicle[aria-pressed=true]{outline:2px solid var(--blue)}
.gatti-car-image{height:138px;display:block;background:radial-gradient(circle at 50% 20%,var(--blue-soft),var(--blue-pale));width:100%;object-fit:cover}
.gatti-vehicle-body{padding:13px}
.gatti-badge{display:inline-block;background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}
.gatti-vehicle strong{display:block;margin:10px 0 4px}
.gatti-specs{font-size:11px;color:var(--muted)}
.gatti-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.gatti-calendar-head button{border:1px solid var(--line);background:var(--white);border-radius:8px;width:36px;height:36px;cursor:pointer}
.gatti-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.gatti-days b{font-size:11px;color:var(--muted);text-align:center}
.gatti-day{aspect-ratio:1;border:0;border-radius:8px;background:transparent;font-weight:600;cursor:pointer}
.gatti-day:hover{background:var(--blue-soft)}
.gatti-day[aria-pressed=true]{background:var(--blue);color:var(--on-dark)}
.gatti-day:disabled{color:color-mix(in srgb,var(--muted) 45%,var(--white));cursor:not-allowed}
.gatti-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 24px}
.gatti-slot{height:44px;background:var(--white);border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:600}
.gatti-slot[aria-pressed=true]{background:var(--navy);color:var(--on-dark);border-color:var(--navy)}
.gatti-slot:disabled{background:color-mix(in srgb,var(--canvas) 78%,var(--muted));color:color-mix(in srgb,var(--muted) 60%,var(--white));text-decoration:line-through}
.gatti-summary{position:sticky;top:20px;background:var(--white);border-radius:16px;padding:26px;border:1px solid var(--line);box-shadow:var(--shadow)}
.gatti-summary h3{margin-top:0}
.gatti-summary-car{padding:15px 0;border-block:1px solid var(--line);font-weight:700}
.gatti-summary dl{display:grid;grid-template-columns:28px 1fr;gap:8px;color:var(--muted);font-size:14px}
.gatti-summary dt{font-size:16px}
.gatti-summary dd{margin:0}
.gatti-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gatti-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.gatti-form label{font-size:12px;font-weight:700}
.gatti-form input{display:block;width:100%;margin-top:5px;height:46px;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}
.gatti-form input:focus{outline:3px solid var(--blue-soft);border-color:var(--blue)}
.gatti-submit{width:100%;min-height:52px;margin-top:20px;border:0;border-radius:8px;background:var(--blue);color:var(--on-dark);font:700 13px inherit;letter-spacing:.02em;cursor:pointer}
.gatti-note{font-size:12px;color:var(--muted);text-align:center}
.gatti-process{padding:70px 0;background:var(--white)}
.gatti-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gatti-process-card{padding:24px;border-top:3px solid var(--blue);background:var(--canvas)}
.gatti-process-card b{font-size:13px;color:var(--blue)}
.gatti-faq{padding:70px 0}
.gatti-faq details{max-width:800px;margin:10px auto;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:18px}
.gatti-faq summary{font-weight:700;cursor:pointer}
.gatti-faq p{color:var(--muted)}
.gatti-footer{padding:40px 0;background:var(--navy);color:var(--on-dark)}
.gatti-footer p{color:color-mix(in srgb,var(--on-dark) 72%,var(--navy));font-size:14px}
.gatti-confirmation{padding:12px;background:color-mix(in srgb,var(--blue) 18%,var(--white));border-radius:8px;color:var(--navy);font-size:14px;display:none}
.gatti-confirmation.is-visible{display:block}
@media(max-width:900px){.gatti-grid{grid-template-columns:1fr}
.gatti-summary{position:static}
.gatti-process-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.gatti-container{width:min(100% - 32px,1280px)}
.gatti-header{padding:14px 0}
.gatti-brand-sub{display:none}
.gatti-hero{padding:50px 0}
.gatti-booking,.gatti-process,.gatti-faq{padding:42px 0}
.gatti-vehicles{grid-template-columns:1fr}
.gatti-car-image{height:150px}
.gatti-slots{grid-template-columns:repeat(2,1fr)}
.gatti-form{grid-template-columns:1fr}
.gatti-process-grid{grid-template-columns:1fr}
.gatti-nav nav a{font-size:11px}
}
.gatti-booking-hours{margin:0 0 20px;padding:14px 16px;background:var(--blue-soft);border-radius:10px}.gatti-booking-hours strong{display:block;font-size:13px}.gatti-booking-hours ul{margin:9px 0 0;padding:0;list-style:none}.gatti-booking-hours li{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border-top:1px solid color-mix(in srgb,var(--blue) 16%,var(--white));font-size:12px}.gatti-booking-hours li:first-child{border-top:0}.gatti-booking-hours span{color:var(--muted)}.gatti-booking-hours b{font-weight:700;text-align:right}.gatti-slots .gatti-no-slots{grid-column:1/-1;margin:0;padding:14px 16px;border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 8px 8px 0;line-height:1.55}

/* 404 */
.gatti-404{min-height:calc(100vh - 260px);display:grid;align-items:center;padding:80px 0;background:var(--canvas)}
.gatti-404__content{max-width:680px;margin:0 auto;text-align:center}
.gatti-404__code{margin:0 0 4px;color:var(--blue);font-size:clamp(72px,12vw,130px);font-weight:800;line-height:1;letter-spacing:-.07em}
.gatti-404 h1{margin:0;color:var(--navy);font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.03em}
.gatti-404__intro{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.gatti-404__actions{display:flex;justify-content:center;margin-top:28px}
.gatti-404__primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.gatti-404__primary{background:var(--blue);color:var(--on-dark);box-shadow:0 8px 18px color-mix(in srgb,var(--blue) 26%,transparent)}
.gatti-404__primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:600px){.gatti-404{min-height:0;padding:64px 0}.gatti-404__intro{font-size:15px}}