:root{--orange:#ff681d;--dark:#111417;--muted:#a6aaad;--paper:#f4f4f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--dark);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.topbar{padding:12px 6%;background:var(--orange);font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;justify-content:space-between}header{display:flex;justify-content:space-between;align-items:center;padding:22px 6%;background:var(--dark);color:white;position:sticky;top:0;z-index:5}.logo{display:inline-flex;flex-direction:column}.logo b{font-size:29px;letter-spacing:-1.8px;font-style:italic}.logo b span{color:var(--orange);margin-left:5px}.logo small{letter-spacing:4px;font-size:9px;margin-top:3px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a:hover{color:var(--orange)}.navcta{border:1px solid #4b4f52;padding:12px 18px}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--dark);color:white;min-height:640px}.hero-copy{padding:72px 0 30px 11%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:25px}.hero .eyebrow,.services .eyebrow{color:var(--orange)}h1{font-size:clamp(60px,6.8vw,104px);line-height:.98;letter-spacing:-5px;margin-bottom:30px}em{font-style:normal;color:var(--orange)}.intro{color:#b9bdc1;max-width:450px;font-size:16px;line-height:1.7}.actions{display:flex;gap:24px;align-items:center;margin-top:35px}.btn{display:inline-block;border:0;background:var(--orange);padding:17px 23px;font-weight:700;font-size:13px;color:#111}.btn:hover{background:#ed5410}.textbtn{border:0;background:none;padding:0;font-size:13px;font-weight:700;color:inherit;text-align:left}.hero-bottom{display:flex;gap:25px;margin-top:58px;font-size:9px;letter-spacing:1px;color:#9da3a8}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#424549,transparent 65%),linear-gradient(130deg,#14171a,#24272b)}.hero-art:before{content:'';position:absolute;width:180px;height:110%;background:var(--orange);transform:rotate(27deg);right:7%;top:-5%}.hero-art svg{width:100%;height:100%;position:absolute;inset:0;filter:drop-shadow(20px 20px 15px #0008)}.art-label{position:absolute;top:35px;right:35px;z-index:1;font-size:11px;letter-spacing:2px;line-height:1.6}.art-foot{position:absolute;bottom:30px;left:40px;font-size:9px;letter-spacing:2px}.section{padding:85px 6%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:38px}.section-head>p{max-width:300px;color:#697076;font-size:14px;line-height:1.7}h2{font-size:clamp(32px,4vw,55px);line-height:1.05;letter-spacing:-2px;margin-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-grid button{display:flex;flex-direction:column;text-align:left;background:white;border:1px solid #ddd;padding:25px;min-height:235px}.category-grid button:hover,.category-grid button.active{background:var(--orange);border-color:var(--orange)}.category-grid span{font-size:9px;letter-spacing:1px}.category-grid b{font-size:25px;letter-spacing:-1px;margin-top:18px}.category-grid i{font-style:normal;font-size:34px;letter-spacing:-7px;align-self:flex-end;color:#444;margin:20px 0}.category-grid small{font-size:11px;margin-top:auto}.catalog-panel{margin-top:30px;background:white;padding:30px;border:1px solid #ddd}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h3{font-size:20px}.panel-title span{font-size:12px;color:#687077}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}label{display:block;font-size:11px;font-weight:700}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #ccc;background:#fafafa;margin-top:8px;border-radius:0}textarea{min-height:80px}.empty{text-align:center;padding:35px 15px 15px;color:#626970;font-size:14px;line-height:1.6}.empty h4{color:#20262b;font-size:18px;margin:0 0 10px}.empty .textbtn{margin-top:12px}.brands{padding:38px 6%;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.brands>div{display:flex;flex-wrap:wrap;gap:30px;font-size:23px;align-items:center}.brands>p:last-child{font-size:11px;color:#767b80;margin:22px 0 0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-grid article{position:relative;background:#e6e7e4;padding:40px;overflow:hidden}.product-grid h3{font-size:38px;margin-bottom:20px}.product-grid p:not(.eyebrow){max-width:330px;line-height:1.6;font-size:14px}.product-number{position:absolute;right:20px;top:5px;color:#c9ccca;font-size:110px;font-weight:700}.product-grid .eyebrow{position:relative}.brandline{font-weight:700;font-size:12px!important}.services{background:var(--dark);color:white}.services .section-head>p{color:#abb1b6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a3d40;margin:40px 0}.service-grid article{background:var(--dark);padding:32px 25px}.service-grid span{color:var(--orange);font-size:12px}.service-grid h3{font-size:21px;margin:30px 0 15px}.service-grid p{color:#aeb4b9;font-size:13px;line-height:1.7;margin:0}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:50px}.contact>div>p:last-child{margin-top:30px;font-size:14px}.contact-box{border-left:1px solid #ccc;padding-left:40px}.contact-box h3{font-size:23px}dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:20px 0 8px;color:#777}dd{margin:0;font-size:14px}.contact-box .btn{margin-top:20px}footer{background:#e6e7e3;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>small{font-size:11px;margin:0}.draft-note{padding:10px;text-align:center;font-size:10px;background:#dce0df;color:#525a60}dialog{border:0;max-width:520px;width:calc(100% - 30px);padding:35px}dialog::backdrop{background:#000b}dialog h2{font-size:32px;margin-bottom:25px}dialog label{margin:15px 0}.close{position:absolute;right:12px;top:9px;font-size:27px;border:0;background:none}.notice{font-size:12px;line-height:1.6;color:#666}.result-card{padding:20px;border-bottom:1px solid #ddd}.result-card h4{margin:8px 0}.result-card p{font-size:13px}.result-card .price{font-weight:700;color:#bd4200}@media(max-width:850px){nav{gap:14px;font-size:11px}.hero{min-height:550px}h1{letter-spacing:-3px}.hero-copy{padding-top:45px}.actions{flex-direction:column;align-items:flex-start}.category-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.section{padding:60px 6%}.brands>div{font-size:19px;gap:20px}}@media(max-width:600px){header{padding:18px 5%}.logo b{font-size:24px}header nav a:nth-child(2),header nav a:nth-child(3){display:none}.topbar{font-size:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}h1{font-size:64px}.hero-art{height:340px}.hero-art svg{width:360px;left:50%;transform:translateX(-50%)}.hero-bottom{margin-top:30px}.actions{flex-direction:row;gap:15px}.textbtn{font-size:11px}.section-head{display:block}.section-head>p{margin:20px 0 0}.category-grid button{padding:20px;min-height:210px}.filters{grid-template-columns:1fr}.catalog-panel{padding:20px}.product-grid,.contact{grid-template-columns:1fr}.product-grid article{padding:30px}.service-grid article{padding:25px 15px}.service-grid h3{font-size:18px}.contact-box{border-left:0;border-top:1px solid #ccc;padding:25px 0 0}footer{flex-wrap:wrap}.art-label{font-size:9px}.panel-title{align-items:flex-start}h2{letter-spacing:-1px}}

.logo img{display:block;width:250px;height:auto;max-height:84px;object-fit:contain}footer{background:#111417;color:#d8dcdf}@media(max-width:850px){.logo img{width:195px}}@media(max-width:600px){.logo img{width:170px;max-height:60px}}

.brand-banner{width:100%;display:flex;align-items:center;justify-content:center;padding:24px 6%;background:repeating-linear-gradient(135deg,transparent 0 100px,#f1681715 100px 150px,transparent 150px 230px),radial-gradient(ellipse at center,#713114 0%,#1b1d20 65%,#111417 100%);border-bottom:3px solid #f16817}.brand-banner img{display:block;width:min(100%,420px);height:auto;border-radius:50%;box-shadow:0 12px 40px #0007}header{padding-top:18px;padding-bottom:18px}@media(max-width:600px){.brand-banner{padding:20px 6%}.brand-banner img{width:min(100%,340px)}}

.brand-banner{padding:0;background:#111417;border:0}.brand-banner img{width:100%;max-width:none;height:auto;border-radius:0;box-shadow:none;display:block}@media(max-width:600px){.brand-banner{padding:0}.brand-banner img{width:100%}}

.social-link,.whatsapp-btn{display:inline-flex;align-items:center;gap:12px}.social-link svg{width:24px;height:24px}.social-link:hover{color:#d54d0e}.contact-box dd small{color:#777;font-size:11px}.whatsapp-btn{background:#167d45;color:white;line-height:1.4}.whatsapp-btn:hover{background:#106135}.whatsapp-btn svg{width:25px;height:25px;flex-shrink:0}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;display:grid;place-items:center;background:#167d45;color:white;border-radius:50%;box-shadow:0 5px 20px #0004;z-index:8}.whatsapp-float svg{width:31px;height:31px}.whatsapp-float:hover{background:#106135}@media(max-width:600px){.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}.draft-note{padding-right:70px}}

.catalog-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#167d45;color:#fff;padding:13px 16px;font-size:12px;font-weight:700;margin-top:12px;text-align:left}.catalog-whatsapp svg{width:24px;height:24px;flex-shrink:0}.catalog-whatsapp:hover{background:#106135}

.contact-box dd{line-height:1.65}.maps-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1px solid #ccc;padding:10px 13px;font-size:12px;font-weight:700;background:#fff}.maps-link svg{width:21px;height:21px;color:#d54d0e;flex-shrink:0}.maps-link:hover{border-color:#f16817;background:#fff5ee}

.location-map{grid-column:1/-1;border:1px solid #ccc;background:white}.location-map iframe{display:block;width:100%;height:340px;border:0}.location-map>a{display:block;padding:16px 20px;font-size:12px;font-weight:700}.location-map>a:hover{color:#d54d0e}@media(max-width:600px){.location-map iframe{height:280px}}

.about-serteca{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;background:#e9e9e4}.about-copy .eyebrow{color:#bc430b}.about-copy h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:25px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#5a6268;max-width:420px}.about-copy .btn{margin-top:12px}.about-art{margin:0;overflow:hidden;border:1px solid #ccc;background:#fff;box-shadow:0 18px 40px #11141712}.about-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.about-art figcaption{padding:15px 20px;font-size:11px;line-height:1.5;color:#626970}nav{gap:22px}@media(max-width:850px){.about-serteca{grid-template-columns:1fr;gap:30px}.about-copy>p:not(.eyebrow){max-width:600px}nav{gap:12px}}@media(max-width:600px){nav a[href="#nosotros"]{display:none}.about-art figcaption{padding:12px 15px}}

#results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.result-card{border:1px solid #e2e3e0;padding:24px;display:flex;flex-direction:column;background:#fafaf8}.result-card small{color:#657079;font-size:11px}.catalog-brand{font-weight:800;font-size:19px;margin:12px 0;color:#da5111}.result-card h4{font-size:21px;margin:12px 0;overflow-wrap:anywhere}.result-card p{font-size:13px;line-height:1.6}.result-card .catalog-whatsapp{margin-top:auto}.product-code{color:#757b80;font-size:11px!important}.catalog-note{font-size:12px;line-height:1.6;color:#687077;margin:18px 0 0}.load-more,.empty{grid-column:1/-1}.load-more{padding:16px;background:#111417;color:white;border:0;font-weight:700}.result-card .catalog-whatsapp{font-size:12px}.result-card .catalog-whatsapp svg{flex-shrink:0}@media(max-width:1000px){#results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#results{grid-template-columns:1fr}.catalog-panel{padding:20px}.result-card{padding:22px}}

.catalog-photo{height:250px;background:#fff;display:flex;align-items:center;justify-content:center;margin:-5px -5px 12px;padding:12px}.catalog-photo img{width:100%;height:100%;object-fit:contain;display:block}.image-caption{font-size:10px;color:#858b90;margin-bottom:15px}.photo-pending{color:#858b90;font-size:12px;border:1px dashed #e5e5e5}.tread-tag{align-self:flex-start;display:inline-block;padding:5px 8px;background:#fff0e8;color:#9c390c;font-size:11px;margin-bottom:12px}.result-card:has(img){background:#fff}.result-card h4{margin:12px 0}

nav .nav-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;min-height:44px;background:#178c45;border:1px solid #178c45;border-radius:8px;color:#fff;font-weight:700;white-space:nowrap;flex-shrink:0}nav .nav-whatsapp:hover{background:#117437;border-color:#117437;color:#fff}.nav-whatsapp svg{width:22px;height:22px;display:block;flex-shrink:0}@media(max-width:600px){nav .nav-whatsapp{padding:10px 12px;gap:7px}.nav-whatsapp svg{width:21px;height:21px}}

.category-grid{gap:16px}.category-grid button{appearance:none;color:#20292e;border:1px solid #dce0df;border-radius:16px;padding:24px;min-height:290px;transition:background .18s,border-color .18s,transform .18s;overflow:hidden}.category-grid button:hover,.category-grid button.active{background:#fff0e7;border-color:#ff681d}.category-grid button:hover{transform:translateY(-3px)}.category-grid button>span{color:#7b858a;font-size:9px;letter-spacing:1.2px}.category-grid b{color:#20292e;font-size:26px;margin-top:15px;letter-spacing:-.8px}.category-illustration{display:block;width:100%;height:155px;object-fit:contain;margin:14px 0 10px}.category-grid small{display:flex;justify-content:space-between;align-items:center;width:100%;color:#9f3b0c;font-size:12px;font-weight:700}.category-grid small span{font-size:20px;letter-spacing:0}.category-grid button.active>span{color:#9f3b0c}@media(max-width:600px){.category-grid{gap:12px}.category-grid button{padding:17px 14px;min-height:245px}.category-grid b{font-size:23px}.category-grid button>span{font-size:8px;letter-spacing:.6px}.category-illustration{height:125px;margin:12px 0}.category-grid small{font-size:11px}}@media(prefers-reduced-motion:reduce){.category-grid button{transition:none}.category-grid button:hover{transform:none}}

/* Original manufacturer logos, grouped by vehicle category. */
.brands{padding:64px 6%;background:#fff}.brands h2{margin-bottom:18px}.brands .brands-intro{font-size:14px;line-height:1.7;color:#697076;max-width:520px;margin:0 0 32px}.brands>.brand-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.brand-group h3{font-size:20px;margin:0 0 18px;letter-spacing:-.5px}.brand-logo-grid{display:grid;gap:12px}.brand-logo-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fafaf8;border:1px solid #e3e5e3;border-radius:12px;padding:20px;min-height:122px;transition:border-color .18s,transform .18s}.brand-logo-link:hover{border-color:var(--orange);transform:translateY(-2px)}.brand-logo-link img{width:100%;max-width:180px;height:65px;object-fit:contain}.brand-logo-link span{font-size:9px;letter-spacing:1px;color:#6f777b}.brands .brand-note{font-size:12px;line-height:1.7;color:#697076;margin-top:28px}.brand-note a{font-weight:700;color:#9f3b0c}@media(max-width:850px){.brands>.brand-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo-link{padding:14px;min-height:108px}.brand-logo-link img{height:52px}}@media(max-width:480px){.brands>.brand-groups{grid-template-columns:1fr}.brand-group h3{font-size:20px}.brand-logo-link img{height:60px}}@media(prefers-reduced-motion:reduce){.brand-logo-link{transition:none}.brand-logo-link:hover{transform:none}}

.product-brand-logo{display:block;width:160px;max-width:100%;height:55px;object-fit:contain;object-position:left center}.result-card .catalog-size{font-size:19px;font-weight:700;color:#20292e;margin:4px 0 0;letter-spacing:.2px}.moto-image-note{padding:12px 14px;background:#f4f4f0;border-radius:8px}.moto-image-note[hidden]{display:none}

/* Catálogo por categoría, marca y modelo. */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-breadcrumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:22px;font-size:13px;color:#687077}.catalog-breadcrumb button{border:0;background:none;padding:4px;color:#a94717;font-weight:700}.catalog-breadcrumb button:hover{text-decoration:underline}.catalog-start{grid-column:1/-1;padding:42px;text-align:center;background:#f6f6f2;color:#626970}.catalog-start h4{font-size:21px;color:#20292e;margin:0 0 10px}.catalog-start p{margin:0}.catalog-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;grid-column:1/-1}.catalog-brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:158px;padding:22px;border:1px solid #e0e2df;border-radius:12px;background:#fafaf8;color:#20292e}.catalog-brand-tile:hover,.catalog-brand-tile:focus-visible{border-color:#ff681d;background:#fff7f2}.catalog-brand-tile img{display:block;width:min(100%,190px);height:75px;object-fit:contain}.catalog-brand-tile strong{font-size:22px;letter-spacing:-.5px;text-align:center;overflow-wrap:anywhere}.catalog-brand-tile>span{font-size:12px;font-weight:700;color:#ac491c}.catalog-brand-tile>span span{font-size:17px}.brand-batteries{margin-top:24px}.brand-batteries .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:850px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.catalog-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-brand-tile{padding:12px;min-height:125px}.catalog-brand-tile img{height:57px}.catalog-brand-tile strong{font-size:16px}.catalog-start{padding:28px 12px}}

/* Accesos rápidos de la franja superior */
.topbar{align-items:center;gap:14px}
.topbar-location{white-space:nowrap}
.topbar-links{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em}
.topbar-links a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(17,20,23,.45);border-radius:999px;background:rgba(255,255,255,.16);color:#111417;font-weight:800;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.topbar-links a:hover,.topbar-links a:focus-visible{background:#111417;color:#fff}
@media(max-width:600px){.topbar{padding:8px 5%;gap:7px;flex-wrap:wrap}.topbar-location{font-size:8px}.topbar-links{gap:5px;margin-left:auto;font-size:9px}.topbar-links a{min-height:30px;padding:6px 8px}}
@media(max-width:380px){.topbar-location{width:100%}.topbar-links{width:100%;margin-left:0;justify-content:space-between}}

.topbar-location{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(17,20,23,.45);border-radius:999px;background:rgba(255,255,255,.16);color:#111417;font-size:10px;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s}
.topbar-location:hover,.topbar-location:focus-visible{background:#111417;color:#fff}
@media(max-width:700px){.topbar{flex-wrap:wrap}.topbar-location{width:100%;max-width:max-content;white-space:normal;line-height:1.35}.topbar-links{width:100%;justify-content:flex-start;margin-left:0}}
@media(max-width:380px){.topbar-location{max-width:100%}}

/* Imagen principal de alineación */
.hero-art{background:#151719}
.hero-art:before{display:none}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,15,.22),transparent 35%,transparent 65%,rgba(9,12,15,.5));pointer-events:none}
.hero-alignment-image{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:49% center}
.hero-art .art-label,.hero-art .art-foot{z-index:1;text-shadow:0 1px 8px #000}
@media(max-width:600px){.hero-alignment-image{object-position:50% center}.art-label{top:22px;right:22px}.art-foot{left:22px;bottom:22px}}

.oil-filters[hidden]{display:none!important}.oil-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;padding:16px;background:#fff9f3;border:1px solid #f3d9c5}.oil-filters label{color:#2c3438}.oil-specs{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 12px}.oil-specs span{display:inline-block;padding:6px 9px;background:#f7eee8;color:#713b25;font-size:11px;font-weight:700}.brand-oils{margin-top:24px}.brand-oils .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:850px){.oil-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.oil-filters{grid-template-columns:1fr}}
/* El archivo de marca INCA incluye márgenes blancos amplios; recorta solo esos márgenes en los logotipos. */
.brand-logo-link img[src$="inca-user.jpeg"],.catalog-brand-tile img[src$="inca-user.jpeg"],.product-brand-logo[src$="inca-user.jpeg"]{object-fit:cover;object-position:center}

.brand-logo-link img[src$="fanfaro-user.png"],.catalog-brand-tile img[src$="fanfaro-user.png"],.product-brand-logo[src$="fanfaro-user.png"]{object-fit:cover;object-position:center}
