/* ============ EquiSelection · sistema visual ============ */
:root{
  /* Superficies */
  --blanco:#FFFFFF;
  --hueso:#FAFAF8;
  --azul-suave:#EFF7FD;
  --linea:#E8E8E5;

  /* Contenido */
  --texto:#3B332E;        /* 12.3:1 sobre blanco */
  --texto-suave:#6B5F57;  /*  6.2:1 sobre blanco · 5.9:1 sobre hueso */

  /* Marca */
  --espresso:#413630;
  --espresso-osc:#2E2520;
  --azul:#D6EAFB;
  --gris:#BFC3C7;
  --negro:#111111;

  --titulo:'Fraunces', Georgia, serif;
  --cuerpo:'Montserrat', system-ui, sans-serif;
  --ancho:1180px;
  --radio:4px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  overflow-x:hidden;
  font-family:var(--cuerpo);
  font-weight:400;
  font-size:1rem;
  color:var(--texto);
  background:var(--blanco);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
[hidden]{display:none !important}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--espresso);
  outline-offset:3px;
  border-radius:2px;
}

.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 28px}

.antetitulo{
  margin:0 0 10px;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  font-weight:700;color:var(--texto-suave);
}
.antetitulo--azul{color:var(--azul)}

/* ---- barra de marca ---- */
.marca-barra{display:flex;height:9px;width:100%}
.marca-barra span{display:block}
.marca-barra span:nth-child(1){flex:3;background:var(--azul)}
.marca-barra span:nth-child(2){flex:2;background:var(--gris)}
.marca-barra span:nth-child(3){flex:2;background:var(--azul)}
.marca-barra span:nth-child(4){flex:3;background:var(--negro)}
.marca-barra span:nth-child(5){flex:2;background:var(--azul)}
.marca-barra span:nth-child(6){flex:2;background:var(--gris)}
.marca-barra span:nth-child(7){flex:3;background:var(--azul)}

