/* caso-larueda.css — tokens y estilos específicos de la sección La Rueda (MKT Group 2023).
   Todo lo demás vive en caso-base.css (compartido).

   ---------------------------------------------------------------------------
   LA PALETA sale de la marca Continental / La Rueda x3:
     --caso-acento: #C2410C (Naranja Continental / Ámbar vibrante ajustado para contraste 5.1:1 sobre blanco)
     --caso-secundario: #0F172A (Azul Oscuro / Pizarra corporativo)
     --caso-fondo-alt: #FFFBEB (Fondo cálido suave)
     --caso-linea: #FDE68A (Línea de detalle)
   --------------------------------------------------------------------------- */

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("fonts/oswald-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.caso--larueda {
  --caso-acento: #C2410C;          /* Naranja Continental / La Rueda (AA 5.1:1) */
  --caso-acento-texto: #ffffff;
  --caso-secundario: #0F172A;      /* Azul marino/pizarra corporativo */
  --caso-fondo-alt: #fffbeb;
  --caso-linea: #fcd34d;
  --larueda-condensada: "Oswald", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
}

.caso--larueda .caso__acto {
  margin-block: clamp(1.25rem, 3vw, 2.25rem);
}
.caso--larueda .caso__acto:first-child { margin-top: 0; }
.caso--larueda .caso__acto:last-child { margin-bottom: 0; }

@media (prefers-color-scheme: dark) {
  .caso--larueda:not([data-tema="claro"]) {
    --caso-acento: #F97316;
    --caso-acento-texto: #180900;
    --caso-secundario: #38BDF8;
    --caso-fondo-alt: #181108;
    --caso-linea: #451A03;
  }
}

.caso--larueda .caso__titular,
.caso--larueda .caso__sobretitulo {
  font-family: var(--larueda-condensada);
}

.caso--larueda .caso__titular {
  font-size: clamp(1.85rem, 3.8vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height: 1.05;
  margin-bottom: 0.5rem;
}

.caso--larueda .caso__filete {
  margin-bottom: 0.75rem;
}

.caso--larueda .caso__entrada {
  font-size: clamp(0.92rem, 1.15vw, 1rem);
  line-height: 1.5;
}

@media (min-width: 1000px) {
  .caso--larueda .caso__reparto {
    align-items: center;
  }
}

.caso--larueda .caso__realce {
  color: var(--caso-acento);
}