/** Shopify CDN: Minification failed

Line 388:2 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cordoba-articles (INDEX:12) */
/* ============================================================
   BASE / ESCRITORIO — carrusel con márgenes, texto sobre la foto.
   ============================================================ */
.cordoba-articles {
  padding-top: 0;
  padding-bottom: 60px;
}

.cordoba-articles__head {
  padding-top: 4.8rem;
  padding-bottom: 2.4rem;
  text-align: center;
}

.cordoba-articles__section-title {
  margin: 0;
  font-family: var(--font-serif-family, var(--font-heading-family));
  font-weight: 400;
  font-size: 3.4rem;
  letter-spacing: -0.5px;
  color: rgb(var(--color-foreground));
}

.cordoba-articles__viewport {
  position: relative;
}

/* Pista del carrusel: fila deslizable con snap y márgenes laterales */
.cordoba-articles__grid {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* Márgenes a los lados (aire tipo Ben&Frank) */
  padding: 1rem 9vw 0 10vw;
  scrollbar-width: none;
}

.cordoba-articles__grid::-webkit-scrollbar {
  display: none;
}

/* Cada tarjeta ocupa ~46% en escritorio → se ven ~2 y asoma la siguiente */
.cordoba-article {
  position: relative;
  flex: 0 0 46%;
  scroll-snap-align: center;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: rgb(var(--cordoba-ivory, 250, 250, 248));
}

.cordoba-article__media {
  position: relative;
}

.cordoba-article__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(15, 31, 61, 0.62) 0%,
    rgba(15, 31, 61, 0.32) 42%,
    rgba(15, 31, 61, 0.05) 72%,
    rgba(15, 31, 61, 0) 100%
  );
  transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-article__img {
  display: block;
  width: 100%;
  height: 58vh;
  min-height: 40rem;
  max-height: 62rem;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-article:hover .cordoba-article__img {
  transform: scale(1.04);
}

.cordoba-article__placeholder {
  background: rgba(var(--color-foreground), 0.04);
}

.cordoba-article__content {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.8rem;
  padding: 4.8rem;
  max-width: 90%;
}

.cordoba-article__eyebrow {
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.32em;
  font-size: 1.15rem;
  font-weight: 400;
  color: rgba(var(--cordoba-ivory, 250, 250, 248), 0.85);
}

.cordoba-article__title {
  font-family: var(--font-serif-family, var(--font-heading-family));
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.12;
  letter-spacing: -0.3px;
  color: rgb(var(--cordoba-ivory, 250, 250, 248));
  max-width: 18ch;
}

.cordoba-article__desc {
  font-family: var(--font-body-family);
  font-weight: 300;
  font-size: 1.45rem;
  line-height: 1.5;
  color: rgba(var(--cordoba-ivory, 250, 250, 248), 0.82);
  max-width: 32ch;
}

.cordoba-article__link {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 0.8rem;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgb(var(--cordoba-ivory, 250, 250, 248));
}

.cordoba-article__link-label {
  position: relative;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(var(--cordoba-ivory, 250, 250, 248), 0.5);
}

.cordoba-article__link-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgb(var(--cordoba-ivory, 250, 250, 248));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.cordoba-article:hover .cordoba-article__link-label::after {
  transform: scaleX(1);
}

.cordoba-article__link-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.cordoba-article:hover .cordoba-article__link-arrow {
  transform: translateX(6px);
}

/* --- Flechas (escritorio) --- */
.cordoba-articles__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 5.2rem;
  height: 5.2rem;
  border: 0;
  border-radius: 50%;
  background: rgba(var(--color-background), 0.9);
  color: rgb(var(--color-foreground));
  font-size: 1.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 14px rgba(15, 31, 61, 0.14);
  transition: background-color 0.25s ease, opacity 0.25s ease;
}

.cordoba-articles__arrow:hover {
  background: rgb(var(--color-background));
}

.cordoba-articles__arrow--prev { left: 2.4rem; }
.cordoba-articles__arrow--next { right: 2.4rem; }

.cordoba-articles__arrow[disabled] {
  opacity: 0.35;
  cursor: default;
}

/* ============================================================
   MÓVIL — INTACTO. Carrusel swipe scroll-snap ya aprobado.
   ============================================================ */
