/* Gomasdim · web v1, diseño 3 (5-nov-2026). Pedido de Sebas: sencillo, rápido de leer, fotos chicas, aspecto de empresa líder.
   Regla: la primera pantalla dice qué hay y lleva a cada cosa en un clic. Lo largo (medidas, consejos) se abre solo si se pide.
   Movimiento: mínimo, solo transform y opacity. Sin JavaScript. */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600.woff2) format('woff2')}

:root{
  --rojo:#B2241C; --rojo-osc:#8E1B15; --carbon:#17191C; --gris:#DEDDD9; --papel:#F6F5F2; --blanco:#FFF; --ink:#17191C; --suave:#50565E; --inv-suave:#B4B9C0;
  --cond:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --sale:cubic-bezier(.2,.7,.2,1);
  --t-h1:clamp(2.25rem,1.6rem + 2.4vw,3.25rem);
  --t-h2:clamp(1.625rem,1.4rem + .9vw,2.125rem);
  --seccion:clamp(44px,5.5vw,72px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanco);color:var(--ink);font:400 1.0625rem/1.5 Barlow,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0;padding:0}
ol,ul{list-style:none}
a{color:inherit}
b{font-weight:600}
h1,h2,h3{font-family:var(--cond);font-weight:700;line-height:1.05;text-wrap:balance}
h1{font-size:var(--t-h1);text-transform:uppercase}
h2{font-size:var(--t-h2);text-transform:uppercase}
h3{font-size:1.375rem}
:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}
.cab :focus-visible,.inicio :focus-visible,.pie :focus-visible{outline-color:#fff}
::selection{background:var(--rojo);color:#fff}
.saltar{position:absolute;left:16px;top:-80px;background:var(--ink);color:#fff;padding:12px 16px;z-index:30}
.saltar:focus{top:12px}
.c{max-width:1160px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.ico{width:1.2em;height:1.2em;flex:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;font:600 1.0625rem/1 Barlow,Arial,sans-serif;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:background-color 160ms,color 160ms,transform 160ms var(--sale)}
.btn:active{transform:scale(.97)}
.btn--rojo{background:var(--rojo);color:#fff}
.btn--rojo:hover{background:var(--rojo-osc)}
.btn--blanco{background:#fff;color:var(--ink)}
.btn--blanco:hover{background:var(--papel)}
.btn--linea{background:none;color:var(--rojo);box-shadow:inset 0 0 0 2px var(--rojo)}
.btn--linea:hover{background:var(--rojo);color:#fff}
.btn--chico{min-height:44px;padding:0 16px;font-size:1rem}
.ir{font-weight:600;color:var(--rojo)}
.ir::after{content:" →"}
.accion{margin-top:18px}

/* barra */
.barra{position:sticky;top:0;z-index:20;background:var(--blanco);box-shadow:0 1px 0 var(--gris)}
.barra__in{display:flex;align-items:center;gap:clamp(14px,2vw,28px);min-height:76px}
.barra__marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.barra__logo{width:auto;height:58px}
.barra__end{display:grid;gap:4px;padding-left:14px;border-left:2px solid var(--gris);font-size:.8125rem;line-height:1;color:var(--suave)}
.barra__end img{width:104px}
.barra__nav{margin-left:auto;display:flex;gap:clamp(14px,2vw,26px)}
.barra__nav a{white-space:nowrap;text-decoration:none;font-weight:600;min-height:44px;display:flex;align-items:center;box-shadow:inset 0 -3px 0 transparent;transition:box-shadow 160ms}
.barra__nav a:hover,.barra__nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--rojo)}
.barra__der{display:flex;align-items:center;gap:6px}
.barra__redes{display:flex}
.red{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;justify-content:center;text-decoration:none;font-weight:600;transition:color 160ms}
.red:hover{color:var(--rojo)}

/* portada */
.inicio{background:var(--rojo);color:#fff}
.inicio__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(26px,3.4vw,40px)}
.inicio__lema{font:700 1.125rem/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}
.inicio__frase{font-size:1.1875rem;margin-top:8px}
.seccion.seccion--op{padding-block:clamp(20px,3vw,32px) var(--seccion)}
.opciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.op{display:grid;grid-template-rows:auto 1fr;text-decoration:none;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--gris);transition:box-shadow 160ms,transform 200ms var(--sale)}
.op:hover{box-shadow:inset 0 0 0 2px var(--rojo);transform:translateY(-3px)}
.op figure{aspect-ratio:16/9;overflow:hidden;background:var(--papel)}
.op img{width:100%;height:100%;object-fit:cover}
.op--prod figure{padding:14px}
.op--prod img{object-fit:contain}
.op>div{padding:16px 18px 18px;display:grid;gap:6px;align-content:start}
.seccion .op h2{font-size:1.625rem;margin:0}

/* cabecera de página */
.cab{color:#fff;background:var(--rojo)}
.cab__in{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,48px);padding-block:clamp(16px,2vw,24px)}
.cab__txt{min-width:0;display:grid;gap:6px;justify-items:start}
.cab__txt>p{font-size:1.125rem;max-width:58ch}
.cab__acc{margin-top:6px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px}
.inicio__acc{display:grid;justify-items:center;gap:2px;flex:none}
.tel{color:#fff;font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
.cab__foto{flex:0 0 clamp(180px,17vw,220px);aspect-ratio:3/2;overflow:hidden}
.cab__foto img{width:100%;height:100%;object-fit:cover}
.migas{font-size:.9375rem;display:flex;flex-wrap:wrap;gap:0 8px;align-items:center}
.migas a{min-height:24px;display:inline-flex;align-items:center;text-underline-offset:3px}
.migas i{font-style:normal;opacity:.6}

/* secciones */
.seccion{padding-block:var(--seccion)}
.seccion--papel{background:var(--papel)}
.cab+.seccion{padding-top:clamp(24px,3vw,36px)}
.seccion--papel+.contacto{padding-top:0}
.seccion--corta{padding-block:clamp(28px,4vw,44px)}
.seccion h2{margin-bottom:18px}
.enlaces5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,3vw,40px)}
.enlaces5 a{display:flex;align-items:center;min-height:46px;font-weight:600;text-decoration:none;box-shadow:inset 0 -1px 0 var(--gris);transition:color 160ms}
.enlaces5 a::after{content:"→";margin-left:auto;color:var(--rojo)}
.enlaces5 a:hover{color:var(--rojo)}
.nos{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(24px,5vw,60px);align-items:center}
.nos figure{aspect-ratio:1;overflow:hidden}
.nos figure img{width:100%;height:100%;object-fit:cover}
.nos__txt{display:grid;gap:14px}
.nos__txt h2{margin:0;font-size:clamp(2rem,1.5rem + 1.8vw,2.75rem)}
.nos__txt p{max-width:62ch}
.treinta{display:flex;align-items:center;gap:14px}
.treinta b{font:700 clamp(3.5rem,3rem + 2vw,4.5rem)/1 var(--cond);color:var(--rojo)}
.treinta span{font:700 1.5rem/1.05 var(--cond);text-transform:uppercase;max-width:11ch}
.sello{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sello__gom{width:150px}
.sello__filete{width:2px;align-self:stretch;background:var(--gris)}
.sello__end{display:grid;gap:6px;color:var(--suave);font-size:.9375rem;line-height:1}
.sello__end img{width:140px}

/* repuestos */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
[data-lineas].tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
.tile{display:grid;grid-template-rows:auto 1fr;height:100%;text-decoration:none;box-shadow:inset 0 0 0 1px var(--gris);transition:box-shadow 160ms,transform 200ms var(--sale)}
a.tile:hover{box-shadow:inset 0 0 0 2px var(--rojo);transform:translateY(-3px)}
.tile figure{aspect-ratio:16/10;overflow:hidden;background:var(--papel)}
.tile img{width:100%;height:100%;object-fit:cover}
.tile figure.sinfoto{display:grid;place-items:center}
.tile figure.sinfoto img{width:38%;height:auto;object-fit:contain;opacity:.4;filter:grayscale(1)}
.tile>div{padding:12px 14px 14px}
.tile--fija{box-shadow:none}
.tile--fija>div{padding-inline:0}
#agricolas img{object-position:50% 12%}
.tile p{color:var(--suave);font-size:1rem;line-height:1.35;margin-top:4px}
.nota-marcas{margin-top:18px;color:var(--suave);font-size:1rem;max-width:90ch}
.pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,36px);counter-reset:p}
.pasos li{counter-increment:p;display:grid;gap:4px;align-content:start;padding-left:44px;position:relative}
.pasos li::before{content:counter(p);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;background:var(--rojo);color:#fff;font:700 1.125rem/1 var(--cond)}
.pasos b{font-size:1.125rem}
.pasos span{color:var(--suave)}

/* línea */
.piezas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px clamp(18px,2.4vw,32px)}
.piezas span{display:block;color:var(--suave);font-size:1rem;line-height:1.35}
.dos-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.lista{display:grid;gap:8px}
.lista li{padding-left:16px;position:relative}
.lista li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--rojo)}
.suave{color:var(--suave);margin-top:10px}
.abrir details{box-shadow:0 1px 0 var(--gris)}
details summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font:700 1.5rem/1 var(--cond);color:var(--rojo)}
details[open] summary::after{content:"−"}
.abrir details>:not(summary){padding-bottom:14px}
.lista-dl{display:grid;gap:10px}
.lista-dl dt{font-weight:600}
.glosario{display:grid;gap:4px}

