@layer theme, base, components, utilities, tienda, tema;
/*
 * Tema "owem": Owem Joyeros, joyería de Bogotá que fabrica (bronce dorado y plateado, maquila,
 * baños electrolíticos y lacado). Sobre la marca de owemjoyeros.com: el oro #c59e56 como único
 * acento, texto #333, fondos blanco y #F4F4F4, títulos en Cinzel en mayúsculas con tracking amplio
 * y cuerpo en Lato. Todo recto, casi sin sombras: aire, fotos grandes y poco adorno.
 * Una mejora sobre el original: el blanco sobre el oro de la marca no llega a 3:1, así que los
 * botones van en un oro más hondo (#94712f, 4.5:1 con blanco); el oro claro queda para líneas,
 * íconos y textos sobre el pie oscuro.
 *
 * Solo se apoya en el contrato de estilos: data-bloque, data-parte, data-variante y tokens --t-*.
 * Los colores y las letras se repiten en Apariencia (AndinaPOS) para el carrito y el checkout.
 */
@layer tema {
  /* ── Paleta y letras ───────────────────────────────────────────────────────────────── */
  [data-tema="owem"] {
    --oro-ow: #c59e56;
    --oro-hondo-ow: #94712f;
    --oro-noche-ow: #7d5f27;
    --tinta-ow: #333333;
    --gris-ow: #f4f4f4;
    --linea-ow: #e6e1d8;

    --t-fondo: #ffffff;
    --t-superficie: #ffffff;
    --t-relleno: var(--gris-ow);
    --t-borde: var(--linea-ow);
    --t-borde-suave: #efebe4;
    --t-borde-fuerte: #d6cdbd;
    --t-texto: var(--tinta-ow);
    --t-texto-medio: #4d4d4d;
    --t-texto-suave: #666666;
    --t-texto-tenue: #8a8a8a;
    --t-primario: var(--oro-hondo-ow);
    --t-sobre-primario: #ffffff;
    --t-primario-texto: var(--oro-hondo-ow);
    --t-secundario: var(--oro-hondo-ow);
    --t-sobre-secundario: #ffffff;
    --t-oferta: var(--oro-hondo-ow);
    --t-sobre-oferta: #ffffff;
    --t-fuente-titulos: var(--f-cinzel), "Times New Roman", serif;
    --t-fuente-texto: var(--f-lato), ui-sans-serif, system-ui, sans-serif;
    --t-peso-titulos: 400;
    --t-radio: 0px;
    --t-radio-imagen: 0px;
    --t-radio-boton: 1px;
    --t-sombra: none;
    --t-sombra-elevada: 0 18px 40px -24px rgb(51 51 51 / 0.35);
  }
  [data-tema="owem"] body {
    color: var(--t-texto-medio);
  }
  [data-tema="owem"] :is(h1, h2, h3)[data-parte] {
    letter-spacing: 0.06em;
  }

  /* ── Botones: rectángulo oro, mayúsculas con tracking ──────────────────────────────── */
  [data-tema="owem"] [data-parte="boton"],
  [data-tema="owem"] [data-parte="agregar-carrito"] [data-variante="agregar"] {
    height: auto;
    min-height: 2.9rem;
    padding: 0.7rem 1.75rem;
    border: 1px solid var(--oro-hondo-ow);
    border-radius: 1px;
    background: var(--oro-hondo-ow);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }
  [data-tema="owem"] [data-parte="boton"]:hover,
  [data-tema="owem"] [data-parte="agregar-carrito"] [data-variante="agregar"]:hover {
    border-color: var(--oro-noche-ow);
    background: var(--oro-noche-ow);
    opacity: 1;
  }
  [data-tema="owem"] [data-parte="boton-secundario"] {
    border-radius: 1px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.8rem;
  }

  /* ── Franja de arriba: delgada y oscura, el oro solo en los íconos ─────────────────── */
  [data-tema="owem"] [data-bloque="anuncio"] {
    background: var(--tinta-ow);
    color: #f2ede4;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
  }
  [data-tema="owem"] [data-bloque="anuncio"] [data-parte="enlace"] {
    color: #f2ede4;
  }
  [data-tema="owem"] [data-bloque="anuncio"] [data-parte="icono"] {
    color: var(--oro-ow);
  }

  /* ── Encabezado: blanco, logo al centro y el menú debajo en mayúsculas pequeñas ────── */
  [data-tema="owem"] [data-bloque="encabezado"] {
    border-bottom: 1px solid var(--t-borde-suave);
    box-shadow: none;
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="logo"] img {
    max-height: 3.25rem;
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="menu"] {
    border-top: 0;
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="menu"] > * > [data-parte="enlace"],
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="menu"] [data-parte="enlace"]:not([data-parte="submenu"] *) {
    font-size: 0.78rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tinta-ow);
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="menu"] [data-parte="enlace"]:hover {
    color: var(--oro-hondo-ow);
    background: transparent;
  }
  /* El destacado (Contacto) es el botón oro rectangular, como el "SALE" del sitio de siempre. */
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="menu"] [data-parte="enlace"][data-variante="destacado"] {
    padding-inline: 1.1rem;
    border-radius: 1px;
    background: var(--oro-hondo-ow);
    color: #ffffff;
    font-weight: 700;
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="menu"] [data-parte="enlace"][data-variante="destacado"]:hover {
    background: var(--oro-noche-ow);
    color: #ffffff;
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="submenu"] {
    border-radius: 0;
    border-top: 2px solid var(--oro-ow);
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="submenu"] [data-parte="enlace"] {
    font-size: 0.85rem;
    letter-spacing: 0.04em;
  }
  [data-tema="owem"] [data-bloque="encabezado"] [data-parte="buscador"] {
    border-radius: 1px;
  }
  [data-tema="owem"] [data-bloque="encabezado"] :is([data-parte="icono"], [data-parte="contador-carrito"], [data-parte="enlace"]) svg {
    stroke-width: 1.4;
  }
  [data-tema="owem"] [data-bloque="menu"] [data-parte="enlace"] {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.85rem;
  }

  /* ── Títulos de sección: Cinzel en mayúsculas, centrados, con la línea y el rombo ──── */
  [data-tema="owem"] [data-bloque="portada"] section > h2[data-parte="titulo"],
  [data-tema="owem"] [data-bloque="pagina"] section > h2[data-parte="titulo"],
  [data-tema="owem"] :is([data-bloque="vitrina"], [data-bloque="categorias"]) > * > [data-parte="titulo"],
  [data-tema="owem"] [data-bloque="categorias"] > [data-parte="titulo"],
  [data-tema="owem"] [data-bloque="pagina"] > h1[data-parte="titulo"],
  [data-tema="owem"] [data-bloque="listado"] h1[data-parte="titulo"] {
    padding-bottom: 1.4rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M0 6h50M70 6h50' stroke='%23c59e56' stroke-width='1'/%3E%3Cpath d='M60 1l5 5-5 5-5-5z' fill='%23c59e56'/%3E%3C/svg%3E") center bottom / 7.5rem 0.75rem no-repeat;
    color: var(--tinta-ow);
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  /* El título de una página sin hero va centrado, como en el sitio de siempre; el del listado, a la
     izquierda (comparte fila con el orden), con la línea debajo de él. */
  [data-tema="owem"] [data-bloque="pagina"] > h1[data-parte="titulo"] {
    text-align: center;
  }
  [data-tema="owem"] [data-bloque="listado"] h1[data-parte="titulo"] {
    background-position: left bottom;
  }
  [data-tema="owem"] [data-bloque="texto-imagen"] [data-parte="titulo"] {
    padding-bottom: 1.2rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M0 6h50M70 6h50' stroke='%23c59e56' stroke-width='1'/%3E%3Cpath d='M60 1l5 5-5 5-5-5z' fill='%23c59e56'/%3E%3C/svg%3E") left bottom / 7.5rem 0.75rem no-repeat;
    color: var(--tinta-ow);
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  [data-tema="owem"] [data-parte="resalte"] {
    color: var(--oro-hondo-ow);
  }
  [data-tema="owem"] [data-parte="contenido"] {
    line-height: 1.8;
  }

  /* ── Hero: la foto a todo el ancho y el título enorme en Cinzel blanco ─────────────── */
  [data-tema="owem"] [data-bloque="hero"] [data-parte="velo"] {
    background: linear-gradient(90deg, rgb(20 16 10 / 0.62) 0%, rgb(20 16 10 / 0.28) 45%, rgb(20 16 10 / 0) 75%);
  }
  [data-tema="owem"] [data-bloque="hero"] :is(h1, h2)[data-parte="titulo"] {
    max-width: 13ch;
    color: #ffffff;
    font-size: clamp(2.1rem, 4.6vw, 3.6rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 2px 18px rgb(0 0 0 / 0.25);
  }
  [data-tema="owem"] [data-bloque="hero"] [data-variante="antetitulo"] {
    color: #f3e6cc;
    font-size: 0.8rem;
    letter-spacing: 0.32em;
  }
  [data-tema="owem"] [data-bloque="hero"] [data-parte="subtitulo"]:not([data-variante="antetitulo"]) {
    max-width: 34rem;
    color: rgb(255 255 255 / 0.9);
    font-size: 1.05rem;
    line-height: 1.7;
  }
  [data-tema="owem"] [data-bloque="hero"] [data-parte="boton"] {
    margin-top: 0.75rem;
    border-color: var(--oro-ow);
  }
  [data-tema="owem"] [data-bloque="hero"] [data-parte="controles"] :is(button, [role="button"]) {
    border-radius: 0;
    background: rgb(255 255 255 / 0.15);
    color: #ffffff;
    box-shadow: none;
    backdrop-filter: blur(4px);
  }
  [data-tema="owem"] [data-bloque="hero"] [data-parte="controles"] [aria-current="true"] {
    background: var(--oro-ow);
  }

  /* ── Confianza: líneas finas arriba y abajo, íconos en oro sin círculo ─────────────── */
  [data-tema="owem"] [data-bloque="confianza"] {
    border-block: 1px solid var(--linea-ow);
    border-inline: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }
  [data-tema="owem"] [data-bloque="confianza"] [data-parte="icono"] {
    background: transparent;
    color: var(--oro-hondo-ow);
    box-shadow: none;
  }
  [data-tema="owem"] [data-bloque="confianza"] [data-parte="icono"] svg {
    width: 1.75rem;
    height: 1.75rem;
    stroke-width: 1.2;
  }
  [data-tema="owem"] [data-bloque="confianza"] [data-parte="titulo"] {
    color: var(--tinta-ow);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  /* ── Texto con imagen: la foto recta con un marco oro desplazado ───────────────────── */
  [data-tema="owem"] [data-bloque="texto-imagen"] [data-parte="imagen"] {
    border-radius: 0;
    box-shadow: 1.1rem 1.1rem 0 -1px #ffffff, 1.1rem 1.1rem 0 0 var(--oro-ow);
  }

  /* ── Fotos que se agrandan: una lupa fina en oro en la esquina al pasar el mouse ───── */
  [data-tema="owem"] :is([data-parte="agrandar"], [data-bloque="galeria"] a[data-parte="tarjeta"] [data-parte="imagen"])::after {
    content: "";
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid rgb(197 158 86 / 0.6);
    background: rgb(255 255 255 / 0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c59e56' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center / 1.3rem no-repeat;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
  }
  [data-tema="owem"] :is([data-parte="agrandar"]:is(:hover, :focus-visible), [data-bloque="galeria"] a[data-parte="tarjeta"]:is(:hover, :focus-visible) [data-parte="imagen"])::after {
    opacity: 1;
  }
  @media (hover: none) {
    [data-tema="owem"] :is([data-parte="agrandar"], [data-bloque="galeria"] a[data-parte="tarjeta"] [data-parte="imagen"])::after {
      opacity: 0.85;
      width: 2rem;
      height: 2rem;
      background-size: 1.1rem;
    }
  }

  /* ── Reels de Instagram: el cuadro de espera en tinta, con el ícono en oro ─────────── */
  [data-tema="owem"] [data-bloque="videos"] [data-proveedor="instagram"] {
    background: var(--tinta-ow);
  }
  [data-tema="owem"] [data-bloque="videos"] [data-proveedor="instagram"] button {
    background:
      linear-gradient(180deg, rgb(197 158 86 / 0.14), rgb(0 0 0 / 0) 40%),
      var(--tinta-ow);
    color: #f2ede4;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  [data-tema="owem"] [data-bloque="videos"] [data-proveedor="instagram"] button svg {
    color: var(--oro-ow);
  }
  [data-tema="owem"] [data-bloque="videos"] [data-proveedor="instagram"] [data-parte="icono"] {
    border-radius: 1px;
    background: var(--oro-hondo-ow);
  }
  [data-tema="owem"] [data-bloque="videos"] [data-parte="nombre"] {
    font-family: var(--t-fuente-titulos);
    font-size: 0.95rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  /* ── Tarjetas (servicios): blancas sobre gris, el rombo oro arriba ─────────────────── */
  [data-tema="owem"] [data-fondo="panel"] {
    border: 0;
    border-radius: 0;
    background: var(--gris-ow);
    box-shadow: none;
    backdrop-filter: none;
  }
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="tarjeta"] {
    border: 1px solid var(--linea-ow);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="tarjeta"]:hover {
    border-color: var(--oro-ow);
    box-shadow: var(--t-sombra-elevada);
    transform: translateY(-3px);
  }
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="tarjeta"][data-icono]::before {
    content: "";
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    margin: 0 auto 1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23c59e56' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M14 8h20l8 11-18 21L6 19z'/%3E%3Cpath d='M6 19h36M18 8l-4 11 10 21 10-21-4-11'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="nombre"] {
    color: var(--tinta-ow);
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  /* "Ver más →" como enlace en oro, no como botón lleno: el lleno queda para el llamado principal. */
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="tarjeta"] [data-parte="boton"] {
    min-height: 0;
    padding: 0.35rem 0;
    border: 0;
    border-bottom: 1px solid var(--oro-ow);
    background: transparent;
    color: var(--oro-hondo-ow);
  }
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="tarjeta"] [data-parte="boton"]::after {
    content: "";
    width: 0.9em;
    height: 0.6em;
    margin-left: 0.5em;
    background: currentColor;
    clip-path: polygon(0 42%, 70% 42%, 70% 0, 100% 50%, 70% 100%, 70% 58%, 0 58%);
  }
  [data-tema="owem"] [data-bloque="tarjetas"] [data-parte="tarjeta"] [data-parte="boton"]:hover {
    background: transparent;
    color: var(--oro-noche-ow);
  }

  /* ── Testimonios (tarjetas sobre fondo claro): gris, comillas grandes en oro ───────── */
  [data-tema="owem"] [data-fondo="claro"] {
    background: var(--gris-ow);
  }
  [data-tema="owem"] [data-fondo="claro"] [data-bloque="tarjetas"] [data-parte="tarjeta"] {
    border-color: transparent;
    background: #ffffff;
  }
  [data-tema="owem"] [data-fondo="claro"] [data-bloque="tarjetas"] [data-parte="tarjeta"][data-icono]::before {
    width: 2.4rem;
    height: 1.8rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='%23c59e56'%3E%3Cpath d='M0 48V28C0 12 8 3 24 0l2 6C17 9 13 14 12 22h12v26zm38 0V28c0-16 8-25 24-28l2 6c-9 3-13 8-14 16h12v26z'/%3E%3C/svg%3E");
  }
  [data-tema="owem"] [data-fondo="claro"] [data-bloque="tarjetas"] [data-parte="nombre"] {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  /* ── Campaña: la foto oscurecida a todo lo ancho del contenedor, sin la píldora ────── */
  [data-tema="owem"] [data-fondo="acento"] {
    /* El velo de la campaña sale de --t-texto: aquí va en tinta para que la foto clara se oscurezca. */
    --t-texto: #1f1a12;
    --t-sobre-imagen: #ffffff;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  [data-tema="owem"] [data-bloque="campana"] {
    border-radius: 0;
  }
  [data-tema="owem"] [data-bloque="campana"] [data-parte="titulo"] {
    color: #ffffff;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  [data-tema="owem"] [data-bloque="campana"] [data-parte="boton"] {
    border-color: var(--oro-ow);
    background: var(--oro-hondo-ow);
    color: #ffffff;
  }

  /* ── Tarjetas de producto: limpias, foto cuadrada, nombre en Cinzel pequeño ────────── */
  [data-tema="owem"] [data-parte="tarjeta"][data-variante] {
    border-radius: 0;
    box-shadow: none;
  }
  [data-tema="owem"] [data-parte="tarjeta"][data-variante] [data-parte="imagen"] {
    border-radius: 0;
    background: var(--gris-ow);
  }
  [data-tema="owem"] [data-parte="tarjeta"][data-variante] [data-parte="imagen"] img {
    transition: transform 0.6s ease;
  }
  [data-tema="owem"] [data-parte="tarjeta"][data-variante]:hover [data-parte="imagen"] img {
    transform: scale(1.04);
  }
  [data-tema="owem"] [data-parte="tarjeta"][data-variante] [data-parte="nombre"] {
    font-family: var(--t-fuente-titulos);
    color: var(--tinta-ow);
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  [data-tema="owem"] [data-parte="tarjeta"] [data-parte="precio"] {
    color: var(--tinta-ow);
    font-weight: 400;
    letter-spacing: 0.04em;
  }
  /* El agregar va de borde (el lleno de oro cansa repetido en cada tarjeta) y se llena al pasar. */
  [data-tema="owem"] [data-parte="tarjeta"] [data-parte="agregar-carrito"] [data-variante="agregar"] {
    background: transparent;
    color: var(--oro-hondo-ow);
  }
  [data-tema="owem"] [data-parte="tarjeta"]:hover [data-parte="agregar-carrito"] [data-variante="agregar"],
  [data-tema="owem"] [data-parte="tarjeta"] [data-parte="agregar-carrito"] [data-variante="agregar"]:focus-visible {
    background: var(--oro-hondo-ow);
    color: #ffffff;
  }
  [data-tema="owem"] [data-parte="etiqueta"]:is([data-variante="descuento"], [data-variante="oferta"]) {
    border-radius: 0;
    background: var(--oro-hondo-ow);
    color: #ffffff;
    letter-spacing: 0.1em;
  }

  /* ── Categorías ────────────────────────────────────────────────────────────────────── */
  [data-tema="owem"] [data-bloque="categorias"] [data-parte="tarjeta"] {
    border-radius: 0;
  }
  [data-tema="owem"] [data-bloque="categorias"] [data-parte="nombre"] {
    font-family: var(--t-fuente-titulos);
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  /* ── Ficha del producto ────────────────────────────────────────────────────────────── */
  [data-tema="owem"] [data-bloque="ficha"] h1[data-parte="titulo"] {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  [data-tema="owem"] [data-bloque="ficha"] [data-parte="precio"] {
    color: var(--tinta-ow);
    font-weight: 400;
    letter-spacing: 0.04em;
  }

  /* ── Contacto: campos rectos, foco en oro ──────────────────────────────────────────── */
  [data-tema="owem"] [data-bloque="contacto"] :is(input, textarea, select) {
    border-radius: 0;
    border-color: var(--t-borde-fuerte);
  }
  [data-tema="owem"] [data-bloque="contacto"] :is(input, textarea, select):focus {
    border-color: var(--oro-hondo-ow);
    outline: 1px solid var(--oro-hondo-ow);
  }

  /* ── Pie oscuro: el logo en claro, títulos en oro ──────────────────────────────────── */
  [data-tema="owem"] [data-bloque="pie"] {
    --t-texto: #f2ede4;
    --t-texto-medio: rgb(242 237 228 / 0.82);
    --t-texto-suave: rgb(242 237 228 / 0.7);
    --t-texto-tenue: rgb(242 237 228 / 0.55);
    --t-borde: rgb(255 255 255 / 0.14);
    --t-borde-suave: rgb(255 255 255 / 0.1);
    --t-primario-texto: var(--oro-ow);
    background: var(--tinta-ow);
    color: var(--t-texto);
    border-top: 0;
  }
  /* El logo trae "Joyeros" en negro: sobre la tinta va en blanco entero. */
  [data-tema="owem"] [data-bloque="pie"] [data-parte="logo"] {
    filter: brightness(0) invert(1);
  }
  [data-tema="owem"] [data-bloque="pie"] [data-parte="titulo"] {
    color: var(--oro-ow);
    font-family: var(--t-fuente-titulos);
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  [data-tema="owem"] [data-bloque="pie"] [data-parte="enlace"]:hover {
    color: var(--oro-ow);
  }
  [data-tema="owem"] [data-bloque="pie"] [data-parte="icono"] {
    border-color: rgb(197 158 86 / 0.5);
    background: transparent;
    color: var(--oro-ow);
  }
  [data-tema="owem"] [data-bloque="pie"] [data-parte="icono"]:hover {
    background: var(--oro-ow);
    color: var(--tinta-ow);
  }

  /* ── Celular ───────────────────────────────────────────────────────────────────────── */
  @media (max-width: 767px) {
    /* Tres reels de 9:16 uno debajo de otro son tres pantallas: en el celular van en una tira. */
    [data-tema="owem"] [data-bloque="videos"]:has([data-proveedor="instagram"]) ul {
      display: flex;
      gap: 0.9rem;
      padding-bottom: 0.5rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
    }
    [data-tema="owem"] [data-bloque="videos"]:has([data-proveedor="instagram"]) li {
      flex: 0 0 72%;
      scroll-snap-align: center;
    }
    [data-tema="owem"] [data-bloque="hero"] [data-parte="velo"] {
      background: linear-gradient(0deg, rgb(20 16 10 / 0.72) 0%, rgb(20 16 10 / 0.3) 55%, rgb(20 16 10 / 0.1) 100%);
    }
    [data-tema="owem"] [data-bloque="texto-imagen"] [data-parte="imagen"] {
      box-shadow: 0.6rem 0.6rem 0 -1px #ffffff, 0.6rem 0.6rem 0 0 var(--oro-ow);
    }
  }
}