@media screen and (max-width: 749px) {
  .cordoba-articles__head {
    padding-top: 3.6rem;
    padding-bottom: 0.8rem;
  }

  .cordoba-articles__section-title {
    font-size: 2.6rem;
  }

  .cordoba-articles__grid {
    gap: 1.2rem;
    padding: 2.4rem 1.6rem 3.2rem;
  }

  .cordoba-article {
    flex: 0 0 86%;
  }

  .cordoba-article__content {
    padding: 3.2rem;
    justify-content: flex-start;
    gap: 1.4rem;
  }

  .cordoba-article__title { font-size: 2.8rem; }
  .cordoba-article__desc { font-size: 1.4rem; }

  .cordoba-article__img {
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 3 / 4;
  }

  /* Flechas ocultas en móvil (se navega con el dedo) */
  .cordoba-articles__arrow {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cordoba-articles__grid { scroll-behavior: auto; }
  .cordoba-article__img,
  .cordoba-article__link-arrow,
  .cordoba-article__link-label::after {
    transition: none;
  }
}
/* END_SECTION:cordoba-articles */

/* START_SECTION:cordoba-category-tiles (INDEX:14) */
.cordoba-tiles__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 750px) {
  .cordoba-tiles__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.cordoba-tile {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: rgb(var(--cordoba-ivory, 250, 250, 248));
}

.cordoba-tile__media {
  position: relative;
}

.cordoba-tile__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(15, 31, 61, 0.22) 0%,
    rgba(15, 31, 61, 0) 28%,
    rgba(15, 31, 61, 0) 52%,
    rgba(15, 31, 61, 0.5) 100%
  );
  transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-tile__img {
  display: block;
  width: 100%;
  height: 62vh;
  min-height: 44rem;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-tile__placeholder {
  background: rgba(var(--color-foreground), 0.04);
}

.cordoba-tile:hover .cordoba-tile__img {
  transform: scale(1.04);
}

.cordoba-tile__content {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3.2rem;
}

.cordoba-tile__heading {
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 1.5rem;
  font-weight: 500;
  color: rgb(var(--cordoba-ivory, 250, 250, 248));
}

.cordoba-tile__button {
  display: inline-block;
  border: 1px solid currentColor;
  padding: 1.1rem 3rem;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgb(var(--cordoba-ivory, 250, 250, 248));
  transition: background-color 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
    color 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-tile:hover .cordoba-tile__button {
  background-color: rgb(var(--cordoba-ivory, 250, 250, 248));
  color: rgb(var(--color-foreground));
}

@media screen and (max-width: 749px) {
  .cordoba-tile__img {
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 4;   /* proporción tipo retrato, se adapta al ancho */
  }
  .cordoba-tile__content {
    padding: 1.4rem;
  }
  .cordoba-tile__heading {
    font-size: 1.2rem;
    letter-spacing: 0.12em;
  }
  .cordoba-tile__button {
    padding: 0.7rem 1.4rem;
    font-size: 1rem;
    letter-spacing: 0.12em;
  }
}
  }
}
/* END_SECTION:cordoba-category-tiles */

/* START_SECTION:cordoba-featured (INDEX:17) */
.cordoba-feat {
  padding-top: 40px;
  padding-bottom: 48px;
  background-color: #F8F7F3; /* Fondo limpio y cálido de las referencias */
}

/* Cabecera sutil y minimalista */
.cordoba-feat .cordoba-feat__head {
  margin-bottom: 24px;
  padding: 0 20px;
}

.cordoba-feat__eyebrow {
  position: relative;
  margin: 0;
  padding-bottom: 8px;
  font-family: var(--font-body-family);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
  display: inline-block;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.3);
}

/* Carrusel y contenedor */
.cordoba-feat__carousel {
  position: relative;
}

.cordoba-feat__viewport {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 20px;
}

.cordoba-feat__viewport::-webkit-scrollbar {
  display: none;
}

.cordoba-feat__viewport.is-dragging {
  cursor: grabbing;
}

.cordoba-feat__track {
  display: flex;
  gap: 40px; /* Generoso espacio para que las monturas respiren */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 
  En escritorio mostramos 4. 
  En móvil 2 monturas al tiempo. 
*/
.cordoba-feat__card {
  flex: 0 0 calc(25% - 30px);
  scroll-snap-align: start;
  box-sizing: border-box;
}

.cordoba-feat__link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* 1. Recuperamos la caja y le damos un "padding" para forzar el aire (espacio negativo) */
.cordoba-feat__media {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  margin-inline: auto;
  overflow: visible; 
  padding: 1%; /* Este margen interno es el secreto para la sensación de clase */
}

/* 2. Las gafas vuelven a su tamaño natural y proporcionado */
.cordoba-feat__img {
  width: 100%;
  height: 100%;
  object-fit: contain; 
  object-position: center;
  transform: scale(1.0); /* Tamaño base sin alteraciones */
  transition: transform 0.4s ease-out; /* Transición muy suave */
}

/* 3. Un zoom muy sutil y sofisticado para la gafa en foco */
@media screen and (max-width: 749px) {
  .cordoba-feat__img {
    transform: scale(1.12);
  }
  .cordoba-feat__card.is-active .cordoba-feat__img {
    transform: scale(1.18);
  }
}

.cordoba-feat__info {
  padding-top: 16px;
  text-align: left;
}

.cordoba-feat__name {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-body-family);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

.cordoba-feat__price {
  display: block;
  font-family: var(--font-body-family);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(var(--color-foreground), 0.6);
}

/* "Ver detalles": micro-enlace discreto que aparece al pasar el cursor */
.cordoba-feat__cta {
  display: inline-block;
  margin-top: 8px;
  font-family: var(--font-body-family);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
  border-bottom: 1px solid rgba(var(--color-foreground), 0.35);
  padding-bottom: 2px;
}

@media (hover: hover) and (min-width: 750px) {
  .cordoba-feat__cta {
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.35s ease, transform 0.35s ease;
  }
  .cordoba-feat__card:hover .cordoba-feat__cta,
  .cordoba-feat__link:focus-visible .cordoba-feat__cta {
    opacity: 1;
    transform: none;
  }
}

/* Flechas para escritorio */
.cordoba-feat__arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  background: none;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.cordoba-feat__arrow:hover { opacity: 1; }
.cordoba-feat__arrow[hidden] { display: none; }
.cordoba-feat__arrow svg { width: 24px; height: 24px; display: block; }
.cordoba-feat__arrow--prev { left: -10px; }
.cordoba-feat__arrow--next { right: -10px; }

/* Responsive para Móvil (2 monturas visibles) */
@media screen and (max-width: 749px) {
  .cordoba-feat {
    padding-top: 24px;
    padding-bottom: 32px;
  }
  
  .cordoba-feat__card {
    flex: 0 0 calc(50% - 10px); /* Ocupa el 50% de la pantalla menos el aire (gap) */
  }

  .cordoba-feat__arrow { 
    display: none; /* Quitamos flechas en móvil para incentivar deslizar */
  }
}
.cordoba-feat__dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:22px;
}