/* llantas */
.dos-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
.dos-b p{color:var(--suave)}
.dos-b h3{margin-bottom:4px}
.franja-vipal{margin-top:clamp(28px,4vw,40px);display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 18px;text-decoration:none;background:var(--papel);transition:background-color 160ms}
.franja-vipal:hover{background:var(--gris)}
.franja-vipal img{width:104px}
.franja-vipal .ir{margin-left:auto}

/* parches */
.prods{display:grid}
.prod{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:clamp(14px,2vw,24px);align-items:start;padding-block:16px;box-shadow:0 1px 0 var(--gris);scroll-margin-top:96px}
.prod:first-child{padding-top:0}
.prod figure{height:84px;display:grid;place-items:center}
.prod figure img{max-height:84px;width:auto;object-fit:contain}
.seccion .prod h2{font-size:1.375rem;margin:0;text-transform:none}
.prod p{color:var(--suave);font-size:1rem;margin-top:2px}
.prod details{margin-top:2px}
.prod summary{color:var(--rojo);min-height:44px;justify-content:flex-start}
.prod summary::after{font-size:1.25rem}
.tabla-caja{overflow-x:auto;padding-bottom:8px}
.tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:1rem}
.tabla th{text-align:left;font-weight:600;font-size:.9375rem;color:var(--suave);padding:0 14px 6px 0;box-shadow:inset 0 -2px 0 var(--ink);white-space:nowrap}
.tabla td{padding:7px 14px 7px 0;box-shadow:inset 0 -1px 0 var(--gris);white-space:nowrap}
.tabla td:nth-child(2){font-weight:600}