/* ---- cabecera ---- */
.cabecera{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.cabecera__fila{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.logo img{height:52px;width:auto}
.nav{display:flex;align-items:center;gap:26px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.nav a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid transparent;transition:border-color .2s}
.nav a:hover{border-color:var(--espresso)}
.nav__destacado{
  background:var(--espresso);color:var(--blanco);
  padding:0 16px;border-radius:var(--radio);border-bottom:none !important;
  transition:background .2s;
}
.nav__destacado:hover{background:var(--negro)}
.menu-toggle{
  display:none;
  align-items:center;justify-content:center;
  width:48px;height:48px;margin-right:-10px;
  background:none;border:none;cursor:pointer;
  font-size:1.6rem;line-height:1;color:var(--espresso);
}

/* ---- hero ---- */
.hero{
  padding:72px 0 64px;text-align:center;
  background:linear-gradient(180deg,var(--hueso) 0%,var(--blanco) 100%);
}
.hero__marca{width:150px;height:auto;margin:0 auto 26px;border-radius:50%}
.hero__kicker{margin:0 0 16px;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--texto-suave)}
.hero__titulo{
  font-family:var(--titulo);font-weight:600;
  font-size:clamp(2.2rem,5.4vw,3.7rem);line-height:1.12;margin:0 auto 24px;
  letter-spacing:-.01em;max-width:20ch;
}
.hero__titulo em{font-style:normal;color:var(--espresso-osc)}
.hero__texto{max-width:54ch;margin:0 auto 32px;font-size:1.04rem;color:var(--texto-suave)}
.hero__acciones{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.hero__enlace{
  display:inline-flex;align-items:center;min-height:48px;
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:var(--texto-suave);box-shadow:inset 0 -2px 0 var(--azul);
}
.hero__enlace:hover{color:var(--espresso);box-shadow:inset 0 -2px 0 var(--espresso)}

.boton{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:14px 30px;border-radius:var(--radio);
  font-family:var(--cuerpo);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  border:1px solid transparent;transition:all .22s ease;cursor:pointer;
}
.boton--oscuro{background:var(--espresso);color:var(--blanco);border-color:var(--espresso)}
.boton--oscuro:hover{background:var(--negro);border-color:var(--negro)}
.boton--azul{background:var(--azul);color:var(--espresso-osc);border-color:var(--azul)}
.boton--azul:hover{background:#BFDDF7;border-color:#BFDDF7}
.boton--linea{background:transparent;color:var(--espresso);border-color:var(--espresso)}
.boton--linea:hover{background:var(--espresso);color:var(--blanco)}

/* ---- secciones ---- */
.seccion{padding:66px 0 88px;scroll-margin-top:92px}
.seccion__encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.seccion__titulo{font-family:var(--titulo);font-weight:600;font-size:clamp(1.7rem,3.3vw,2.5rem);margin:0;line-height:1.15}
.seccion__titulo--claro{color:var(--blanco)}
.seccion__contador{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);margin:0 0 6px}

/* ---- filtros ---- */
.filtros{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  font-family:var(--cuerpo);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  min-height:44px;padding:0 18px;cursor:pointer;white-space:nowrap;
  color:var(--texto);background:var(--blanco);
  border:1.5px solid var(--linea);border-radius:var(--radio);
  transition:all .15s ease;
}
.chip:hover{border-color:var(--gris)}
.chip--activo{background:var(--espresso);border-color:var(--espresso);color:var(--blanco)}

/* En escritorio, barra + fila + avanzados forman una sola tira de controles */
.filtros__barra{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:14px;background:var(--hueso);border-radius:var(--radio);
}
.filtros__fila,.filtros__avanzados{display:contents}
.filtros__toggle{display:none}

.filtros input,.filtros select{
  font-family:var(--cuerpo);font-size:.9rem;font-weight:400;color:var(--texto);
  min-height:44px;min-width:0;padding:11px 14px;
  border:1.5px solid var(--linea);border-radius:var(--radio);background:var(--blanco);
}
.filtros input:focus,.filtros select:focus{border-color:var(--gris)}
.filtros__buscar{flex:1 1 240px}
.filtros__reset{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  margin-left:auto;padding:0 2px;background:none;border:none;cursor:pointer;
  font-family:var(--cuerpo);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  color:var(--texto-suave);box-shadow:inset 0 -2px 0 var(--azul);
}
.filtros__reset:hover{color:var(--espresso);box-shadow:inset 0 -2px 0 var(--espresso)}

/* ---- rejilla de producto ---- */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:34px}
.tarjeta{
  display:flex;flex-direction:column;background:var(--blanco);
  border:1px solid var(--linea);border-radius:6px;overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.tarjeta:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(65,54,48,.12)}
.tarjeta__barra{height:8px;flex:0 0 auto}
.tarjeta__marco{
  position:relative;background:var(--hueso);aspect-ratio:4/3;
  overflow:hidden;padding:12px;
}
.tarjeta__marco img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.tarjeta--vendida .tarjeta__marco img{filter:grayscale(1);opacity:.5}

.etiqueta{
  position:absolute;top:14px;left:14px;z-index:2;padding:7px 13px;border-radius:3px;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2;
  background:var(--azul);color:var(--espresso-osc);                 /* 11.9:1 */
}
.etiqueta--nueva{background:var(--azul);color:var(--espresso-osc)}
.etiqueta--vendida{background:var(--gris);color:var(--negro)}       /*  9.4:1 */
.etiqueta--reservada{background:var(--negro);color:var(--blanco)}   /* 18.9:1 */

.tarjeta__cuerpo{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.tarjeta__marca{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--texto-suave);margin:0 0 5px}
.tarjeta__titulo{font-family:var(--titulo);font-size:1.45rem;font-weight:600;color:var(--espresso);margin:0 0 6px;line-height:1.15}
.tarjeta__meta{font-size:.88rem;color:var(--texto-suave);margin:0 0 14px}
.tarjeta__pie{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-top:14px;border-top:1px solid var(--linea);
}
.tarjeta__precio{font-family:var(--titulo);font-size:1.35rem;font-weight:600;color:var(--espresso)}
.tarjeta__ficha{
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:var(--espresso);box-shadow:inset 0 -2px 0 var(--azul);padding-bottom:3px;
}
.tarjeta:hover .tarjeta__ficha{box-shadow:inset 0 -2px 0 var(--espresso)}
.vacio{text-align:center;color:var(--texto-suave);padding:60px 0}

/* ---- marcador sin fotografía ---- */
.sin-foto{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--hueso)}
.sin-foto img{width:38%;height:auto;opacity:.22}
.tarjeta--vendida .sin-foto img{opacity:.14}