.cordoba-feat__dots span{
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(var(--color-foreground),0.20);
    transition:.3s ease;
}

.cordoba-feat__dots span.is-active{
    background:rgb(var(--color-foreground));
    transform:scale(1.25);
}

/* ============================================================
   ESCRITORIO (≥750px) — ajustes pedidos SOLO para desktop.
   El móvil (≤749px) queda intacto.
   ============================================================ */
@media screen and (min-width: 750px) {
  /* 1 — Eyebrow "Última colección": se baja y se entra hacia la derecha
     para que no quede clavado en la esquina de la sección. */
     .cordoba-feat {
    padding-bottom: 30px;
}
  .cordoba-feat__eyebrow {
    margin-top: 34px;
    margin-left: 44px;
  }

  /* 2 — Arrastre libre con el ratón: sin snap (rueda suelta) + cursor de agarre. */
  .cordoba-feat__viewport {
    scroll-snap-type: none;
    cursor: grab;
  }
  .cordoba-feat__track {
    user-select: none;
    -webkit-user-select: none;
  }
  .cordoba-feat__viewport a,
  .cordoba-feat__viewport img { cursor: inherit; }
  .cordoba-feat__img { -webkit-user-drag: none; user-drag: none; }

  /* 3 — Nombre y precio SUPERPUESTOS sobre la foto: así se ven siempre,
     sin importar lo alta que sea la imagen. Y las gafas suben un poco
     (translateY) para dejarles su espacio abajo. El fondo de la foto
     coincide con el de la sección, así que el recorte superior es invisible. */
  .cordoba-feat__link { position: relative; }
  .cordoba-feat__media { overflow: hidden; }
  .cordoba-feat__img { transform: translateY(-8%); }
  .cordoba-feat__info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7%;
    margin: 0;
    padding: 0;
  }

  /* 4 — Flechas con más margen, ya no pegadas a los extremos. */
  .cordoba-feat__arrow--prev { left: 22px; }
  .cordoba-feat__arrow--next { right: 22px; }
}
/* END_SECTION:cordoba-featured */

/* START_SECTION:cordoba-hero-2 (INDEX:18) */
/* Móvil (base): apilado — foto natural arriba, contenido sobre marfil abajo.
   Con texto oscuro y sin overlay, apilar garantiza la legibilidad en móvil. */
.cordoba-hero2 {
  position: relative;
  display: block;
}

.cordoba-hero2__media {
  position: relative;
  width: 100%;
  height: 64vw;
  min-height: 300px;
  max-height: 520px;
  overflow: hidden;
  z-index: 0;
}

/* El <picture> es transparente al layout: la <img> se comporta como hija
   directa de .cordoba-hero2__media (no cambia nada en escritorio). */
.cordoba-hero2__picture {
  display: contents;
}

.cordoba-hero2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  display: block;
}

/* Escritorio: la foto pasa a fondo completo y el contenido se superpone. */
@media screen and (min-width: 1100px) {
  .cordoba-hero2 {
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  .cordoba-hero2--medium { min-height: 60vh; }
  .cordoba-hero2--large { min-height: 74vh; }
  .cordoba-hero2--fullscreen { min-height: 92vh; }

  .cordoba-hero2__media {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-height: 0;
  }

  .cordoba-hero2__img { object-position: center; }
}

/* Scrim OPCIONAL para legibilidad (apagado por defecto). 
   Envuelto para que aplique ÚNICAMENTE en escritorio (>=750px) */
@media screen and (min-width: 750px) {
  .cordoba-hero2--scrim .cordoba-hero2__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(260deg, rgba(15, 31, 61, 0) 40%, rgba(15, 31, 61, 0.42) 100%);
  }
}

/* --- Composición --- */
.cordoba-hero2__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  /* Móvil: bloque de contenido bajo la foto, sobre marfil (texto oscuro) */
  background-color: rgb(var(--cordoba-ivory));
  padding-top: 10px;
  padding-bottom: 48px;
}

.cordoba-hero2__content {
  width: 100%;
  max-width: var(--cordoba-hero2-max, 600px);
  text-align: left;
}