/* contacto */
.contacto{background:var(--papel);padding-block:var(--seccion)}
.contacto h2{margin-bottom:16px}
.datos{display:grid;grid-template-columns:1fr 1fr 2fr 1.2fr;gap:14px clamp(16px,3vw,32px)}
.datos dt{font-size:.9375rem;color:var(--suave)}
.datos dd{font-weight:600;line-height:1.3}
.datos a{text-underline-offset:3px;display:inline-block;padding-block:4px}
.contacto__pie{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}
.contacto__redes{display:flex;align-items:center;gap:6px 16px;color:var(--suave)}
.contacto__redes .red{color:var(--ink)}
.contacto__redes .red:hover{color:var(--rojo)}

/* pie */
.pie{background:var(--carbon);color:#fff;padding-block:28px 22px}
.pie__fila{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 28px}
.pie .sello__gom{width:130px}
.pie .sello__filete{background:#4A4F57}
.pie .sello__end{color:var(--inv-suave)}
.pie .sello__end img{width:124px}
.pie__enlaces{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}
.pie__enlaces a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pie__enlaces a:hover,.pie .red:hover{color:var(--gris)}
.pie__legal{margin-top:14px;font-size:.875rem;color:var(--inv-suave);line-height:1.4}

/* entrada suave, una sola vez, sin esconder nada si no corre */
@keyframes sube{from{opacity:0;transform:translateY(12px)}}
.op,.cab__txt,.inicio__in>div{animation:sube 480ms var(--sale) both}
.op:nth-child(2){animation-delay:70ms}
.op:nth-child(3){animation-delay:140ms}

@media (max-width:1180px){
  html{scroll-padding-top:120px}
  .barra__in{flex-wrap:wrap;gap:0 12px;padding-block:6px;min-height:0}
  .barra__logo{height:46px}
  .barra__der{margin-left:auto}
  .barra__nav{order:3;width:100%;margin:0;justify-content:space-between;gap:8px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-lineas].tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .datos{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .barra__end,.barra__redes{display:none}
  .btn{white-space:normal;text-align:center;padding-block:10px}
  .barra__nav{font-size:.9375rem;gap:4px}
  .barra__nav a[href$="#nosotros"]{display:none}
  .contacto__redes{flex-wrap:wrap}
  .tabla-caja{margin-left:-78px}
  .tabla th,.tabla td{padding-right:8px}
  .inicio__acc,.cab__acc{width:100%;justify-items:stretch;justify-content:center;text-align:center}
  .tel{justify-content:center}
  .inicio__in,.cab__in{display:grid;grid-template-columns:minmax(0,1fr)}
  .inicio__in .btn,.cab .btn{width:100%}
  .cab__foto{display:none}
  .opciones{grid-template-columns:minmax(0,1fr)}
  .op{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr)}
  .op figure{aspect-ratio:auto;height:100%;min-height:112px}
  .op>div{padding:12px 14px}
  .seccion .op h2{font-size:1.375rem}
  .op p{font-size:1rem;line-height:1.3}
  .enlaces5{grid-template-columns:minmax(0,1fr)}
  .nos,.dos-col,.dos-b,.pasos{grid-template-columns:minmax(0,1fr)}
  .nos figure{display:none}
  .piezas{grid-template-columns:minmax(0,1fr)}
  .tiles,[data-lineas].tiles{grid-template-columns:minmax(0,1fr)}
  .tile{grid-template-rows:none;grid-template-columns:104px minmax(0,1fr)}
  .tile figure{aspect-ratio:auto;height:100%;min-height:88px}
  .prod{grid-template-columns:64px minmax(0,1fr)}
  .prod figure{height:60px}
  .prod figure img{max-height:60px}
  .prod .btn{grid-column:2;justify-self:start}
  .datos{grid-template-columns:minmax(0,1fr)}
  .contacto__pie .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .op,.cab__txt,.inicio__in>div{animation:none}
  .btn,.op,.tile{transition:none}
}
.p404{min-height:100svh;display:grid;align-content:center;gap:24px;padding:32px}