/* ============================================================
   Sitioideal — Diseño «Pizarrón» (taquerías, carnes asadas, antojitos) · paso 7.f
   Va encima de sitio.css. Como el pizarrón del puesto: fondo verde muy oscuro
   con textura de gis, letras de rótulo (Oswald) y a mano (Caveat), el menú en
   un pizarrón con marco de madera, lo más pedido en fotos instantáneas y una
   cinta que corre con las categorías. Los colores del negocio son los acentos:
   el acento (aclarado para que se lea sobre el pizarrón) y la cinta.
   HTML propio: app/vistas/sitio/disenos/pizarron/
   ============================================================ */

.diseno-pizarron {
    --pz-rotulo: "Oswald", "Archivo", "Arial Narrow", sans-serif;
    --pz-mano: "Caveat", "Segoe Print", "Comic Sans MS", cursive;
    --pz-tiza: #F3EFE6;
    --pz-tiza-suave: rgba(243, 239, 230, .74);
    --pz-pizarron: #1C2320;
    --pz-pizarron-2: #212A25;
    --pz-tablero: #202925;
    --pz-madera: #7A5433;
    /* El acento y el color principal del negocio, aclarados para leerse sobre el pizarrón */
    --pz-acento: color-mix(in srgb, var(--c-acento) 72%, #fff);
    --pz-principal: color-mix(in srgb, var(--c-primario) 55%, #fff);
    --pz-textura: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

    /* Superficies (sitio.css) */
    --s-fondo: var(--pz-pizarron);
    --s-alterna: var(--pz-pizarron-2);
    --s-tarjeta: rgba(255, 255, 255, .055);
    --s-tarjeta-alterna: rgba(255, 255, 255, .055);
    --s-encabezado: #141A17;
    --s-claro: rgba(255, 255, 255, .07);
    --s-texto: var(--pz-tiza);
    --s-titulo: var(--pz-acento);
    --s-linea: rgba(243, 239, 230, .14);
    --s-linea-fuerte: rgba(243, 239, 230, .22);
    --s-tinte: var(--pz-pizarron);
    --barra-principal: #1FA855;

    background: var(--pz-pizarron) var(--pz-textura);
}

/* Donde el navegador puede, el acento se aclara solo lo necesario (conserva su color) */
@supports (color: oklch(from red l c h)) {
    .diseno-pizarron {
        --pz-acento: oklch(from var(--c-acento) max(l, .8) c h);
        --pz-principal: oklch(from var(--c-primario) max(l, .74) c h);
    }
}

.pz-mano { font-family: var(--pz-mano); font-weight: 600; }

.diseno-pizarron h1,
.diseno-pizarron h2,
.diseno-pizarron .logo__nombre,
.diseno-pizarron .menu a,
.diseno-pizarron .boton,
.diseno-pizarron .especial__titulo,
.diseno-pizarron .equipo__titulo,
.diseno-pizarron .sucursal__nombre,
.diseno-pizarron .promocion__titulo,
.diseno-pizarron .servicio__nombre,
.diseno-pizarron .redes__titulo {
    font-family: var(--pz-rotulo);
    font-stretch: normal;
    letter-spacing: .02em;
    text-transform: uppercase;
}

/* ---------- Encabezado: el logo en una placa clara ---------- */
.diseno-pizarron .encabezado {
    border-bottom: 0;
    box-shadow: 0 1px 0 var(--s-linea), 0 10px 24px -18px #000;
}

.diseno-pizarron .logo:has(.logo__imagen),
.diseno-pizarron .logo:has(svg) {
    padding: 6px 12px;
    border-radius: 12px;
    background: var(--pz-tiza);
}

.diseno-pizarron .logo__imagen { height: 42px; }
.diseno-pizarron .logo__nombre { color: var(--pz-tiza); font-weight: 700; }

.diseno-pizarron .menu { gap: 4px 22px; }
.diseno-pizarron .menu a { color: var(--pz-tiza-suave); font-weight: 500; font-size: 1rem; }
.diseno-pizarron .menu a:hover { color: var(--pz-acento); }

/* ---------- Portada ---------- */
.pz-portada {
    position: relative;
    padding-top: clamp(40px, 6vw, 72px);
    overflow: hidden;
    background:
        radial-gradient(60% 50% at 85% 10%, rgba(255, 255, 255, .06), transparent 70%),
        radial-gradient(40% 40% at 10% 90%, rgba(255, 255, 255, .04), transparent 70%),
        var(--pz-textura) var(--pz-pizarron);
}

.pz-portada__rejilla {
    display: grid;
    gap: 40px;
    align-items: center;
}

@media (min-width: 900px) {
    .pz-portada__rejilla { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 56px; }
}

.pz-portada__giro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin: 0 0 4px;
}

.pz-portada__giro .pz-mano {
    display: inline-block;
    color: var(--pz-acento);
    font-size: clamp(1.7rem, 1.3rem + 1.4vw, 2.3rem);
    line-height: 1;
    transform: rotate(-3deg);
}

.pz-portada__desde {
    padding: 3px 12px;
    border: 1.5px solid var(--s-linea-fuerte);
    border-radius: 999px;
    color: var(--pz-tiza-suave);
    font-family: var(--pz-rotulo);
    font-size: .85rem;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.pz-portada__nombre {
    margin: 10px 0 16px;
    color: var(--pz-tiza);
    font-size: clamp(2.7rem, 1.4rem + 5.6vw, 6rem);
    font-weight: 700;
    line-height: .95;
    text-shadow: 0 0 1px rgba(243, 239, 230, .5), 0 3px 0 rgba(0, 0, 0, .25);
}

.pz-portada__eslogan {
    max-width: 34ch;
    margin: 0 0 22px;
    color: var(--pz-tiza-suave);
    font-size: clamp(1.1rem, 1rem + .5vw, 1.35rem);
}

/* "Abierto ahora" como letrero */
.pz-letrero {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    margin-bottom: 26px;
    padding: 10px 18px;
    border: 2px dashed var(--s-linea-fuerte);
    border-radius: 12px;
    color: var(--pz-tiza);
    text-decoration: none;
}

.pz-letrero strong {
    font-family: var(--pz-rotulo);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pz-letrero span:last-child { color: var(--pz-tiza-suave); }

.pz-letrero__foco {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FF6B5A;
    box-shadow: 0 0 0 4px rgba(255, 107, 90, .22), 0 0 14px rgba(255, 107, 90, .8);
}
.pz-letrero--abierto .pz-letrero__foco { background: #3DDC6E; box-shadow: 0 0 0 4px rgba(61, 220, 110, .22), 0 0 16px rgba(61, 220, 110, .9); }
.pz-letrero--pronto .pz-letrero__foco { background: #FFB020; box-shadow: 0 0 0 4px rgba(255, 176, 32, .22), 0 0 16px rgba(255, 176, 32, .9); }
.pz-letrero--abierto strong { color: #7BEA9B; }

.pz-portada__botones { gap: 10px; }

.diseno-pizarron .boton { border-radius: 10px; font-weight: 600; letter-spacing: .05em; }
.diseno-pizarron .boton--secundario {
    border-color: rgba(243, 239, 230, .45);
    background: transparent;
    color: var(--pz-tiza);
}
.diseno-pizarron .boton--secundario:hover { border-color: var(--pz-acento); color: var(--pz-acento); }

/* La foto, pegada con cinta */
.pz-portada__foto {
    position: relative;
    justify-self: center;
    width: min(100%, 560px);
    aspect-ratio: 5 / 4;
    padding: 10px;
    border-radius: 4px;
    background: var(--pz-tiza);
    box-shadow: 0 30px 50px -28px #000, 0 2px 0 rgba(0, 0, 0, .3);
    transform: rotate(2.4deg);
}

.pz-portada__foto picture,
.pz-portada__foto picture img { width: 100%; height: 100%; }
.pz-portada__foto picture img { object-fit: cover; border-radius: 2px; }

.pz-portada__foto::before,
.pz-portada__foto::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 118px;
    height: 34px;
    background: color-mix(in srgb, #F5E6B8 70%, transparent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.pz-portada__foto::before { top: -14px; left: -30px; transform: rotate(-32deg); }
.pz-portada__foto::after { right: -30px; bottom: -12px; transform: rotate(-30deg); }

/* Sin foto: el logo (o la inicial) en un círculo de gis */
.pz-portada__foto--logo {
    display: grid;
    place-items: center;
    width: min(80%, 380px);
    aspect-ratio: 1;
    border: 4px dashed rgba(243, 239, 230, .35);
    border-radius: 50%;
    background: rgba(255, 255, 255, .04);
    box-shadow: none;
    transform: rotate(-4deg);
}
.pz-portada__foto--logo::before,
.pz-portada__foto--logo::after { display: none; }
.pz-portada__logo { width: 62%; height: auto; padding: 18px; border-radius: 22px; background: var(--pz-tiza); }
.pz-portada__inicial { color: var(--pz-acento); font-family: var(--pz-rotulo); font-size: 9rem; font-weight: 700; line-height: 1; }

/* La cinta que corre */
.pz-cinta {
    margin: clamp(44px, 6vw, 72px) -2% 0;
    padding: 13px 0;
    overflow: hidden;
    background: var(--c-acento);
    color: var(--c-sobre-acento);
    box-shadow: 0 10px 24px -16px #000;
    transform: rotate(-1.4deg);
}

.pz-cinta__pista {
    display: flex;
    width: max-content;
    animation: pz-correr 38s linear infinite;
}

.pz-cinta__grupo {
    display: flex;
    align-items: center;
    gap: 22px;
    padding-right: 22px;
    font-family: var(--pz-rotulo);
    font-size: clamp(1.1rem, 1rem + .6vw, 1.45rem);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.pz-cinta__grupo .icono { opacity: .8; }

@keyframes pz-correr { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
    .pz-cinta__pista { animation: none; }
}

/* ---------- Secciones ---------- */
.diseno-pizarron .seccion { background-image: var(--pz-textura); }

.diseno-pizarron .seccion h2 {
    position: relative;
    width: fit-content;
    margin-bottom: 30px;
    color: var(--pz-tiza);
    font-size: clamp(2rem, 1.4rem + 2.2vw, 3.1rem);
    font-weight: 700;
}

/* Subrayado a mano, con el acento */
.diseno-pizarron .seccion h2::after {
    content: "";
    display: block;
    width: min(100%, 220px);
    height: 12px;
    margin-top: 4px;
    background: var(--pz-acento);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12'%3E%3Cpath d='M3 8c30-5 60-6 92-3s70 3 122-3' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12'%3E%3Cpath d='M3 8c30-5 60-6 92-3s70 3 122-3' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

.pz-seccion__mano {
    margin: 0 0 -4px;
    color: var(--pz-acento);
    font-size: 1.7rem;
    line-height: 1;
    transform: rotate(-2deg);
    transform-origin: left;
}

/* ---------- Lo más pedido: fotos instantáneas ---------- */
.pz-destacados__lista {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 34px 26px;
    margin: 0;
    padding: 6px 0 0;
    list-style: none;
}
.pz-destacados__lista > li { flex: 0 1 250px; }

/* En el celular, de dos en dos */
@media (max-width: 599.98px) {
    .pz-destacados__lista { gap: 26px 16px; }
    .pz-destacados__lista > li { flex-basis: calc(50% - 8px); }
    .pz-foto { padding: 7px 7px 12px; }
    .pz-foto__precio { top: -12px; right: -10px; min-width: 54px; height: 54px; font-size: 1rem; }
    .pz-foto__nombre { font-size: 1.35rem; }
}

.pz-foto {
    --giro: -2deg;
    padding: 10px 10px 16px;
    border-radius: 4px;
    background: var(--pz-tiza);
    color: #1C2320;
    box-shadow: 0 24px 34px -24px #000;
    transform: rotate(var(--giro));
    transition: transform .2s ease;
}
.pz-foto:nth-child(2n) { --giro: 1.6deg; }
.pz-foto:nth-child(3n) { --giro: -.8deg; }
.pz-foto:hover { transform: rotate(0) translateY(-4px); }

.pz-foto__marco { position: relative; }

.pz-foto__marco img,
.pz-foto__vacio {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 2px;
}

.pz-foto__vacio {
    display: grid;
    place-items: center;
    background: #2A332E;
    color: var(--pz-acento);
}
.pz-foto__vacio .icono { width: 56px; height: 56px; }

.pz-foto__precio {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    min-width: 70px;
    height: 70px;
    padding: 0 8px;
    border-radius: 50%;
    background: var(--c-acento);
    color: var(--c-sobre-acento);
    font-family: var(--pz-rotulo);
    font-size: 1.25rem;
    font-weight: 700;
    box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .7);
    transform: rotate(10deg);
}

.pz-foto__nombre {
    margin: 12px 4px 0;
    font-family: var(--pz-mano);
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.05;
}

.pz-foto__nota { margin: 2px 4px 0; font-size: .9rem; opacity: .7; }

@media (prefers-reduced-motion: reduce) {
    .pz-foto { transition: none; }
}

/* ---------- Menú: el pizarrón con marco de madera ---------- */
.pz-tablero {
    position: relative;
    padding: clamp(22px, 4vw, 50px);
    border: 14px solid transparent;
    border-radius: 14px;
    background:
        var(--pz-textura) padding-box,
        linear-gradient(var(--pz-tablero), var(--pz-tablero)) padding-box,
        repeating-linear-gradient(92deg, rgba(0, 0, 0, .14) 0 3px, transparent 3px 11px) border-box,
        linear-gradient(135deg, color-mix(in srgb, var(--pz-madera) 90%, #fff), var(--pz-madera) 40%, color-mix(in srgb, var(--pz-madera) 70%, #000)) border-box;
    box-shadow: inset 0 0 70px rgba(0, 0, 0, .55), 0 30px 50px -30px #000;
}

@media (max-width: 640px) {
    .pz-tablero { margin-inline: -8px; border-width: 10px; }
}

.pz-tablero__cabeza {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4px 20px;
    margin-bottom: 16px;
}
.pz-tablero__cabeza h2 { margin-bottom: 12px !important; }

.pz-tablero__nota {
    margin: 0 0 14px;
    color: var(--pz-acento);
    font-size: 1.6rem;
    transform: rotate(-2deg);
}

.diseno-pizarron .pz-indice {
    position: static;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 0;
    background: none;
}

.diseno-pizarron .catalogo__indice a {
    border: 1.5px dashed rgba(243, 239, 230, .4);
    color: var(--pz-tiza);
    font-family: var(--pz-rotulo);
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.diseno-pizarron .catalogo__indice a:hover { border-color: var(--pz-acento); background: none; color: var(--pz-acento); }

.pz-tablero__grupos {
    display: grid;
    grid-template-columns: minmax(0, 1fr);   /* (7.j) que un renglón largo no ensanche la pizarra en celulares de 360 px */
    gap: 44px 64px;
}

@media (min-width: 960px) {
    .pz-tablero__grupos { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}

.pz-grupo + .pz-grupo { margin-top: 0; }

.pz-grupo__nombre {
    margin: 0 0 4px;
    color: var(--pz-acento);
    font-family: var(--pz-mano);
    font-size: clamp(2rem, 1.6rem + 1vw, 2.5rem);
    font-weight: 700;
    line-height: 1;
}

.pz-grupo__descripcion { margin: 0 0 8px; color: var(--pz-tiza-suave); font-size: .98rem; }

.pz-lista {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.pz-platillo {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px dashed rgba(243, 239, 230, .16);
}
.pz-platillo:last-child { border-bottom: 0; }

.pz-platillo__foto {
    flex: none;
    width: 64px;
    height: 64px;
    border: 3px solid rgba(243, 239, 230, .8);
    border-radius: 50%;
    object-fit: cover;
}

.pz-platillo__texto { flex: 1; min-width: 0; }

/* (7.j) Si no cabe, el precio baja al siguiente renglón; 7.z.24: a cualquier ancho (con una nota larga
   en el precio se salía también en la computadora) */
.pz-platillo__fila {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 10px;
}

.pz-platillo__nombre {
    margin: 0;
    color: var(--pz-tiza);
    font-family: var(--pz-rotulo);
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.pz-platillo__puntos {
    flex: 1;
    min-width: 18px;
    border-bottom: 3px dotted rgba(243, 239, 230, .35);
    transform: translateY(-5px);
}

.pz-platillo__precio {
    flex: none;
    max-width: 100%;
    margin-left: auto;   /* 7.z.24 */
    text-align: right;
    color: var(--pz-acento);
    font-family: var(--pz-rotulo);
    font-size: 1.45rem;
    font-weight: 700;
    white-space: nowrap;
}
.pz-platillo__precio small { color: var(--pz-tiza-suave); font-family: "Archivo", sans-serif; font-size: .8rem; font-weight: 600; text-transform: none; white-space: normal; }

.pz-platillo__descripcion { margin: 4px 0 0; color: var(--pz-tiza-suave); font-size: .96rem; line-height: 1.45; }

.pz-platillo__favorito {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: var(--pz-acento);
    font-size: 1.3rem;
    line-height: 1.1;
}
.pz-platillo__favorito .icono { width: 18px; height: 18px; }

.pz-pedido { margin-top: 34px; }
.diseno-pizarron .catalogo__pedido {
    border: 2px dashed var(--s-linea-fuerte);
    background: transparent;
}

/* Servicios (vista común) en el pizarrón */
.diseno-pizarron .servicio { border-color: var(--s-linea); }
.diseno-pizarron .servicio__precio strong { color: var(--pz-acento); }

/* ---------- Promociones: volantes pegados con cinta ---------- */
.diseno-pizarron .promociones { gap: 34px 26px; }

.diseno-pizarron .promocion {
    position: relative;
    overflow: visible;
    border: 0;
    border-radius: 4px;
    background: var(--pz-tiza);
    color: #1C2320;
    box-shadow: 0 26px 36px -26px #000;
    transform: rotate(-1.2deg);
    /* Adentro del volante, colores de papel */
    --s-titulo: var(--c-primario);
    --s-texto: #1C2320;
    --s-tinte: #fff;
    --s-linea: rgba(0, 0, 0, .08);
}
.diseno-pizarron .promocion:nth-child(2n) { transform: rotate(1deg); }

.diseno-pizarron .promocion::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 1;
    width: 110px;
    height: 30px;
    background: color-mix(in srgb, #F5E6B8 75%, transparent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    transform: translateX(-50%) rotate(-3deg);
}

.diseno-pizarron .promocion__foto { border-radius: 4px 4px 0 0; }
.diseno-pizarron .promocion__titulo { color: #1C2320; font-size: 1.45rem; font-weight: 700; }

/* ---------- Horario ---------- */
.diseno-pizarron .horario__tabla th,
.diseno-pizarron .horario__tabla td { border-bottom-style: dashed; }
.diseno-pizarron .horario__tabla td { font-family: var(--pz-rotulo); letter-spacing: .03em; }
.diseno-pizarron .horario__hoy th,
.diseno-pizarron .horario__hoy td { background: color-mix(in srgb, var(--c-acento) 16%, transparent); color: var(--pz-acento); }
.diseno-pizarron .horario__hoy th { box-shadow: inset 4px 0 0 var(--pz-acento); }
.diseno-pizarron .horario__etiqueta { background: var(--c-acento); color: var(--c-sobre-acento); }
.diseno-pizarron .estado-ahora--claro { border-style: dashed; }
.diseno-pizarron .estado-ahora--claro.estado-ahora--abierto .estado-ahora__punto { background: #3DDC6E; }

/* ---------- Ubicación ---------- */
.diseno-pizarron .mapa { border: 6px solid var(--pz-tiza); border-radius: 6px; box-shadow: 0 24px 40px -26px #000; }
.diseno-pizarron .boton-chico { border-color: rgba(243, 239, 230, .4); color: var(--pz-tiza); }
.diseno-pizarron .boton-chico:hover { background: rgba(255, 255, 255, .06); }
.diseno-pizarron .boton-chico--principal { border-color: var(--c-acento); background: var(--c-acento); color: var(--c-sobre-acento); }
.diseno-pizarron .boton-chico--principal:hover { background: var(--c-acento); filter: brightness(1.08); }

/* ---------- Galería ---------- */
.diseno-pizarron .galeria__foto { border: 4px solid var(--pz-tiza); border-radius: 4px; }
.diseno-pizarron .galeria__ver-mas { border-color: rgba(243, 239, 230, .45); color: var(--pz-tiza); }

/* ---------- Testimonios, preguntas y contacto ---------- */
.diseno-pizarron .testimonio__autor strong { font-family: var(--pz-mano); font-size: 1.45rem; font-weight: 700; }
.diseno-pizarron .testimonio > .icono { color: var(--pz-acento); }
.diseno-pizarron .testimonio__iniciales { background: var(--c-acento); color: var(--c-sobre-acento); }
.diseno-pizarron .pregunta__titulo:hover { color: var(--pz-acento); }
.diseno-pizarron .pregunta__signo { background: rgba(255, 255, 255, .08); }
.diseno-pizarron .contacto__icono,
.diseno-pizarron .especial__marca,
.diseno-pizarron .persona__foto--iniciales { background: var(--c-acento); color: var(--c-sobre-acento); }
.diseno-pizarron .red { border-color: rgba(243, 239, 230, .35); }
.diseno-pizarron .nosotros__desde { background: rgba(255, 255, 255, .06); }

/* ---------- Pie y barra del celular ---------- */
.diseno-pizarron .pie { background: #141A17; color: var(--pz-tiza-suave); border-top: 1px solid var(--s-linea); }
.diseno-pizarron .barra-acciones { background: #141A17; }
.diseno-pizarron .barra-acciones__boton--principal { font-family: var(--pz-rotulo); font-size: .875rem; letter-spacing: .03em; text-transform: uppercase; }

/* ---------- Imagen generada con IA (7.j) ---------- */
/* «Lo más pedido» en el celular: fotos chicas, nota más chica */
@media (max-width: 599.98px) {
    .pz-foto__marco > .marca-ia--foto { padding-inline: 6px; font-size: .62rem; }
}