@media screen and (min-width: 1100px) {
  .cordoba-hero2__inner.page-width {
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 300px;
  }
  
  .cordoba-hero2 .cordoba-hero2__eyebrow { color: rgba(246, 241, 233, 0.75); }
  .cordoba-hero2 .cordoba-hero2__headline { color: #f6f1e9; }
  .cordoba-hero2 .cordoba-hero2__subtext { color: rgba(246, 241, 233, 0.85); }
  
  /* Botón principal adaptado al contraste de escritorio (Marfil) */
  .cordoba-hero2 .cordoba-hero2__btn { 
    color: #f6f1e9; 
    border-bottom-color: rgba(246, 241, 233, 0.4); 
  }
  .cordoba-hero2 .cordoba-hero2__btn:hover { 
    border-bottom-color: #f6f1e9; 
    opacity: 1;
  }

  .cordoba-hero2 .cordoba-hero2__link { color: #f6f1e9; }
  .cordoba-hero2 .cordoba-hero2__link-label { border-bottom-color: rgba(246, 241, 233, 0.4); }
  .cordoba-hero2 .cordoba-hero2__link-label::after { background: #f6f1e9; }
}

/* --- Eyebrow --- */
.cordoba-hero2__eyebrow {
  margin: 0 0 32px;
  font-family: var(--font-body-family);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: rgba(34, 37, 44, 0.65);
}

/* --- Headline --- */
.cordoba-hero2__headline {
  margin: 0 0 36px;
  font-family: var(--font-serif-family);
  font-weight: 400;
  font-style: normal;
  font-size: 96px;
  line-height: 0.93;
  letter-spacing: -1px;
  text-transform: none;
  color: #22252C;
  text-shadow: none;
}

.cordoba-hero2__headline-line3 {
  display: inline-block;
  margin-top: 0px;
  font-size: 0.95em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.05;
}

@media screen and (max-width: 1199px) {
  .cordoba-hero2__headline { font-size: 68px; }
}

@media screen and (max-width: 749px) {
  .cordoba-hero2__headline {
    font-size: 48px;
    letter-spacing: -0.5px;
  }
}

/* --- Subtext --- */
.cordoba-hero2__subtext {
  margin: 0 0 48px;
  font-family: var(--font-body-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(34, 37, 44, 0.78);
  max-width: 44ch;
}

/* --- CTA row --- */
.cordoba-hero2__cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 0px; /* <--- Añade esta línea para separar el botón del texto */
}

/* Primary CTA — Rediseñado estilo minimalista */
.cordoba-hero2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0 0 7px;
  background: none;
  color: #22252C;
  border: 0;
  border-bottom: 1px solid rgba(34, 37, 44, 0.28);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--font-body-family);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 250ms ease, opacity 250ms ease;
}

.cordoba-hero2__btn:hover {
  background: none;
  border-bottom-color: #22252C;
  opacity: 0.8;
}

/* Secondary CTA — navegación editorial, sin botón */
.cordoba-hero2__link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-body-family);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  color: #22252C;
}

.cordoba-hero2__link-label {
  position: relative;
  padding-bottom: 4px;
  /* subrayado fino en reposo */
  border-bottom: 1px solid rgba(34, 37, 44, 0.28);
}

/* subrayado que crece de izquierda a derecha en hover */
.cordoba-hero2__link-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #22252C;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 250ms ease;
}

.cordoba-hero2__link:hover .cordoba-hero2__link-label::after {
  transform: scaleX(1);
}

.cordoba-hero2__link-arrow {
  display: inline-block;
  transition: transform 250ms ease;
}

.cordoba-hero2__link:hover .cordoba-hero2__link-arrow {
  transform: translateX(6px);
}

/* --- Animación fade-up, sutil, escalonada --- */
@keyframes cordoba-hero2-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.cordoba-hero2__eyebrow,
.cordoba-hero2__headline,
.cordoba-hero2__subtext,
.cordoba-hero2__cta {
  opacity: 0;
  animation: cordoba-hero2-rise 750ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.cordoba-hero2__eyebrow { animation-delay: 100ms; }
.cordoba-hero2__headline { animation-delay: 250ms; }
.cordoba-hero2__subtext { animation-delay: 400ms; }
.cordoba-hero2__cta { animation-delay: 550ms; }

@media (prefers-reduced-motion: reduce) {
  .cordoba-hero2__eyebrow,
  .cordoba-hero2__headline,
  .cordoba-hero2__subtext,
  .cordoba-hero2__cta {
    animation: none;
    opacity: 1;
  }
}

/* ============================================================
SOLO MÓVIL (<=749px): Limpio y sin degradado/sombras
============================================================ */
@media screen and (max-width: 749px) {

  .cordoba-hero2 {
    position: relative;
    display: block;
  }

  .cordoba-hero2__mobile-break {
    display: inline;
  }

  .cordoba-hero2__headline-line3 {
    display: inline;
    margin-left: 0;
  }

  /* Imagen móvil a proporción natural (sin recortes). */
  .cordoba-hero2__media {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .cordoba-hero2__img {
    width: 100%;
    height: auto;
    display: block;
  }
/* Scrim OPCIONAL para móvil: oscurece solo el lado izquierdo para el texto claro */
  .cordoba-hero2--scrim .cordoba-hero2__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to right, rgba(15, 31, 61, 0.4) 0%, rgba(15, 31, 61, 0) 65%);
  }

  /* Contenido superpuesto sobre la imagen */
  .cordoba-hero2__inner {
    position: absolute;
    inset: 0;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cordoba-hero2__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  /* Eyebrow oculto */
  .cordoba-hero2__eyebrow { display: none; }

/* Subtexto ARRIBA (hace de eyebrow) */
  .cordoba-hero2__subtext {
    order: -1;
    margin: 0 0 12px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.22em;
    line-height: 1;
    color: rgba(246, 241, 233, 0.85); /* Blanco marfil con un toque de transparencia */
  }

  /* Titular grande, debajo, alineado a la izquierda */
  .cordoba-hero2__headline {
    order: 0;
    margin: 0;
    font-size: 40px;
    line-height: 0.86;
    letter-spacing: -0.6px;
    color: #f6f1e9; /* Blanco marfil sólido */
    max-width: 90%;
  }

  /* Botones estilo Gentle Monster independientes en móvil */
  .cordoba-hero2__cta {
    display: contents; /* Desarmamos el contenedor para ordenar los botones por separado */
  }

  .cordoba-hero2__btn,
  .cordoba-hero2__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0 0 7px;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    font-family: var(--font-body-family);
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0.09em;
    white-space: nowrap;
    transition: border-color 250ms ease, opacity 250ms ease;
  }

  /* BOTÓN PRINCIPAL: Posicionado debajo del titular */
  .cordoba-hero2__btn {
    order: 1; /* El titular es order: 0, por lo que este se coloca justo debajo */
    margin-top: 20px; /* Separación intencional respecto a la línea 3 del texto */
    align-self: flex-start; /* Lo alinea a la izquierda de la pantalla junto con el texto */
    color: #f6f1e9; /* Blanco marfil */
    border-bottom: 1px solid rgba(246, 241, 233, 0.55);
  }

  .cordoba-hero2__btn:hover {
    border-bottom-color: #f6f1e9;
    opacity: 1;
  }

  /* BOTÓN SECUNDARIO: Mantener abajo en el centro y color negro */
  .cordoba-hero2__link {
    order: 2; /* Se coloca al final del orden visual */
    margin-top: auto; /* Empuja el enlace hacia el extremo inferior del Hero */
    align-self: center; /* Lo centra horizontalmente en el espacio inferior */
    color: #000000; /* Texto negro */
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  }
  
  .cordoba-hero2__link:hover {
    border-bottom-color: #000000;
    opacity: 1;
  }

  .cordoba-hero2__link-label { border-bottom: 0; padding-bottom: 0; }
  .cordoba-hero2__link-label::after { display: none; }
  .cordoba-hero2__link-arrow { display: none; }
}
/* END_SECTION:cordoba-hero-2 */