/* ---- proceso ---- */
.proceso{background:var(--azul-suave);padding:72px 0}
.proceso__lista{
  list-style:none;padding:0;margin:34px 0 0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;
}
.proceso__lista li{background:var(--blanco);border:1px solid #DCEAF5;border-radius:6px;padding:26px}
.proceso__num{font-family:var(--titulo);font-size:1.4rem;font-weight:600;color:var(--gris);display:block;margin-bottom:6px}
.proceso__lista h3{font-family:var(--titulo);font-size:1.12rem;font-weight:600;color:var(--espresso);margin:0 0 8px}
.proceso__lista p{margin:0;font-size:.93rem;color:var(--texto-suave)}

/* ---- vende tu montura ---- */
.vende{background:var(--espresso);color:#D8D0CA;padding:78px 0}  /* texto 7.8:1 */
.vende__fila{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.vende__texto{margin:0 0 20px;max-width:52ch}
.vende__lista{list-style:none;margin:0 0 30px;padding:0}
.vende__lista li{padding:5px 0 5px 28px;position:relative;font-size:.95rem}
.vende__lista li::before{
  content:"";position:absolute;left:0;top:.82rem;
  width:15px;height:6px;border-radius:2px;background:var(--azul);
}
.vende__emblema{display:flex;justify-content:center}
.vende__emblema img{width:min(72%,240px);border-radius:50%;background:var(--blanco);padding:8px}

/* ---- ficha de producto (montura.html) ---- */
.ficha{padding:52px 0 90px}
.ficha__volver{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  color:var(--texto-suave);margin-bottom:22px;
}
.ficha__volver:hover{color:var(--espresso)}
.ficha__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.galeria__principal{
  display:flex;align-items:center;justify-content:center;
  background:var(--hueso);border-radius:var(--radio);overflow:hidden;
  margin-bottom:12px;padding:16px;
}
.galeria__principal img{width:100%;height:auto;max-height:72vh;object-fit:contain}
.galeria__principal .sin-foto{aspect-ratio:1/1;width:100%}
.galeria__miniaturas{display:flex;gap:10px;flex-wrap:wrap}
.galeria__miniaturas button{
  width:74px;height:74px;padding:0;cursor:pointer;
  border:1.5px solid var(--linea);background:var(--hueso);border-radius:3px;overflow:hidden;
}
.galeria__miniaturas button[aria-current="true"]{border-color:var(--espresso)}
.galeria__miniaturas img{width:100%;height:100%;object-fit:cover}

.ficha__categoria{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--texto-suave);margin:0 0 10px}
.ficha__titulo{font-family:var(--titulo);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;margin:0 0 4px;line-height:1.12;color:var(--espresso)}
.ficha__modelo{font-size:1.25rem;color:var(--texto-suave);margin:0 0 22px}
.ficha__precio{font-family:var(--titulo);font-size:1.8rem;font-weight:600;color:var(--espresso);margin:0 0 6px}
.ficha__disponibilidad{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:0 0 26px;color:var(--texto-suave)}
.ficha__descripcion{font-size:1.02rem;color:var(--texto-suave);margin:0 0 30px}
.tabla-specs{width:100%;border-collapse:collapse;margin-bottom:32px}
.tabla-specs tr{border-bottom:1px solid var(--linea)}
.tabla-specs th{
  text-align:left;font-weight:600;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--texto-suave);padding:13px 0;width:42%;
}
.tabla-specs td{text-align:right;padding:13px 0;font-size:.98rem;font-weight:600;color:var(--espresso)}
.ficha__acciones{display:flex;flex-wrap:wrap;gap:12px}
.cargando{padding:80px 0;text-align:center;color:var(--texto-suave)}

/* ---- pie ---- */
.pie{background:var(--negro);color:#B9B5B1}   /* 9.2:1 */
.pie__fila{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-top:54px;padding-bottom:44px}
.pie__logo{height:64px;width:auto;margin-bottom:12px}
.pie__lema{font-family:var(--titulo);font-size:1.05rem;color:#B9B5B1;margin:0}
.pie__bloque h3{font-family:var(--titulo);font-size:1.08rem;font-weight:600;color:var(--blanco);margin:0 0 12px}
.pie__bloque p{margin:0;font-size:.92rem}
.pie__bloque a{display:inline-flex;align-items:center;min-height:40px}
.pie__bloque a:hover{color:var(--azul)}
.pie__legal{text-align:center;font-size:.76rem;color:#8A8682;padding:22px 0;margin:0}


/* ================= TABLETA ================= */
@media (max-width:860px){
  .vende__fila{grid-template-columns:1fr;gap:38px}
  .vende__emblema{order:-1}
  .ficha__grid{grid-template-columns:1fr;gap:38px}
  .pie__fila{grid-template-columns:1fr 1fr}
  .rejilla{gap:28px}
  .seccion{padding:52px 0 70px}
  .hero{padding:56px 0 48px}
  .nav{gap:18px;font-size:.74rem}
  .logo img{height:44px}
}


/* ================= MÓVIL ================= */
@media (max-width:640px){
  /* Margen izquierdo mayor que el derecho: el contenido se apoya en un
     eje claro en vez de flotar centrado. Si cambias estos dos valores,
     cámbialos también en .chips y en .nav o la tira se desalineará. */
  .contenedor{padding:0 30px 0 36px}

  /* Cabecera fija: te acompaña al bajar, en una sola línea */
  .cabecera{position:sticky;top:0}
  .cabecera__fila{flex-wrap:nowrap;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
  .logo img{height:42px}
  .menu-toggle{display:inline-flex}

  .nav{
    position:absolute;top:100%;left:0;right:0;z-index:40;
    display:none;flex-direction:column;gap:0;
    padding:4px 30px 14px 36px;background:var(--blanco);
    border-bottom:1px solid var(--linea);
    box-shadow:0 14px 30px rgba(65,54,48,.1);
    font-size:.78rem;letter-spacing:.1em;
  }
  .cabecera--abierta .nav{display:flex}
  .nav a{min-height:52px;justify-content:flex-start;border-bottom:1px solid var(--linea)}
  .nav a:hover{border-color:var(--linea)}
  .nav__destacado{
    margin-top:12px;justify-content:center;
    border-radius:var(--radio);border-bottom:none;
  }

  /* Hero alineado a la izquierda: con márgenes asimétricos, centrar el
     texto parecería un descuadre. Para volver al centrado, basta con
     quitar estas tres reglas. */
  .hero{padding:36px 0 42px;text-align:left}
  .hero__marca{display:none}
  .hero__kicker{margin-bottom:12px;letter-spacing:.2em;font-size:.72rem}
  .hero__titulo{font-size:1.95rem;line-height:1.18;margin:0 0 16px;max-width:none}
  .hero__texto{font-size:.98rem;margin:0 0 26px;max-width:none}
  .hero__acciones{flex-direction:column;align-items:stretch;gap:4px}
  .hero__acciones .boton{width:100%}
  .hero__enlace{justify-content:center}

  /* Secciones: el margen deja sitio a la cabecera fija */
  .seccion{padding:36px 0 56px;scroll-margin-top:84px}
  .proceso,.vende,.pie{scroll-margin-top:84px}
  .seccion__encabezado{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:18px}
  .seccion__contador{margin-bottom:0}

  /* Filtros: solo búsqueda visible; el resto, plegado tras "Filtrar" */
  .filtros{gap:12px;margin-bottom:26px}
  .chips{
    flex-wrap:nowrap;overflow-x:auto;gap:7px;
    margin:0 -30px 0 -36px;padding:0 30px 2px 36px;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;scroll-snap-align:start;padding:0 15px;font-size:.72rem}

  .filtros__barra{display:block;padding:10px}
  .filtros__fila{display:flex;gap:8px;align-items:stretch}
  .filtros__buscar{flex:1 1 auto;min-width:0;font-size:.88rem}
  .filtros__toggle{
    display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
    min-height:44px;padding:0 16px;cursor:pointer;
    font-family:var(--cuerpo);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
    color:var(--blanco);background:var(--espresso);
    border:1.5px solid var(--espresso);border-radius:var(--radio);
  }
  .filtros__activos{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:19px;height:19px;padding:0 5px;border-radius:999px;
    background:var(--azul);color:var(--espresso-osc);font-size:.68rem;letter-spacing:0;
  }
  .filtros__avanzados{display:none}
  .filtros--abierto .filtros__avanzados{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .filtros select{width:100%;padding:12px;font-size:.88rem}
  .filtros__reset{grid-column:1 / -1;margin-left:0;justify-self:start}

  /* Catálogo: tarjeta vertical, con aire alrededor de la fotografía */
  .rejilla{grid-template-columns:1fr;gap:30px}
  .tarjeta{border-radius:8px}
  .tarjeta:hover{transform:none;box-shadow:none}
  .tarjeta:active{box-shadow:0 6px 18px rgba(65,54,48,.12)}
  .tarjeta__marco{padding:22px}
  .tarjeta__cuerpo{padding:20px 22px 22px}
  .tarjeta__marca{font-size:.68rem;letter-spacing:.2em;margin-bottom:4px}
  .tarjeta__titulo{font-size:1.5rem;margin-bottom:5px}
  .tarjeta__meta{font-size:.86rem;margin-bottom:14px}
  .tarjeta__precio{font-size:1.35rem}
  .tarjeta__ficha{font-size:.7rem}
  .etiqueta{top:12px;left:12px;padding:6px 11px;font-size:.7rem;letter-spacing:.12em}

  /* Proceso: lista limpia, sin la barra de marca repetida */
  .proceso{padding:48px 0}
  .proceso__lista{gap:14px;margin-top:24px}
  .proceso__lista li{padding:20px 22px}
  .proceso__num{display:inline;margin-right:8px;font-size:1.15rem}
  .proceso__lista h3{display:inline}

  /* Vende: sin emblema */
  .vende{padding:48px 0}
  .vende__emblema{display:none}
  .vende__fila{gap:0}
  .vende .boton{width:100%}

  /* Ficha de producto */
  .ficha{padding:26px 0 56px}
  .ficha__grid{gap:30px}
  .ficha__titulo{font-size:1.95rem}
  .ficha__modelo{font-size:1.08rem;margin-bottom:18px}
  .ficha__precio{font-size:1.5rem}
  .galeria__principal{padding:22px}
  .galeria__miniaturas button{width:62px;height:62px}
  .tabla-specs th{font-size:.74rem;width:46%}
  .ficha__acciones{flex-direction:column;gap:10px}
  .ficha__acciones .boton{width:100%;padding:16px 20px}

  /* Pie */
  .pie__fila{grid-template-columns:1fr;gap:26px;padding-top:38px;padding-bottom:30px}
  .pie__logo{height:52px}
  .pie__legal{text-align:left}
}


/* ================= MÓVILES ESTRECHOS ================= */
@media (max-width:380px){
  .contenedor{padding:0 26px 0 32px}
  .chips{margin:0 -26px 0 -32px;padding:0 26px 2px 32px}
  .nav{padding-left:32px;padding-right:26px}
  .hero__titulo{font-size:1.8rem}
  .filtros--abierto .filtros__avanzados{grid-template-columns:1fr}
  .tarjeta__marco{padding:18px}
  .tarjeta__cuerpo{padding:18px 18px 20px}
  .tarjeta__titulo{font-size:1.38rem}
  .tarjeta__precio{font-size:1.25rem}
}


/* ================= MOVIMIENTO REDUCIDO ================= */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .tarjeta:hover{transform:none}
  .tarjeta:hover .tarjeta__marco img{transform:none}
}


/* ---- OPCIONAL · barra de marca en movimiento ----
   Descomenta este bloque para que las franjas se desplacen de forma continua.
   El bloque de movimiento reducido de arriba ya la neutraliza cuando el
   sistema operativo lo solicita, así que no hay que tocar nada más.

@keyframes marca-desplazamiento{
  from{background-position:0 0}
  to{background-position:300px 0}
}
.marca-barra{
  background:repeating-linear-gradient(90deg,
    var(--azul) 0 90px, var(--gris) 90px 150px,
    var(--azul) 150px 210px, var(--negro) 210px 300px);
  animation:marca-desplazamiento 14s linear infinite;
}
.marca-barra span{display:none}
*/