@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans: Arial, "Helvetica Neue", Helvetica, system-ui, sans-serif;--font-size-caption: .8125rem;--font-size-body: 1rem;--font-size-lead: clamp(1rem, 1.1vw, 1.125rem);--font-size-title: clamp(2rem, 3vw, 3.5rem);--font-size-display: clamp(2.5rem, 5vw, 5rem);--line-height-tight: 1.08;--line-height-body: 1.55;--tracking-label: .08em;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--color-brand: #eb0a1e;--color-brand-dark: #b30919;--color-ink: #161616;--color-ink-muted: #555;--color-surface: #fff;--color-surface-muted: #f5f5f5;--color-border: #d9d9d9;--color-focus: #0b63ce;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--layout-max: 82rem;--layout-gutter: clamp(1.25rem, 4vw, 4rem);--layout-gutter-safe: max(var(--layout-gutter), env(safe-area-inset-left), env(safe-area-inset-right));--header-height: 4.75rem;--tap-target-min: 2.75rem;--radius-sm: .375rem;--radius-md: .75rem;--shadow-card: 0 .75rem 2rem rgb(0 0 0 / 10%)}*,*:before,*:after{box-sizing:border-box}html{overscroll-behavior-x:none;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;min-width:20rem;overflow-x:hidden}#root,.app-container{min-height:100svh;min-height:100dvh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}p{color:var(--color-ink-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.page-content{float:none;width:100%}.content-section{display:block;left:auto;margin-inline:auto;max-width:var(--layout-max);padding:var(--space-16) var(--layout-gutter-safe);position:relative;text-align:left;transform:none;width:100%}#vehiculos,#servicios,#repuestos,#nosotros{padding:var(--space-16) var(--layout-gutter-safe)}.section-heading,#vehiculos .section-heading,#nosotros .section-heading{align-items:end;display:grid;gap:var(--space-4) clamp(1rem,4vw,4rem);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);margin:0 0 var(--space-12);text-align:left}.section-heading h1,#nosotros .section-heading h1{color:var(--color-ink);font-size:var(--font-size-title);font-weight:var(--weight-regular);letter-spacing:-.035em;line-height:var(--line-height-tight);margin:0}.section-heading em{color:var(--color-brand);font-style:normal;font-weight:var(--weight-bold)}.section-heading p,#nosotros .section-heading p{color:var(--color-ink-muted);font-size:var(--font-size-lead);line-height:var(--line-height-body);margin:0;position:static}.section-content{max-width:100%}.hero-app{align-items:center;background-image:linear-gradient(90deg,#000000b3,#0000006b 36%,#0000000d 68%),url(/img/toyota-app/hero-v2.png);background-position:center;background-size:cover;display:flex;min-height:clamp(32rem,70vh,46rem);padding:var(--space-16) var(--layout-gutter-safe);position:relative}.hero-app-content{color:#fff;max-width:min(32rem,100%);width:min(100%,var(--layout-max))}.hero-app-eyebrow{color:#fff;font-size:var(--font-size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);margin:0 0 var(--space-3);text-transform:uppercase}.hero-app h1{color:#fff;font-size:var(--font-size-display);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:var(--line-height-tight);margin:0}.hero-app-content>p:not(.hero-app-eyebrow){color:#fff;font-size:var(--font-size-lead);margin:var(--space-4) 0 var(--space-6)}.store-badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.store-badges a{display:inline-flex;transition:opacity .2s ease,transform .2s ease}.store-badges a:hover,.store-badges a:focus-visible{opacity:.88;transform:translateY(-2px)}.store-badges img{display:block;height:3rem;max-width:11.5rem;object-fit:contain;width:auto}.homepage-hero{background:#111;min-height:clamp(32rem,70vh,46rem);overflow:hidden;position:relative}.homepage-hero-slide{align-items:center;display:flex;min-height:clamp(32rem,70vh,46rem);position:relative}.homepage-hero-media{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.homepage-hero-shade{background:linear-gradient(90deg,#000000c2,#00000073 40%,#00000014 74%);top:0;right:0;bottom:0;left:0;position:absolute}.homepage-hero-content{color:#fff;max-width:min(32rem,100%);padding:var(--space-16) var(--layout-gutter-safe);position:relative;width:min(100%,var(--layout-max));z-index:1}.homepage-hero-content h1{color:#fff;font-size:var(--font-size-display);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:var(--line-height-tight);margin:0}.homepage-hero-content>p:not(.hero-app-eyebrow){color:#fff;font-size:var(--font-size-lead);margin:var(--space-4) 0 var(--space-6)}.homepage-hero-controls{align-items:center;bottom:var(--space-6);color:#fff;display:flex;gap:var(--space-2);left:var(--layout-gutter-safe);position:absolute;z-index:2}.homepage-hero-controls button,.homepage-hero-pip{align-items:center;background:#0000009e;border:1px solid rgb(255 255 255 / 55%);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:var(--space-2)}.homepage-hero-pip{gap:var(--space-2);margin-top:var(--space-6);padding-inline:var(--space-4)}.homepage-hero-controls button:hover,.homepage-hero-controls button:focus-visible,.homepage-hero-pip:hover,.homepage-hero-pip:focus-visible{background:var(--color-brand);border-color:var(--color-brand)}.homepage-hero-status{color:#fff;left:var(--layout-gutter-safe);margin:0;position:absolute;top:var(--space-6);z-index:3}.homepage-hero-video-controls{bottom:var(--space-6);display:flex;gap:var(--space-2);opacity:0;position:absolute;right:var(--layout-gutter-safe);transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease;visibility:hidden;z-index:3}.homepage-hero-video-controls button{align-items:center;background:#000000b8;border:1px solid rgb(255 255 255 / 60%);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-caption);font-weight:var(--weight-bold);gap:var(--space-2);min-height:var(--tap-target-min);padding:.7rem 1rem}.homepage-hero-slide--video:hover .homepage-hero-video-controls,.homepage-hero-slide--video:focus-within .homepage-hero-video-controls{opacity:1;transform:translateY(0);visibility:visible}.homepage-hero-video-controls button:hover,.homepage-hero-video-controls button:focus-visible{background:var(--color-brand);border-color:var(--color-brand)}.site-topnav{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;min-height:var(--header-height);padding:var(--space-2) var(--layout-gutter-safe);position:sticky;top:0;z-index:100}.site-topnav-brand{display:inline-flex;height:3.4rem;max-width:16rem}.site-topnav-brand img{height:100%;max-width:100%;object-fit:contain}.site-topnav-links{align-items:center;display:flex;gap:1.2rem}.section-nav-link{color:var(--color-ink);font-size:var(--font-size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);position:relative;text-decoration:none;text-transform:uppercase}.section-nav-link:after{background:var(--color-brand);bottom:-.55rem;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;width:100%}.section-nav-link:hover,.section-nav-link:focus-visible,.section-nav-link[aria-current=location]{color:var(--color-brand)}.section-nav-link:hover:after,.section-nav-link:focus-visible:after,.section-nav-link[aria-current=location]:after{transform:scaleX(1)}.site-topnav-links .contact-action{font-size:var(--font-size-caption);margin:0;padding:.65rem 1rem}.site-topnav-toggle{align-items:center;background:transparent;border:0;color:var(--color-ink);cursor:pointer;display:none;justify-content:center;min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:var(--space-2)}.contact-action,.request-submit{align-items:center;background:var(--color-brand);border:1px solid var(--color-brand);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-caption);font-weight:var(--weight-bold);gap:var(--space-2);justify-content:center;letter-spacing:.02em;margin:0 0 var(--space-6);min-height:var(--tap-target-min);padding:.7rem 1.2rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.contact-action:hover,.contact-action:focus-visible,.request-submit:hover,.request-submit:focus-visible{background:var(--color-brand-dark);border-color:var(--color-brand-dark);color:#fff;transform:translateY(-1px)}.contact-action:disabled,.request-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}#vehiculos{border-bottom:1px solid var(--color-border)}#vehiculos .item .text-content{padding-top:var(--space-4)}#vehiculos .item .text-content h4,#repuestos .item .text-content h4,.parts-item .text-content h4{color:var(--color-ink);font-size:var(--font-size-lead);font-weight:var(--weight-bold);letter-spacing:-.01em;line-height:1.2}#vehiculos .item .image .vehiculos-button a{background:var(--color-brand);font-size:var(--font-size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}#vehiculos .owl-nav .owl-next span,#vehiculos .owl-nav .owl-prev span{background:var(--color-surface-muted);color:var(--color-ink)}#vehiculos .owl-nav span:hover{background:var(--color-brand)}#servicios .masonry .item img{border-radius:var(--radius-md);margin-bottom:var(--space-6)}#servicios .masonry .item img:hover{opacity:1;transform:scale(1.01)}.request-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:grid;gap:var(--space-6);padding:clamp(1.25rem,3vw,2rem)}.request-form h3{color:var(--color-ink);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:var(--weight-bold);line-height:1.2;margin:0}.request-form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.request-field{display:grid;gap:var(--space-2)}.request-field label{color:var(--color-ink);font-size:var(--font-size-caption);font-weight:var(--weight-bold);letter-spacing:.02em}#servicios .request-form input,#servicios .request-form textarea,#repuestos .request-form input,#repuestos .request-form textarea,#contacto .request-form input,#contacto .request-form textarea{background:var(--color-surface);border:1px solid #aaa;border-radius:var(--radius-sm);box-shadow:none;color:var(--color-ink);font-size:var(--font-size-body);height:auto;line-height:var(--line-height-body);margin:0;min-height:2.75rem;padding:.65rem .75rem;text-transform:none;width:100%}#servicios .request-form textarea,#repuestos .request-form textarea,#contacto .request-form textarea{min-height:7rem;resize:vertical}.form-error{color:#b30919;font-size:var(--font-size-caption);font-weight:var(--weight-medium)}.request-submit{border-radius:var(--radius-sm);margin:0;width:100%}#servicios .request-submit,#repuestos .request-submit,#contacto .request-submit{align-items:center;background:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-sm);color:#fff;display:inline-flex;height:auto;justify-content:center;line-height:var(--line-height-body);min-height:var(--tap-target-min);text-transform:none}#servicios .request-submit:hover,#repuestos .request-submit:hover,#contacto .request-submit:hover{background:var(--color-brand-dark);color:#fff}.parts-tabs{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}#repuestos .tabs{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:var(--color-surface-muted);border:0;display:flex;height:auto;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;width:100%}#repuestos .tabs::-webkit-scrollbar{display:none}.parts-tab{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--color-ink);cursor:pointer;flex:1 0 max-content;font-size:var(--font-size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);line-height:1.25;min-height:var(--tap-target-min);padding:var(--space-4) var(--space-6);scroll-snap-align:start;text-align:center;text-transform:uppercase}.parts-tab[aria-selected=true]{background:var(--color-surface);border-bottom-color:var(--color-brand);color:var(--color-brand)}.parts-tab:hover{color:var(--color-brand)}.tabgroup{background:var(--color-surface);padding:clamp(1.25rem,3vw,2rem)}.parts-panel{min-height:12rem}.parts-item{align-items:center;display:grid;gap:var(--space-6);grid-template-columns:minmax(12rem,18rem) minmax(0,1fr)}.parts-item img{aspect-ratio:3 / 2;border-radius:var(--radius-sm);object-fit:cover;width:100%}.parts-item .text-content{display:grid;gap:var(--space-2)}.parts-item .text-content h4{margin:0;padding:0}.parts-item .text-content p{margin:0}#nosotros{background:var(--color-surface-muted);text-align:left}#nosotros .section-heading{text-align:left}.about-content-placeholder{border-top:1px solid var(--color-border);color:var(--color-ink-muted);margin-top:var(--space-4);padding:var(--space-8) 0;text-align:left}#servicios .item img,#repuestos .item img{aspect-ratio:3 / 2;object-fit:cover;width:100%}#contacto.contact-section{padding-top:var(--space-16)}#contacto-content{padding:0}.contact-main-grid{align-items:start;display:grid;gap:clamp(1.5rem,4vw,4rem);grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr)}.contact-map-frame{aspect-ratio:4 / 3;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.contact-map-frame iframe{border:0;display:block;height:100%;width:100%}.contact-details-grid{border-top:1px solid var(--color-border);display:grid;gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-12);padding-top:var(--space-8)}.contact-detail{font-style:normal;margin:0}.contact-detail h2{color:var(--color-ink);font-size:var(--font-size-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);line-height:1.2;margin:0 0 var(--space-2);text-transform:uppercase}.contact-detail p{margin:0}.contact-detail a{color:var(--color-ink);text-decoration-color:var(--color-brand);text-underline-offset:.2em}.contact-detail a:hover,.contact-detail a:focus-visible{color:var(--color-brand)}.fj-video-section{align-items:center;display:grid;gap:clamp(2rem,6vw,6rem);grid-template-columns:minmax(0,1fr) minmax(14rem,26rem)}.fj-video-copy .section-heading{display:block;margin-bottom:var(--space-6)}.fj-video-copy .section-heading p{margin-top:var(--space-3)}.fj-video-copy .contact-action{margin-top:var(--space-4)}.fj-video-note{color:var(--color-ink-muted);font-size:var(--font-size-caption)}.fj-video-frame{background:#111;border-radius:var(--radius-md);box-shadow:0 1.25rem 3rem #0003;margin-inline:auto;max-width:26rem;overflow:hidden;width:100%}.fj-video-frame video{aspect-ratio:9 / 16;display:block;height:auto;width:100%}.contact-modal-backdrop{align-items:center;background:#0000009e;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.contact-modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 1.5rem 4rem #00000059;max-width:35rem;padding:var(--space-8);position:relative;width:100%}.contact-modal-close{background:transparent;border:0;color:var(--color-ink);cursor:pointer;position:absolute;right:var(--space-4);top:var(--space-4)}.contact-modal-heading{align-items:flex-start;display:flex;gap:var(--space-3);padding-right:var(--space-8)}.contact-modal-heading svg{color:var(--color-brand);flex:none}.contact-modal-heading h2{color:var(--color-ink);font-size:1.35rem;margin:0}.contact-modal-heading p{margin:.35rem 0 1.25rem}.contact-channel-list{display:grid;gap:.65rem}.contact-channel{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);display:flex;gap:var(--space-3);padding:.8rem 1rem;text-decoration:none}.contact-channel:hover,.contact-channel:focus-visible{border-color:#25d366;box-shadow:0 0 0 3px #25d36633;color:var(--color-ink)}.contact-channel svg{color:#25d366;flex:none}.contact-channel span{display:grid}.contact-channel small{color:var(--color-ink-muted);margin-top:.1rem}.contact-share{border-top:1px solid var(--color-border);margin-top:1.35rem;padding-top:var(--space-4)}.contact-share h3{align-items:center;display:flex;font-size:var(--font-size-body);gap:.45rem;margin:0 0 .75rem}.contact-share-actions{display:flex;flex-wrap:wrap;gap:.65rem}.contact-share-actions a,.contact-share-actions button{align-items:center;background:var(--color-surface-muted);border:0;border-radius:50%;color:var(--color-ink);cursor:pointer;display:inline-flex;height:2.7rem;justify-content:center;width:2.7rem}.contact-share-actions a:hover,.contact-share-actions a:focus-visible,.contact-share-actions button:hover,.contact-share-actions button:focus-visible{background:var(--color-brand);color:#fff}.contact-overlay{bottom:max(1.5rem,calc(var(--space-4) + env(safe-area-inset-bottom)));box-shadow:0 .75rem 1.5rem #0003;margin:0;position:fixed;right:max(1.5rem,calc(var(--space-4) + env(safe-area-inset-right)));z-index:20}@media (max-width: 900px){.site-topnav-toggle{display:inline-flex}.site-topnav-links{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 .75rem 1rem #00000014;display:none;flex-direction:column;gap:0;left:0;padding:var(--space-3) var(--space-4) var(--space-4);position:absolute;right:0;top:100%}.site-topnav-links.is-open{display:flex}.section-nav-link,.site-topnav-links .contact-action{padding:.8rem;width:100%}.section-nav-link:after{bottom:.35rem;left:.8rem;width:calc(100% - 1.6rem)}.fj-video-section{grid-template-columns:1fr}}@media (max-width: 700px){.content-section,#vehiculos,#servicios,#repuestos,#nosotros{padding-block:var(--space-12)}.hero-app{align-items:end;min-height:clamp(34rem,78svh,42rem);padding-block:var(--space-12)}.homepage-hero,.homepage-hero-slide{min-height:clamp(34rem,78svh,42rem)}.homepage-hero-content{align-self:end;padding-block:var(--space-12)}.homepage-hero-shade{background:linear-gradient(0deg,#000000c2,#0000004d 62%,#0000001f)}.homepage-hero-video-controls{bottom:var(--space-4);right:var(--layout-gutter-safe)}.homepage-hero-video-controls button span{display:none}.store-badges img{height:2.7rem}.section-heading,#vehiculos .section-heading,#nosotros .section-heading{align-items:start;grid-template-columns:1fr;margin-bottom:var(--space-8)}.request-form-grid,.parts-item,.contact-main-grid,.contact-details-grid{grid-template-columns:1fr}.contact-modal{padding:var(--space-6)}.contact-overlay{bottom:max(var(--space-4),calc(var(--space-3) + env(safe-area-inset-bottom)));font-size:0;min-height:3.25rem;min-width:3.25rem;padding:0;right:max(var(--space-4),calc(var(--space-3) + env(safe-area-inset-right)))}.contact-overlay svg{height:1.3rem;width:1.3rem}}@media (hover: none){.contact-action:hover,.request-submit:hover{transform:none}.homepage-hero-video-controls{opacity:1;transform:none;visibility:visible}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