/* START_SECTION:cordoba-hero (INDEX:19) */
/* Móvil (base): apilado — foto natural arriba, contenido sobre marfil abajo.
   Con texto oscuro y sin overlay, apilar garantiza la legibilidad en móvil. */
.cordoba-hero {
  position: relative;
  display: block;
}

.cordoba-hero__media {
  position: relative;
  width: 100%;
  height: 64vw;
  min-height: 300px;
  max-height: 520px;
  overflow: hidden;
  z-index: 0;
}

/* El <picture> es transparente al layout: la <img> se comporta como hija
   directa de .cordoba-hero__media (no cambia nada en escritorio). */
.cordoba-hero__picture {
  display: contents;
}

.cordoba-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  display: block;
}

/* Escritorio: la foto pasa a fondo completo y el contenido se superpone. */
@media screen and (min-width: 1100px) {
  .cordoba-hero {
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  .cordoba-hero--medium { min-height: 60vh; }
  .cordoba-hero--large { min-height: 74vh; }
  .cordoba-hero--fullscreen { min-height: 92vh; }

  /* Aire inferior garantizado: si la ventana es baja el hero crece en vez de
     recortar, y el subrayado del CTA nunca queda pegado al borde. */
  .cordoba-hero { padding-bottom: 48px; }

  .cordoba-hero__media {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-height: 0;
    /* El tope de 520px es solo para el apilado móvil: en escritorio la foto
       debe cubrir todo el hero (si no, asoma el fondo del esquema abajo). */
    max-height: none;
  }

  .cordoba-hero__img { object-position: center; }
}

/* Scrim OPCIONAL para legibilidad (apagado por defecto). Suaviza solo el lado
   del contenido, no oscurece toda la foto. */
/*@media screen and (min-width: 750px) {
  .cordoba-hero--scrim .cordoba-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(15, 31, 61, 0.55) 0%,
      rgba(15, 31, 61, 0.3) 46%,
      rgba(15, 31, 61, 0.62) 100%
    );
  }
}*/

/* Escritorio: el contenido va a la derecha, así que basta un degradado
   horizontal que oscurece solo ese lado (el modelo queda 100% intacto). */
/*@media screen and (min-width: 750px) {
  .cordoba-hero--scrim .cordoba-hero__media::after {
    background: linear-gradient(100deg, rgba(15, 31, 61, 0) 40%, rgba(15, 31, 61, 0.52) 100%);
  }
}*/

/* --- Composición --- */
.cordoba-hero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  /* Móvil: bloque de contenido bajo la foto, sobre marfil (texto oscuro) */
  background-color: rgb(var(--cordoba-ivory));
  padding-top: 40px;
  padding-bottom: 48px;
}

.cordoba-hero__content {
  width: 100%;
  max-width: var(--cordoba-hero-max, 600px);
  text-align: left;
}

@media screen and (min-width: 1100px) {
  .cordoba-hero__inner.page-width {
    display: flex;
    /* Contenido a la izquierda, con el mismo margen editorial del mockup
       (~8.6% del ancho del contenedor). */
    justify-content: flex-start;
    background-color: transparent;
    /* Sin el tope de 1650px de .page-width: así el 10% es siempre 10% del
       ancho real y el margen se ve igual en cualquier pantalla. */
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20% !important;
    padding-right: 38px !important;
  }
}
@media screen and (min-width: 1100px) {
  .cordoba-hero .cordoba-hero__eyebrow { color: rgba(0, 0, 0, 0.7); } /* Negro con opacidad */
  .cordoba-hero .cordoba-hero__headline { color: #000000e0; } /* Negro sólido */
  .cordoba-hero .cordoba-hero__subtext { color: rgba(0, 0, 0, 0.7); } /* Negro con opacidad */
  
  /* Botón principal */
  .cordoba-hero .cordoba-hero__btn { 
    color: #000000e0; 
    border-bottom-color: rgba(0, 0, 0, 0.3); 
  }
  .cordoba-hero .cordoba-hero__btn:hover { 
    border-bottom-color: #000000e0; 
    opacity: 1;
  }

  /* Enlace secundario */
  .cordoba-hero .cordoba-hero__link { color: #000000e0; }
  .cordoba-hero .cordoba-hero__link-label { border-bottom-color: rgba(0, 0, 0, 0.3); }
  .cordoba-hero .cordoba-hero__link-label::after { background: #000000e0; }
}

/* --- Eyebrow --- */
.cordoba-hero__eyebrow {
  margin: 0 0 32px;
  font-family: var(--font-body-family);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: rgba(34, 37, 44, 0.65);
}

/* --- Headline --- */
.cordoba-hero__headline {
  margin: 0 0 36px;
  font-family: var(--font-serif-family);
  font-weight: 400;
  font-style: normal;
  font-size: 96px;
  line-height: 0.93;
  letter-spacing: -1px;
  text-transform: none;
  color: #22252C;
  text-shadow: none;
}
.cordoba-hero__headline-line3 {
  display: inline-block;
  margin-top: 0px;
  font-size: 0.95em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.05;
}

@media screen and (max-width: 1199px) {
  .cordoba-hero__headline { font-size: 68px; }
}

@media screen and (max-width: 749px) {
  .cordoba-hero__headline {
    font-size: 48px;
    letter-spacing: -0.5px;
  }
}

/* --- Subtext --- */
.cordoba-hero__subtext {
  margin: 0 0 48px;
  font-family: var(--font-body-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(34, 37, 44, 0.78);
  max-width: 44ch;
}

/* --- CTA row --- */
.cordoba-hero__cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

/* Primary CTA — Rediseñado estilo minimalista */
.cordoba-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0 0 7px;
  margin-top: 0px;
  background: none;
  color: #22252C;
  border: 0;
  border-bottom: 1px solid rgba(34, 37, 44, 0.28);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--font-body-family);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 250ms ease, opacity 250ms ease;
}

.cordoba-hero__btn:hover {
  background: none;
  border-bottom-color: #22252C;
  opacity: 0.8;
}

/* Secondary CTA — navegación editorial, sin botón */
.cordoba-hero__link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-body-family);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  color: #22252C;
}

.cordoba-hero__link-label {
  position: relative;
  padding-bottom: 4px;
  /* subrayado fino en reposo */
  border-bottom: 1px solid rgba(34, 37, 44, 0.28);
}

/* subrayado que crece de izquierda a derecha en hover */
.cordoba-hero__link-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #22252C;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 250ms ease;
}

.cordoba-hero__link:hover .cordoba-hero__link-label::after {
  transform: scaleX(1);
}

.cordoba-hero__link-arrow {
  display: inline-block;
  transition: transform 250ms ease;
}

.cordoba-hero__link:hover .cordoba-hero__link-arrow {
  transform: translateX(6px);
}

/* --- Escritorio: bloque de contenido compacto (ref. mockup) ---
   Tipografía y ritmo vertical reducidos. Va después de las reglas base
   para ganar al `font-size: 68px` del tramo <=1199px. */
@media screen and (min-width: 1100px) {
  .cordoba-hero__eyebrow {
    font-size: 12px;
    letter-spacing: 0.4em;
    margin-bottom: 26px;
  }

  .cordoba-hero__headline {
    font-size: 76px;
    margin-bottom: 28px;
  }

  .cordoba-hero__subtext {
    margin-bottom: 36px;
    max-width: 32ch;
  }

  .cordoba-hero__btn,
  .cordoba-hero__link {
    font-size: 13px;
  }
}

/* --- Animación fade-up, sutil, escalonada --- */
@keyframes cordoba-hero-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.cordoba-hero__eyebrow,
.cordoba-hero__headline,
.cordoba-hero__subtext,
.cordoba-hero__cta {
  opacity: 0;
  animation: cordoba-hero-rise 750ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.cordoba-hero__eyebrow { animation-delay: 100ms; }
.cordoba-hero__headline { animation-delay: 250ms; }
.cordoba-hero__subtext { animation-delay: 400ms; }
.cordoba-hero__cta { animation-delay: 550ms; }

@media (prefers-reduced-motion: reduce) {
  .cordoba-hero__eyebrow,
  .cordoba-hero__headline,
  .cordoba-hero__subtext,
  .cordoba-hero__cta {
    animation: none;
    opacity: 1;
  }
}

/* ============================================================

SOLO MÓVIL (<=749px): imagen del hero INTACTA (encuadre

natural, sin recortar a pantalla completa) con el texto

superpuesto al centro-derecha y más pequeño, como en

escritorio. No afecta a tablet ni a computador.

============================================================ */

@media screen and (max-width: 749px) {

.cordoba-hero {

.cordoba-hero__mobile-break{

display:none;

}



.cordoba-hero__headline-line3{

display:inline;

margin-left:.18em;

font-style:italic;

}



@media screen and (max-width:749px){



.cordoba-hero__mobile-break{

display:inline;

}



.cordoba-hero__headline-line3{

display:inline;

margin-left:0;

}



}



.cordoba-hero__headline-line3{

display:inline;

margin-left:0;

}

position: relative;

display: block;

}



/* Imagen móvil: modelo a la derecha, espacio libre a la izquierda.

A su proporción natural (sin recortes). */

.cordoba-hero__media {

position: relative;

inset: auto;

width: 100%;

height: auto;

min-height: 0;

max-height: none;

overflow: visible;

}



.cordoba-hero__img {

width: 100%;

height: auto;

display: block;

}



/* Degradado inferior para que los enlaces crema se lean sobre la foto */
.cordoba-hero__media::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 54%;
pointer-events: none;
background: linear-gradient(to top, rgba(15, 31, 61, 0.62) 0%, rgba(15, 31, 61, 0.3) 40%, rgba(15, 31, 61, 0) 100%);
}

/* Contenido superpuesto sobre la imagen */
.cordoba-hero__inner {
position: absolute;
inset: 0;
background-color: transparent;
padding-top: 0;
padding-bottom: 0;
}

.cordoba-hero__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 30px;
}

/* Eyebrow "Córdoba Óptica" oculto (el logo del header ya lo dice) */
.cordoba-hero__eyebrow {
  display: block;
  order: -1;
  margin: 0 0 14px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(34, 37, 44, 0.7);
}

/* Subtexto ARRIBA (hace de eyebrow) */
.cordoba-hero__subtext {
  display: none;
}

/* Titular grande, debajo, alineado a la izquierda */
.cordoba-hero__headline {
order: 0;
margin: 0;
font-size: 40px;
line-height: 0.86;
letter-spacing: -0.6px;
color: #212732;
max-width: 90%;
}



/* Botones estilo Gentle Monster independientes en móvil */
.cordoba-hero__cta {
  display: contents; /* Desarmamos el contenedor para ordenar los botones por separado */
}

.cordoba-hero__btn,
.cordoba-hero__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0 0 7px;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font-family: var(--font-body-family);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.09em;
  white-space: nowrap;
  transition: border-color 250ms ease, opacity 250ms ease;
}

/* BOTÓN PRINCIPAL: Posicionado justo debajo del titular línea 3 */
.cordoba-hero__btn {
  order: 1; /* Se posiciona inmediatamente después del bloque de textos (order: 0) */
  margin-top: 20px; /* Separación sutil respecto al texto superior */
  align-self: flex-start; /* Lo alinea de forma limpia a la izquierda */
  color: #000000; /* Blanco marfil original */
  border-bottom: 1px solid rgba(0, 0, 0, 0.55);
}

.cordoba-hero__btn:hover {
  border-bottom-color: #f6f1e9;
  opacity: 1;
}

/* BOTÓN SECUNDARIO: Anclado abajo en el centro y color negro */
.cordoba-hero__link {
  order: 2; /* Se coloca al fondo de la estructura visual del Hero */
  margin-top: auto; /* Actúa como imán empujando el elemento hacia abajo */
  align-self: center; /* Lo centra horizontalmente */
  color: #000000; /* Texto negro para contraste perfecto */
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.cordoba-hero__link:hover {
  border-bottom-color: #000000;
  opacity: 1;
}

.cordoba-hero__link-label { border-bottom: 0; padding-bottom: 0; }
.cordoba-hero__link-label::after { display: none; }
.cordoba-hero__link-arrow { display: none; }
}
/* END_SECTION:cordoba-hero */

/* START_SECTION:cordoba-manifesto (INDEX:20) */
.cordoba-manifesto {
  padding-top: 72px;
  padding-bottom: 65px;
}

.cordoba-manifesto__content {
  max-width: 900px;
}

/* --- Parte superior: texto + imagen, agrupados y centrados --- */
.cordoba-manifesto__top--media {
  display: grid;
  grid-template-columns: minmax(0, 600px) minmax(0, 500px);
  justify-content: center;
  column-gap: 56px;
  align-items: stretch;
}

.cordoba-manifesto__top--media .cordoba-manifesto__content {
  max-width: none;
  align-self: center;
}

.cordoba-manifesto__media {
  overflow: hidden;
  min-height: 400px;
}

.cordoba-manifesto__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Eyebrow --- */
.cordoba-manifesto__eyebrow {
  position: relative;
  margin: 0 0 50px;
  padding-bottom: 18px;
  font-family: var(--font-body-family);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.55);
}

.cordoba-manifesto__eyebrow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: rgba(var(--color-foreground), 0.35);
}

/* --- Titular --- */
.cordoba-manifesto__headline {
  margin: 0;
  font-family: var(--font-serif-family);
  font-weight: 400;
  font-size: 60px;
  line-height: 1.12;
  letter-spacing: -0.4px;
  color: rgb(var(--color-foreground));
}

.cordoba-manifesto__headline em {
  font-style: italic;
}

/* --- Copy de apoyo --- */
.cordoba-manifesto__copy {
  max-width: 520px;
  margin-top: 48px;
  font-family: var(--font-body-family);
  font-size: 17px;
  line-height: 1.75;
  color: rgba(var(--color-foreground), 0.68);
}

.cordoba-manifesto__copy > :first-child { margin-top: 0; }
.cordoba-manifesto__copy > :last-child { margin-bottom: 0; }
.cordoba-manifesto__copy p { margin: 0 0 20px; }

/* --- Enlace editorial --- */
.cordoba-manifesto__cta {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 48px;
  font-family: var(--font-body-family);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
  color: rgb(var(--color-foreground));
}

.cordoba-manifesto__cta-label {
  position: relative;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.28);
}

.cordoba-manifesto__cta-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgb(var(--color-foreground));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-manifesto__cta:hover .cordoba-manifesto__cta-label::after { transform: scaleX(1); }

.cordoba-manifesto__cta-arrow {
  display: inline-block;
  transition: transform 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cordoba-manifesto__cta:hover .cordoba-manifesto__cta-arrow { transform: translateX(6px); }

/* --- Divisor --- */
.cordoba-manifesto__divider {
  margin: 100px 0 0;
  border: 0;
  border-top: 1px solid rgba(var(--color-foreground), 0.12);
}

/* --- Fila de valores --- */
.cordoba-manifesto__values {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.cordoba-manifesto__value-title {
  margin: 0 0 12px;
  font-family: var(--font-body-family);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.85);
}

.cordoba-manifesto__value-desc {
  margin: 0;
  font-family: var(--font-body-family);
  font-size: 13px;
  line-height: 1.5;
  color: rgba(var(--color-foreground), 0.5);
}

/* --- Motion: fade + translateY, escalonado --- */
@media (prefers-reduced-motion: no-preference) {
  .cordoba-manifesto__reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 650ms cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 650ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .cordoba-manifesto.is-visible .cordoba-manifesto__reveal {
    opacity: 1;
    transform: none;
  }

  .cordoba-manifesto.is-visible .cordoba-manifesto__headline { transition-delay: 90ms; }
  .cordoba-manifesto.is-visible .cordoba-manifesto__media { transition-delay: 150ms; }
  .cordoba-manifesto.is-visible .cordoba-manifesto__copy { transition-delay: 180ms; }
  .cordoba-manifesto.is-visible .cordoba-manifesto__cta { transition-delay: 260ms; }
  .cordoba-manifesto.is-visible .cordoba-manifesto__divider { transition-delay: 340ms; }
  .cordoba-manifesto.is-visible .cordoba-manifesto__values { transition-delay: 400ms; }
}

/* --- Responsive --- */
@media screen and (max-width: 989px) {
  .cordoba-manifesto {
    padding-top: 56px;
    padding-bottom: 88px;
  }

  .cordoba-manifesto__top--media {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .cordoba-manifesto__media {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .cordoba-manifesto__headline { font-size: 50px; }
  .cordoba-manifesto__values { gap: 36px 28px; }
}

@media screen and (max-width: 749px) {
  .cordoba-manifesto {
    padding-top: 60px;
    padding-bottom: 54px;
  }

  .cordoba-manifesto__eyebrow { margin-bottom: 40px; }
  .cordoba-manifesto__headline { font-size: 38px; line-height: 1.16; }
  .cordoba-manifesto__copy { margin-top: 36px; font-size: 16px; }
  .cordoba-manifesto__cta { margin-top: 36px; }
  .cordoba-manifesto__divider { margin-top: 64px; }
  .cordoba-manifesto__values {
    grid-template-columns: repeat(2, 1fr);
    gap: 34px 24px;
  }
}
/* END_SECTION:cordoba-manifesto */

/* START_SECTION:cordoba-marquee (INDEX:21) */
.cordoba-marquee {
  overflow: hidden;
  padding: 0.9rem 0;
}

.cordoba-marquee__viewport {
  display: flex;
}

.cordoba-marquee__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  animation-name: cordoba-marquee-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

.cordoba-marquee__group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cordoba-marquee__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-family: var(--font-body-family);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0 2rem;
}

.cordoba-marquee__item::after {
  content: "·";
  margin-left: 2rem;
  opacity: 0.45;
}

@keyframes cordoba-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .cordoba-marquee__track { animation: none; }
  .cordoba-marquee__viewport { overflow-x: auto; }
}
/* END_SECTION:cordoba-marquee */

/* START_SECTION:op-campaign (INDEX:61) */
.op-campaign {
  position: relative;
  overflow: hidden;
  background-color: var(--op-bg);
  padding-top: var(--op-s-lg);
  padding-bottom: var(--op-s-lg);
}
@media screen and (min-width: 1024px) {
  .op-campaign {
    padding-top: var(--op-s-3xl);
    padding-bottom: var(--op-s-3xl);
  }
}

.op-campaign__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--op-s-base);
  padding: 0 var(--op-gutter) var(--op-s-base);
}
.op-campaign__eyebrow,
.op-campaign__more {
  font-family: var(--op-font-heading);
  font-size: var(--op-h6);
  line-height: var(--op-h6-lh);
  letter-spacing: var(--op-cta-track);
  text-transform: uppercase;
}
.op-campaign__eyebrow {
  color: var(--op-text);
}
.op-campaign__more {
  color: var(--op-text-tertiary);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--op-dur) var(--op-ease);
}
.op-campaign__more:hover {
  color: var(--op-text);
}

.op-campaign__track {
  display: flex;
  gap: var(--op-camp-gap, 24px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  cursor: grab;
  padding-left: var(--op-gutter);
  scroll-padding-left: var(--op-gutter);
  -webkit-overflow-scrolling: touch;
}
.op-campaign__track::-webkit-scrollbar {
  display: none;
}
/* Aire al final para que la última foto pueda separarse del borde derecho */
.op-campaign__track::after {
  content: "";
  flex: 0 0 var(--op-gutter);
}
.op-campaign__track[data-dragging] {
  cursor: grabbing;
  scroll-snap-type: none;
  scroll-behavior: auto;
}

/* Móvil: una foto por vista con un asomo de la siguiente */
.op-campaign__slide {
  margin: 0;
  position: relative;
  flex: 0 0 84%;
  scroll-snap-align: start;
  background-color: var(--op-bg-secondary);
  overflow: hidden;
}
@media screen and (min-width: 750px) {
  .op-campaign__slide {
    flex-basis: calc((100% - var(--op-gutter) - var(--op-camp-gap, 24px)) / 2.2);
  }
}
@media screen and (min-width: 1024px) {
  .op-campaign__slide {
    flex-basis: calc(
      (100% - var(--op-gutter) - (var(--op-camp-cols, 3) - 1) * var(--op-camp-gap, 24px)) /
        var(--op-camp-cols, 3)
    );
  }
}

/* La proporción es idéntica en todos los tamaños: eso mantiene "la misma medida" */
.op-campaign__media {
  display: block;
  width: 100%;
  aspect-ratio: var(--op-camp-ratio, 4 / 5);
}
.op-campaign__media img,
.op-campaign__media svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.op-campaign__overlay {
  position: absolute;
  left: var(--op-s-base);
  right: var(--op-s-base);
  bottom: var(--op-s-base);
  font-family: var(--op-font-heading);
  font-size: var(--op-h5);
  line-height: var(--op-h5-lh);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
/* END_SECTION:op-campaign */