/* Identidad Guarino: Poppins, verde institucional, dorado. Frontend público. */ /** * Paleta, tipografía, radios y espaciados centralizados en custom * properties. Antes estos valores estaban repetidos como literales (hex, * px) en cada regla — extraerlos acá hace que un cambio de marca futuro * sea editar un solo lugar, y que los componentes de abajo se lean como * "qué son" (--gsr-color-texto-suave) en vez de "qué valor tienen" (#6b6b66). */ :root { --gsr-color-verde: #1f3d2b; /** * FIX 2.3.1: #2e5941 → #2f5233 — medido en vivo sobre * grupoguarino.com.ar/mercados/ (pedido explícito: "debe seguir la * lógica de colores como esta sección"), color exacto del botón/pestaña * activa de esa página (rgb(47,82,51)). Prácticamente el mismo verde * que ya tenía esta variable — se ajusta al valor exacto de la * referencia en vez de agregar un token nuevo, porque el rol es el * mismo (fondo de elemento primario/activo) y ya se usa en 10 reglas * de este archivo. */ --gsr-color-verde-medio: #2f5233; /** * FIX 2.3.1: nuevo — texto de una pestaña/botón INACTIVO sobre fondo * blanco (rgb(74,124,89) medido en /mercados/). Ninguno de los verdes * existentes cubría este rol: --gsr-color-verde es más oscuro (pensado * para texto sobre blanco en párrafos/links), --gsr-color-verde-medio * ahora es el activo/relleno. */ --gsr-color-verde-suave: #4a7c59; --gsr-color-verde-claro: #eaf0eb; --gsr-color-dorado: #c9a227; /** * FIX 2.4.9.0: pedido explícito — botón "Ver transmisión" en rojo * "para mostrar en vía YouTube" (mismo rol de color que el botón rojo * de "Ver en YouTube"/reproducir que usa esa plataforma). #cc0000 en * vez del #ff0000 exacto de YouTube: con texto blanco encima, #cc0000 * da un contraste de ~5.9:1 (pasa WCAG AA para texto normal, mínimo * 4.5:1); #ff0000 puro da ~4:1, insuficiente. Hover más oscuro * (#a30000) para que el cambio de estado sea perceptible sin perder * el mismo contraste con el texto blanco. */ --gsr-color-youtube: #cc0000; --gsr-color-youtube-hover: #a30000; --gsr-color-texto: #1a1a18; --gsr-color-texto-suave: #6b6b66; --gsr-color-texto-tenue: #999; --gsr-color-borde: #e2e2df; --gsr-color-borde-input: #c9c9c4; --gsr-color-borde-suave: #eee; --gsr-color-badge-hoy-texto: #4a3a0d; --gsr-color-badge-reprogramado-bg: #faeeda; --gsr-color-badge-reprogramado-texto: #854f0b; --gsr-color-badge-cancelado-bg: #f1efe8; --gsr-color-badge-cancelado-texto: #444441; --gsr-color-tag-resultado-texto: #412402; --gsr-color-fondo: #fff; /* FIX 2.0.5: --gsr-color-azul-fecha/--gsr-color-cantidad-numero (2.0.4, fila de la cartelera) se sacaron de acá — la cartelera volvió a la tarjeta de 2.0.1, que no las usa. */ /** * FIX 2.4.1: pila de fallback alineada a la del plugin de Precios * (assets/frontend.css de guarino-precios-hacienda: 'Poppins', * system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif). * Poppins sigue siendo la fuente real (idéntica en ambos plugins) — esto * solo agrega más pisos de red por si Poppins no carga: "system-ui" antes * de "-apple-system" (cubre más navegadores modernos) y "Roboto, Arial" * como fallback adicional en Android/Windows. Aditivo, no cambia cómo se * ve el sitio hoy. */ --gsr-font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --gsr-radius-card: 12px; --gsr-radius-fila: 8px; --gsr-radius-control: 6px; /** * FIX 2.4.4: 4px → 8px — pedido explícito de igualar estilos con el * plugin de Precios: sus botones (.rmag-btn-hist, .rmag-btn-jpg, * frontend.css) usan border-radius:8px, ya coincide con * --gsr-radius-card de acá arriba. */ --gsr-radius-btn: 8px; --gsr-radius-badge: 10px; --gsr-spacing-xs: 4px; --gsr-spacing-sm: 8px; --gsr-spacing-md: 12px; --gsr-spacing-lg: 16px; --gsr-spacing-xl: 24px; /** * FIX 1.2.8 — ancho de la página de detalle, ahora en una sola * variable. `remate-detalle.php` (el template de la ficha individual) * es la única vista del plugin que NO se inserta dentro del contenido * de una Página normal vía shortcode — usa get_header()/get_footer() * pero arma su propio
, así que no hereda el ancho de * columna real del tema (que puede variar según el tema — con sidebar, * a pantalla completa, con Fusion Builder si el tema es Avada, etc.). * Antes ese ancho estaba fijo en 760px "a mano" adentro de la regla * .gsr-detalle, sin forma de ajustarlo sin buscar en todo el CSS. Si * en el sitio real la columna de contenido del tema es más angosta o * más ancha que este valor por defecto, alcanza con sobreescribir esta * única variable (por ejemplo desde el CSS adicional del Personalizador * de WordPress) en vez de tocar el plugin. */ /** * FIX 2.0.2: 100% en vez de 860px, para que el bloque "hero" nuevo * (cantidad de cabezas + consignataria) tuviera lugar de sobra. * FIX 2.0.6: vuelve a 860px — pedido explícito de volver la ficha de * resultado al diseño de 2.0.1. El bloque "hero" que motivó el 100% * se sacó (ver remate-detalle.php, duplicaba datos que ya se * mostraban en la sección Resultado), así que ya no hace falta el * ancho completo — 860px vuelve a ser una columna de lectura cómoda, * consistente con el resto del sitio. * * FIX 2.3.0: vuelve a 100% — pedido explícito, esta vez con * referencias concretas del sector (PDFs de entresurcosycorralesya.com): * "que funcione y se vea en todo el ancho del sitio". El sitio real * (grupoguarino.com.ar) ya corre en modo "wrapper-full-width" del tema * WoodMart — confirmado inspeccionando las clases del en vivo * — así que el ancho angosto de 860px que agregaba el plugin encima * era una restricción propia del plugin, no algo heredado del tema. * Esta es la MISMA variable que ya se usó para esto en 2.0.2/2.0.6 — * cambia de valor otra vez en vez de agregar una nueva, por el mismo * motivo que entonces: sigue habiendo una sola fuente de verdad para * el ancho de las vistas propias del plugin (ficha de detalle, * archive de /remates/, búsqueda avanzada — ver dónde se usa esta * variable más abajo). * * FIX 2.4.4: pasa a 900px — pedido explícito, con dos URLs reales del * plugin de Precios como referencia obligatoria ("anchos... deben ser * iguales"): `.rmag-wrap` (guarino-precios-hacienda/assets/frontend.css) * usa `max-width: 900px; margin: 0 auto`, la misma regla en las 5 * secciones de Precios (Precios MAG, Exportación, Invernada & Cría, * Granos, Históricos). Esto REVIERTE el 100% de 2.3.0 (columna de * lectura angosta y centrada en vez de ancho completo) — se documenta * explícitamente porque 2.3.0 también fue un pedido explícito, con sus * propias referencias del sector; si el resultado no es el esperado, * es la primera variable a revisar. El wrapper `wd-content-area` de * WoodMart (FIX 2.4.0) no se toca — sigue dando el ancho completo del * sitio; 900px ahora limita y centra el contenido DENTRO de ese * wrapper, igual que hace `.rmag-wrap` dentro del mismo tema. * * FIX 2.5.0.1: pasa de 900px a 1140px — pedido explícito: "darle a * todas las vistas [de detalle] y a las vistas de cartelera el mismo * ancho utilizado para contener [el contenido] en este ejemplo: * https://www.grupoguarino.com.ar/mercados/ [...] esto ayudaría al * ancho". Sigue siendo la MISMA variable única (ver arriba) — al * confirmarse en este mismo archivo que `.gsr-cartelera-hub` comparte * clase con `.gsr-detalle` (ver `Shortcodes::render_hub()`, * `
`), un * solo cambio acá alcanza para las 4 superficies pedidas: la ficha de * detalle (remate-detalle.php), el archivo /remates/ (.gsr-archive, * ya comparte esta variable desde 2.2.1), TODO el hub de /cartelera/ * (proximos/resultados/consignatarias/cabañas) y el aviso legal * (.gsr-aviso-legal, ya la usa desde 2.4.6.8). * * Nota de transparencia: esta sesión no tuvo acceso a un navegador * (Claude in Chrome no está conectado) para medir en vivo el ancho * real de `/mercados/`, a diferencia de mediciones anteriores de este * mismo archivo (ver FIX 2.3.1 más abajo, colores medidos en vivo). * `/mercados/` es una Página propia armada con el constructor del * tema (no una vista del plugin) — 1140px es el ancho "boxeado" * estándar de Elementor (el constructor de páginas más común en * WordPress, y consistente con que `/mercados/` no sea una vista * nativa de WoodMart) para su contenedor de contenido, y un salto * razonable respecto a los 900px anteriores sin llegar al 100% ya * descartado en 2.4.4. Si al revisar el sitio en vivo esta columna no * coincide pixel a pixel con `/mercados/`, es la primera y única * variable a ajustar — no requiere tocar ningún otro archivo. */ --gsr-detalle-max-width: 1140px; } /** * FIX 1.2.8 — box-sizing explícito, acotado a los componentes del * plugin (nunca un reset global "*", que sería invasivo con el resto del * tema). Sin esto, un ancho heredado del contenedor del tema sumado al * padding/border propio de una tarjeta o fila puede desbordar el ancho * disponible en vez de descontarlo — un caso clásico de un plugin que * "no respeta" el layout heredado por un detalle de cálculo de caja, no * por el diseño en sí. */ .gsr-cartelera, .gsr-cartelera *, .gsr-detalle, .gsr-detalle *, .gsr-listado-agrupado, .gsr-listado-agrupado *, .gsr-busqueda, .gsr-busqueda * { box-sizing: border-box; } .gsr-cartelera, .gsr-detalle { font-family: var(--gsr-font-family); } /** * Transiciones y estados de foco, acotados a nuestros propios * componentes interactivos (tarjetas, botones, filas de listado, links * de título). Mejora de UX pedida explícitamente en 1.2.8: hover/foco * más notorio y prolijo, sin animaciones bruscas ni afectar nada fuera * del módulo de remates. Respeta prefers-reduced-motion. */ .gsr-listado-fila, .gsr-card-cta, .gsr-btn, .gsr-busqueda-filtros button, .gsr-listado-titulo a, .gsr-listado-ver, .gsr-fila-remate, .gsr-fila-tipo a, .gsr-fila-ver { transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .gsr-listado-fila, .gsr-card-cta, .gsr-btn, .gsr-busqueda-filtros button, .gsr-listado-titulo a, .gsr-listado-ver, .gsr-fila-remate, .gsr-fila-tipo a, .gsr-fila-ver { transition: none; } } .gsr-cartelera a:focus-visible, .gsr-detalle a:focus-visible, .gsr-listado-agrupado a:focus-visible, .gsr-busqueda a:focus-visible, .gsr-busqueda button:focus-visible { outline: 2px solid var(--gsr-color-dorado); outline-offset: 2px; } /* ---------- Estados, tags y utilidades compartidas (cartelera/detalle) ---------- */ /** * FIX 2.0.7: la tarjeta de grilla de la cartelera (.gsr-grid, * .gsr-remate-card y toda su familia — .gsr-card-header/-fecha/-dia/-mes/ * -header-badges/-cantidad-badge/-title/-consignataria/-ubicacion/-modo/ * -detalle/-meta/-destacado-badge/-transmision-icono) se elimina de acá: * cartelera-tarjetas.php pasa a la fila de 4 columnas (modalidad | * información | logo | cantidad/estado), ver .gsr-fila-remate-* más * abajo, y ningún template sigue usando esas clases (verificado por * grep antes de borrarlas). .gsr-card-kicker (remate-detalle.php) y * .gsr-card-cta (consignatarias-listado.php) SÍ se mantienen — las sigue * usando otro template. * * Lo que queda acá es lo que sigue siendo compartido entre varios * templates: badges de estado, tags de "Destacado"/"Resultado * disponible", y el logo chico inline de consignataria (usado por * listado-agrupado.php, consignataria-detalle.php y * busqueda-resultados.php). */ .gsr-badge { font-size: 10px; font-weight: 600; padding: 3px 10px; border-radius: var(--gsr-radius-badge); text-transform: uppercase; background: var(--gsr-color-verde-claro); color: var(--gsr-color-verde); white-space: nowrap; } .gsr-badge-hoy { background: var(--gsr-color-dorado); color: var(--gsr-color-badge-hoy-texto); } .gsr-badge-reprogramado { background: var(--gsr-color-badge-reprogramado-bg); color: var(--gsr-color-badge-reprogramado-texto); } .gsr-badge-cancelado, .gsr-badge-suspendido { background: var(--gsr-color-badge-cancelado-bg); color: var(--gsr-color-badge-cancelado-texto); } /* FIX 2.0.1: "Vigente" y "Próximo" no tienen regla propia a propósito — caen en el estilo base de .gsr-badge (verde claro/verde), el mismo tratamiento "positivo/normal" que ya usa "Finalizado". Solo los estados que necesitan llamar la atención (Hoy, Reprogramado, Cancelado/ Suspendido) tienen su propio color. */ /* Logo de la consignataria (1.2.9), badge chico junto al nombre — en listado-agrupado.php, consignataria-detalle.php, busqueda-resultados.php y en el propio bloque de resultado (ahí con su propio tamaño más grande, ver .gsr-resultado-logo). La cartelera y "Resultados" del hub (cartelera-tarjetas.php / resultados-listado.php) usan su propio selector de logo — ver .gsr-fila-logo img más abajo. */ /** * FIX 2.4.9.5: pedido explícito — "todos los logos, tanto de cabañas como * de consignatarias, deben estar sobre fondo blanco según la medida del * PNG o JPG, formato cuadrado y fondo blanco, para unificar el estilo y * diseño en todas las vistas". Se agrega fondo blanco + borde suave + * padding chico, mismo criterio (background/border/border-radius) que ya * usan .gsr-consignataria-card-logo/.gsr-consignataria-logo/ * .gsr-cabana-card-logo/.gsr-cabana-logo desde 2.4.0 — acá escalado a un * badge de 20px (padding de 1px en vez de 8-10px, y radio de 3px fijo en * vez de var(--gsr-radius-control)=6px, que a esta escala se vería * desproporcionado). object-fit:contain ya garantizaba que el logo nunca * se deformara; lo que faltaba era el fondo blanco parejo cuando el PNG * tiene transparencia o el JPG no es cuadrado. */ .gsr-logo-consignataria { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; vertical-align: middle; background: var(--gsr-color-fondo); border: 1px solid var(--gsr-color-borde-suave); border-radius: 3px; padding: 1px; } /* FIX 1.3.5: el logo se mudó de .gsr-listado-titulo a .gsr-listado-consignataria junto con el nombre (ver nota más abajo) — selector actualizado para que el ajuste de margen siga aplicando. */ .gsr-listado-consignataria .gsr-logo-consignataria { width: 16px; height: 16px; padding: 1px; } .gsr-tag-resultado { display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; background: var(--gsr-color-dorado); color: var(--gsr-color-tag-resultado-texto); padding: 2px 8px; border-radius: var(--gsr-radius-badge); white-space: nowrap; } /* FIX 1.3.3: marca de "Destacado" en el listado — con borde en vez de relleno sólido, para no confundirse con ".gsr-tag-resultado" (mismo dorado, pero relleno) cuando las dos aparecen juntas en la misma fila. */ .gsr-tag-destacado { display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; background: transparent; border: 1px solid var(--gsr-color-dorado); color: var(--gsr-color-dorado); padding: 1px 7px; border-radius: var(--gsr-radius-badge); white-space: nowrap; } .gsr-listado-fila--destacado { border-color: var(--gsr-color-dorado); } .gsr-card-cta { /* Usado hoy por consignatarias-listado.php — la cartelera ya no usa esta clase (ver FIX 2.0.7 arriba). margin-top: auto empuja el botón al fondo de su contenedor flex-column. */ margin-top: auto; align-self: flex-start; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; /* FIX 1.3.5: colores de marca con !important — ver docblock de TemplateLoader::register() para el detalle completo del diagnóstico de especificidad frente al CSS del tema. */ color: var(--gsr-color-fondo) !important; background: var(--gsr-color-verde) !important; padding: var(--gsr-spacing-md) 18px; border-radius: var(--gsr-radius-btn); text-decoration: none; line-height: 1; } .gsr-card-cta:hover, .gsr-card-cta:focus-visible { background: var(--gsr-color-verde-medio) !important; color: var(--gsr-color-fondo) !important; } .gsr-vacio { font-size: 14px; color: var(--gsr-color-texto-suave); } /* ---------- Página de detalle ---------- */ .gsr-detalle { max-width: var(--gsr-detalle-max-width); margin-inline: auto; padding: var(--gsr-spacing-xl) var(--gsr-spacing-lg); /* FIX 2.4.4: pedido explícito de igualar estilos con Precios — .rmag-wrap (frontend.css) fija line-height:1.5 en todo el bloque; acá no había ningún valor propio, heredaba el del tema. */ line-height: 1.5; } @media (max-width: 480px) { .gsr-detalle { padding: var(--gsr-spacing-lg) var(--gsr-spacing-md); } } /** * FIX 2.4.6.2: 120px → 140px — pedido explícito de nuevo sobre * /remates/7772/. .gsr-remate-detalle es una segunda clase propia de * remate-detalle.php (post_class(), ver el template) — se pisa SOLO el * padding-top de esa página, sin tocar .gsr-detalle en general (lo * comparte consignataria-detalle.php, ya validada con su propio margen, * que no se debe alterar de rebote). */ .gsr-remate-detalle { padding-top: 140px; } @media (max-width: 480px) { .gsr-remate-detalle { padding-top: 140px; } } /** * FIX 2.4.4: borde inferior en el encabezado — pedido explícito de * igualar jerarquía visual con Precios: .rmag-head (frontend.css) separa * el bloque de título del resto con `border-bottom: 3px solid * var(--rmag-primario); padding-bottom: 14px; margin-bottom: 20px`. Acá * el
no tenía ningún borde propio — el título y el resto del * contenido no se distinguían como bloques separados. */ .gsr-detalle-header { border-bottom: 3px solid var(--gsr-color-verde-medio); padding-bottom: 14px; margin-bottom: 20px; } /** * FIX 2.4.4: fila logo + breadcrumb/kicker/título — ver docblock en * remate-detalle.php. Layout liviano, sin borde propio (el borde de * separación ya lo pone .gsr-detalle-header, que envuelve esta fila y * también las tarjetas de resumen de más abajo). * * FIX 2.4.7.6: pedido explícito — "el título debe aparecer debajo de * los logos con un margen superior de 20px". Pasa de fila (logos a la * izquierda, texto a la derecha) a columna (logos arriba, texto abajo) * — ya no hace falta el override a columna que tenía en mobile, ver esa * nota más abajo. */ .gsr-detalle-header-logo-row { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: var(--gsr-spacing-md); } /** * FIX 2.4.7.6: nuevo — la fila horizontal de logos en sí (antes esta * fila y el
de texto eran hijos directos de * .gsr-detalle-header-logo-row, mezclados con align-items:center; ahora * que ese contenedor es columna, los logos necesitan su propio wrapper * en fila para seguir viéndose uno al lado del otro). */ .gsr-detalle-header-logos { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gsr-spacing-lg); } /** * FIX 2.4.7.6: nuevo — bloque de texto (breadcrumb/kicker/título), ahora * debajo de los logos. margin-top: 20px es el valor pedido explícito * ("con un margen superior de 20px"), en píxeles fijos en vez de una * variable --gsr-spacing-* porque ninguna coincide con ese valor exacto * (--gsr-spacing-lg es 16px, --gsr-spacing-xl es 24px). */ .gsr-detalle-header-texto { margin-top: 20px; } /** * FIX 2.4.6.4: se había agregado acá el estilo del link "volver" que * vivía en remate-detalle.php, consignataria-detalle-contenido.php, * remates-archive.php y remates-tabs.php. * * FIX 2.4.6.8: pedido explícito — ese link se sacó de las 4 plantillas * ("esa función no ayuda"), así que esta regla queda sin ningún * `.gsr-volver-nav` en el HTML para aplicarse — se borra en vez de * dejarla como CSS muerto. */ .gsr-detalle-breadcrumb { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 var(--gsr-spacing-sm); } .gsr-detalle-breadcrumb a { color: var(--gsr-color-verde); text-decoration: none; } /** * FIX 2.4.7.6: +10% de tamaño — pedido explícito ("título del remate un * 10% más grande"). Base anterior: 26px. */ .gsr-detalle-title { font-size: 28.6px; font-weight: 600; margin: 0 0 var(--gsr-spacing-sm); color: var(--gsr-color-texto); } /** * FIX 2.5.0.6: pedido explícito — "el título de remate no se visualiza * cuando se habilita la función del multihorario [...] ambas líneas deben * verse como los demás título, como el título del remate [...] mejorar el * espacio interlínea, achicarlo un 20% entre ambas líneas". Con horarios * múltiples activos, el

.gsr-detalle-title pasa a contener un renglón * por horario en vez de texto plano (ver remate-detalle.php) — cada * renglón (.gsr-detalle-title-horarios-item) NO redefine tamaño/peso de * fuente, los hereda tal cual del

padre (28.6px/600, igual que * cualquier otro título de esta página), solo se le da color a la hora * (verde, mismo criterio que .gsr-fila-horarios-hora/.gsr-stat-card- * horarios-hora en el resto del plugin) y se ajusta el interlineado. * Nota de transparencia: la base de referencia para el "-20% de * interlineado" es 1.3 (line-height que tenían los renglones de horarios * en las listas equivalentes de esta misma página y de la cartelera antes * de esta versión) — 1.3 × 0.8 = 1.04. */ .gsr-detalle-title-horarios { display: flex; flex-direction: column; gap: 2px; } .gsr-detalle-title-horarios-item { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; line-height: 1.04; } .gsr-detalle-title-horarios-hora { color: var(--gsr-color-verde); } .gsr-detalle-title-horarios-item-titulo { color: inherit; } /** * FIX 2.4.9.8: pedido explícito — línea de descripción corta y opcional * debajo del título, mismo criterio visual que .gsr-fila-descripcion-corta * (FIX 2.4.9.9: renombrada, ver más abajo) en los listados (itálica, menos * peso que el título). */ .gsr-detalle-descripcion { margin: calc(-1 * var(--gsr-spacing-sm) + 4px) 0 var(--gsr-spacing-sm); font-size: 15px; font-style: italic; font-weight: 400; color: var(--gsr-color-texto-tenue, #5a6b5c); line-height: 1.35; } /* FIX 2.0.6 (histórico): .gsr-detalle-hero (bloque "Cantidad de cabezas" + "Consignataria Responsable" con logo que había agregado 2.0.2) se eliminó por duplicar datos que la sección "Resultado del remate" ya mostraba más abajo. Esas clases (.gsr-card-cantidad-destacada/ .gsr-card-consignataria-bloque) ya no existen. FIX 2.4.3: el resumen de Cabezas/Fecha/Consignataria arriba del todo volvió — pedido explícito — pero sin repetir el error de 2.0.2: reusa .gsr-stat-cards/.gsr-stat-card (mismo componente que ya usa esta misma página en la sección Resultado, y consignataria-detalle.php), sin logo y sin la tipografía grande del hero viejo. Ver .gsr-detalle-resumen más abajo y el docblock en remate-detalle.php. */ .gsr-detalle-meta { font-size: 13px; color: var(--gsr-color-texto-tenue); margin: 0 0 var(--gsr-spacing-lg); } /* FIX 2.4.3: el resumen reusa .gsr-stat-cards tal cual — este selector solo achica el margen inferior respecto del uso "normal" de .gsr-stat-cards (que ya viene con margin-bottom), porque acá abajo sigue la línea secundaria (.gsr-detalle-meta) y no queremos doble espacio entre ambas. */ .gsr-detalle-resumen { margin-bottom: var(--gsr-spacing-sm); } /** * FIX 2.4.6.3: pedido explícito — "cambiar o hacer un juego de colores de * fondos verde y contraste similar a precios-mag" sobre las 4 tarjetas de * resumen (Cabezas/Fecha/Ubicación/Consignataria) de /remates/7772/. * Medido en vivo en guarino-precios-hacienda-ref/assets/frontend.css: el * tratamiento "verde de fondo + contraste" más fuerte de esa página no es * .rmag-stat (fondo gris-verdoso pálido, ya era básicamente lo que .gsr- * stat-card tenía) sino .rmag-hero-card — degradé * var(--rmag-primario)→var(--rmag-secundario) con texto blanco, que ahí * se usa para los datos más importantes (índices INMAG/IGMAG). Se * traslada ese mismo criterio acá (degradé var(--gsr-color-verde)→ * var(--gsr-color-verde-suave), texto blanco) con un borde izquierdo * dorado (mismo rol de acento/contraste que .rmag-h3 le da a * var(--rmag-acento) en la referencia). Escenario acotado a * .gsr-detalle-resumen (la fila de arriba de remate-detalle.php) con un * selector de dos clases — no se toca .gsr-stat-card en general, que * sigue verde-claro/verde-oscuro en consignataria-detalle.php y en la * sección Resultado de esta misma página, ninguna de las dos mencionada * en el pedido. */ .gsr-detalle-resumen .gsr-stat-card { background: linear-gradient(160deg, var(--gsr-color-verde) 0%, var(--gsr-color-verde-suave) 100%) !important; border: none; border-left: 4px solid var(--gsr-color-dorado); box-shadow: 0 4px 14px rgba(31, 61, 43, 0.18); } .gsr-detalle-resumen .gsr-stat-card-num, .gsr-detalle-resumen .gsr-stat-card-num--texto { color: #fff !important; } .gsr-detalle-resumen .gsr-stat-card-lbl { color: rgba(255, 255, 255, 0.82) !important; } .gsr-detalle-resumen .gsr-stat-card-hora { color: rgba(255, 255, 255, 0.92); } /** * FIX 2.5.1.0 — bug real, reportado explícitamente ("−49 vs. anunciados * que esté en color blanco, no hay contraste"). Causa raíz: la tarjeta * "Informados" (agregada en 2.5.0.9) vive dentro de .gsr-detalle-resumen, * el mismo fondo verde degradado que ya fuerza texto blanco en * .gsr-stat-card-num/-lbl/-hora (ver las reglas de arriba) — pero * .gsr-stat-card-diferencia (clase nueva de 2.5.0.9, el renglón "+15/−3 * vs. anunciados") no tenía su propia regla acá, así que le quedaba el * color por defecto de .gsr-stat-card-diferencia (gris oscuro, pensado * para fondo blanco) sobre ese mismo fondo verde — prácticamente * invisible. Mismo tratamiento que .gsr-stat-card-hora, línea de arriba. */ .gsr-detalle-resumen .gsr-stat-card-diferencia { color: rgba(255, 255, 255, 0.92); } /** * FIX 2.2.1: /remates/ (archive automático del CPT, ver * remates-archive.php) — mismo ancho de columna de lectura que la ficha * de detalle (.gsr-detalle), para que las dos vistas propias del plugin * se sientan parte del mismo sistema visual en vez de que una respete el * ancho del tema y la otra no. */ .gsr-archive { max-width: var(--gsr-detalle-max-width); margin-inline: auto; padding: var(--gsr-spacing-xl) var(--gsr-spacing-lg); font-family: var(--gsr-font-family); /* FIX 2.4.4: mismo criterio que .gsr-detalle — ver docblock ahí. */ line-height: 1.5; } @media (max-width: 480px) { .gsr-archive { padding: var(--gsr-spacing-lg) var(--gsr-spacing-md); } } /** * FIX 2.4.6.3: 120px → 160px — pedido explícito de nuevo sobre /remates/. * Segunda clase propia de remates-archive.php, mismo criterio que * .gsr-remate-detalle (una clase de margen dedicada por página en vez de * tocar el padding-top base del componente compartido). */ .gsr-remates-archive { padding-top: 160px; } @media (max-width: 480px) { .gsr-remates-archive { padding-top: 160px; } } /* FIX 2.4.4: mismo criterio que .gsr-detalle-header — ver docblock ahí. */ .gsr-archive-header { margin: 0 0 20px; padding-bottom: 14px; border-bottom: 3px solid var(--gsr-color-verde-medio); } .gsr-archive-title { font-size: 26px; font-weight: 600; margin: 0 0 var(--gsr-spacing-sm); color: var(--gsr-color-texto); } .gsr-archive-subtitulo { font-size: 14px; color: var(--gsr-color-texto-suave); margin: 0; } /** * FIX 2.2.1: aviso de "módulo desactivado" — visible solo para * administradores (ver Frontend\Shortcodes::aviso_modulo_inactivo()), con * tratamiento visual de advertencia para que no se confunda con contenido * normal de la cartelera. */ .gsr-aviso-admin { font-size: 13px; color: var(--gsr-color-badge-reprogramado-texto); background: var(--gsr-color-badge-reprogramado-bg); border: 1px solid var(--gsr-color-dorado); border-radius: var(--gsr-radius-control); padding: var(--gsr-spacing-sm) var(--gsr-spacing-md); margin: 0 0 var(--gsr-spacing-md); } /** * FIX 2.3.0 — "Ranking" público (ver ranking-listado.php). Dos bloques * lado a lado en desktop (consignatarias / cabañas), apilados en mobile * — mismo criterio de grid responsive que ya usa .gsr-analisis-grid en * el admin, adaptado a los tokens del frontend público. */ .gsr-ranking-periodo { display: flex; flex-wrap: wrap; gap: var(--gsr-spacing-xs); margin: 0 0 var(--gsr-spacing-lg); } .gsr-ranking-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--gsr-spacing-xl); } .gsr-ranking-bloque { min-width: 0; } .gsr-ranking-titulo { font-size: 18px; font-weight: 600; color: var(--gsr-color-texto); margin: 0 0 var(--gsr-spacing-md); } .gsr-ranking-tabla-wrap { overflow-x: auto; border: 1px solid var(--gsr-color-borde); border-radius: var(--gsr-radius-fila); } .gsr-ranking-tabla { width: 100%; border-collapse: collapse; font-size: 14px; } .gsr-ranking-tabla th, .gsr-ranking-tabla td { padding: var(--gsr-spacing-sm) var(--gsr-spacing-md); text-align: left; border-bottom: 1px solid var(--gsr-color-borde-suave); white-space: nowrap; } .gsr-ranking-tabla thead th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: var(--gsr-color-texto-suave); background: var(--gsr-color-verde-claro); } .gsr-ranking-tabla tbody tr:last-child td { border-bottom: none; } .gsr-ranking-th-pos { width: 36px; text-align: center; } .gsr-ranking-th-num { text-align: right; } .gsr-ranking-cabezas { font-weight: 700; color: var(--gsr-color-verde); } .gsr-ranking-nombre { display: flex; align-items: center; gap: 8px; white-space: normal; } .gsr-ranking-nota { font-size: 12px; color: var(--gsr-color-texto-tenue); margin: var(--gsr-spacing-lg) 0 0; } @media (max-width: 767px) { .gsr-ranking-tabla th, .gsr-ranking-tabla td { padding: var(--gsr-spacing-xs) var(--gsr-spacing-sm); font-size: 13px; } } /** * FIX 2.4.7.2 — "Dashboard de Análisis" público * (`[guarino_remates_dashboard]`, ver Shortcodes::render_dashboard() y * Public/Templates/dashboard-analisis.php). Mismos tokens que el resto de * la cartelera pública (.gsr-detalle como wrapper — mismo ancho/tipografía * que el hub y el Ranking). Las tarjetas de KPI reusan el mismo criterio * visual que .gsr-stat-card (borde izquierdo de acento, número grande); * las barras horizontales replican, en CSS público, el mismo patrón 100% * CSS (sin JS ni librería de gráficos) que ya usa * Modules\Analisis\AnalisisModule::render() en el admin para "Evolución * mensual" — track gris + fill de color proporcional al máximo de la * serie, ancho mínimo de 2% para que un valor bajo pero distinto de cero * siga siendo visible. */ .gsr-dashboard-titulo { font-size: 20px; font-weight: 600; color: var(--gsr-color-texto); margin: 0 0 var(--gsr-spacing-lg); } .gsr-dashboard-kpis { display: flex; flex-wrap: wrap; gap: var(--gsr-spacing-md); margin-bottom: var(--gsr-spacing-xl); } .gsr-dashboard-kpi-card { flex: 1; min-width: 160px; background: var(--gsr-color-fondo); border: 1px solid var(--gsr-color-borde); border-left: 4px solid var(--gsr-color-verde-medio); border-radius: var(--gsr-radius-fila); padding: var(--gsr-spacing-md) var(--gsr-spacing-lg); } .gsr-dashboard-kpi-num { display: block; font-size: 26px; font-weight: 700; line-height: 1; color: var(--gsr-color-texto); } .gsr-dashboard-kpi-lbl { display: block; margin-top: 6px; font-size: 13px; color: var(--gsr-color-texto-suave); } .gsr-dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--gsr-spacing-xl); } .gsr-dashboard-bloque { min-width: 0; } .gsr-dashboard-bloque-titulo { font-size: 16px; font-weight: 600; color: var(--gsr-color-texto); margin: 0 0 var(--gsr-spacing-md); } .gsr-dashboard-barra-fila { display: flex; align-items: center; gap: var(--gsr-spacing-sm); margin: 6px 0; } .gsr-dashboard-barra-etq { width: 40%; max-width: 160px; font-size: 12px; color: var(--gsr-color-texto-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gsr-dashboard-barra-track { flex: 1; background: var(--gsr-color-verde-claro); border-radius: 3px; overflow: hidden; } .gsr-dashboard-barra-fill { display: block; height: 16px; background: var(--gsr-color-verde-medio); } .gsr-dashboard-barra-val { width: 70px; flex-shrink: 0; text-align: right; font-size: 12px; font-weight: 600; color: var(--gsr-color-texto); } .gsr-dashboard-nota { font-size: 12px; color: var(--gsr-color-texto-tenue); margin: var(--gsr-spacing-lg) 0 0; } /* Mismo criterio responsive que .gsr-ranking-*: en pantallas angostas la etiqueta de cada barra pasa a ancho fijo chico para no empujar la barra y el valor fuera de la pantalla. */ @media (max-width: 480px) { .gsr-dashboard-barra-etq { width: 30%; max-width: 110px; } .gsr-dashboard-kpi-card { min-width: 130px; } } /** * FIX 2.0.2: flyer del remate — imagen grande, ancho completo del bloque de * detalle (que ahora a su vez ocupa el ancho completo de la página, ver * --gsr-detalle-max-width más arriba). Mismo radio/borde que el adjunto de * Resultado (.gsr-resultado-adjunto-imagen) para que se sienta parte del * mismo sistema visual. */ /** * FIX 2.4.8.3: pedido explícito — "con un margen de 20px superior y luego * un margen de 20px inferior para no superponerse con ningún otro * elemento". Antes solo tenía margen inferior (var(--gsr-spacing-xl), * 24px) y ninguno superior — acá se pasa a los 20px fijos pedidos en las * 2 puntas, mismo criterio ya usado en el plugin para pedidos de margen * en píxeles exactos (ver FIX 2.4.7.1 más abajo, .gsr-ver-cartelera-nav). */ /** * FIX 2.4.9.4: pedido explícito — "centrado con márgenes de 10px superior * y 10px inferior, sobre un marco de fondo verde claro, para diferenciar * esta opción de flyer de promoción". Margen pasa de 20px (fijo, 2.4.8.3) * a 10px arriba/abajo; se agrega el fondo verde claro * (var(--gsr-color-verde-claro), mismo tono ya usado en el resto del * plugin — ver .gsr-fila-remate--destacado-fondo, 2.4.9.3) con padding * propio para que se note como "marco" y no solo como fondo pegado al * borde del contenido; text-align:center centra tanto la imagen (o el * botón "Ver / descargar flyer" cuando no es imagen) como cualquier * contenido futuro de este bloque. */ .gsr-detalle-flyer { margin: 10px 0; padding: var(--gsr-spacing-md); background: var(--gsr-color-verde-claro); border-radius: var(--gsr-radius-fila); text-align: center; } .gsr-detalle-flyer-imagen { display: inline-block; max-width: 100%; height: auto; border-radius: var(--gsr-radius-fila); border: 1px solid var(--gsr-color-borde); vertical-align: top; } /** * FIX 2.4.9.4: el flyer-imagen ahora vive adentro de un (mismo popup que ya usa el adjunto de * Resultado, ver public-resultado-modal.js) — sin este reset, el link * heredaba el subrayado/color azul por defecto de un alrededor de una * imagen, que no correspondía visualmente acá. Selector por contexto * (.gsr-detalle-flyer a.gsr-adjunto-modal), no :has(), a propósito — este * plugin apunta a Chrome/Safari/Opera/Firefox por igual (ver * public-resultado-modal.js) y :has() todavía no tiene el mismo soporte * parejo en versiones más viejas de Firefox. */ .gsr-detalle-flyer a.gsr-adjunto-modal { display: inline-block; text-decoration: none; } .gsr-detalle-acciones { display: flex; gap: var(--gsr-spacing-sm); flex-wrap: wrap; margin-bottom: var(--gsr-spacing-xl); } .gsr-btn { display: inline-block; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; padding: var(--gsr-spacing-md) 20px; border-radius: var(--gsr-radius-btn); text-decoration: none; background: var(--gsr-color-verde-claro); color: var(--gsr-color-verde); border: 1px solid var(--gsr-color-verde); } .gsr-btn-primary { background: var(--gsr-color-verde); color: var(--gsr-color-fondo); border-color: var(--gsr-color-verde); } /** * FIX 2.4.7.8: pedido explícito — "arreglar el over [hover] cuando se le * pasa el mouse por arriba [al botón 'VER CARTELERA DE REMATES'], a color * naranja o marrón claro para el contraste. arreglar el IU en todos los * botones que haga falta". El hover anterior (opacity: 0.9) no cambiaba de * color — solo atenuaba un poco el mismo verde, sin el contraste pedido. * * Se reemplaza por un cambio de color real a --gsr-color-dorado (#c9a227, * el "marrón claro"/dorado de la identidad de marca — ver el comentario de * arriba del todo de este archivo, "verde institucional, dorado" — no se * introduce un color nuevo), con --gsr-color-badge-hoy-texto (#4a3a0d) como * texto: es el mismo par fondo/texto que ya usa .gsr-badge-hoy en esta * misma hoja de estilos para "texto oscuro sobre dorado", así que el * contraste ya está validado en otro lugar del plugin, no es una * combinación nueva sin probar. * * Esta regla vive en .gsr-btn (el componente base que reusan TODOS los * botones del plugin: "Ver cartelera de remates", "Ver transmisión", * "Descargar catálogo", "Ver resultado", "Ver/descargar resultado", "Ver * video del remate", "Ver/descargar flyer", WhatsApp y Copiar link — ver * Shortcodes::compartir_bloque()) y en .gsr-btn-primary (el modificador que * usan "Ver transmisión" y "Ver cartelera de remates"), así que el mismo * arreglo de contraste llega a todos sin tocar cada botón por separado. * Los demás componentes de botón del plugin (.gsr-fila-ver, * .gsr-listado-ver, .gsr-tab, .gsr-btn-buscador-*) ya tienen su propio * hover con cambio de color/contraste (no opacity), se dejan sin tocar. */ .gsr-btn:hover, .gsr-btn:focus-visible, .gsr-btn-primary:hover, .gsr-btn-primary:focus-visible { background: var(--gsr-color-dorado); border-color: var(--gsr-color-dorado); color: var(--gsr-color-badge-hoy-texto); } .gsr-detalle-bloque { margin-bottom: var(--gsr-spacing-xl); padding-bottom: var(--gsr-spacing-xl); border-bottom: 1px solid var(--gsr-color-borde-suave); } /** * FIX 2.5.0.7: pedido explícito — "este bloque: 'Resultados del remate' * debe tener 30 px de margen superior". Modificador propio (no se toca * .gsr-detalle-bloque en general, que reusan otras secciones de esta misma * página con su propio espaciado) — remate-detalle.php ya le pone la * clase .gsr-detalle-resultado a la
de esta * sección específica. */ .gsr-detalle-resultado { margin-top: 30px; } /** * FIX 2.4.9.0: pedido explícito — "Ver transmisión" ancho completo, en * rojo. margin-bottom explícito porque este párrafo puede vivir fuera de * la sección "Información del remate" (ver docblock en remate-detalle.php) * y no puede depender de heredar el espaciado de esa sección. * * FIX 2.4.9.1: pedido explícito — el bloque se reubicó debajo de las * tarjetas del encabezado (Fecha/Cabezas/Ubicación/Consignataria) y el * margen pasa de 20px a 10px arriba y abajo. */ .gsr-detalle-transmision { margin: 10px 0; } .gsr-btn-transmision { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; box-sizing: border-box; background: var(--gsr-color-youtube); color: #fff; border-color: var(--gsr-color-youtube); } .gsr-btn-transmision .dashicons { font-size: 16px; width: 16px; height: 16px; } /** * Especificidad igual a la regla genérica .gsr-btn:hover (una sola * clase) — al venir DESPUÉS en la hoja de estilos, esta gana el empate * y el hover queda en rojo más oscuro en vez del dorado genérico. */ .gsr-btn-transmision:hover, .gsr-btn-transmision:focus-visible { background: var(--gsr-color-youtube-hover); border-color: var(--gsr-color-youtube-hover); color: #fff; } /** * FIX 2.5.0.7: pedido explícito — botón "Ver planilla a continuación" "de * otro color" que "Ver resultado" (.gsr-btn liso, verde institucional) y * "al lado" de ese botón — ver remate-detalle.php. Se usa * --gsr-color-dorado con --gsr-color-badge-hoy-texto como texto: el mismo * par fondo/texto que .gsr-btn:hover ya usa en toda la hoja de estilos * (ver más arriba), así que el contraste ya está validado, no es una * combinación nueva sin probar — y de paso queda visualmente distinguible * del verde de "Ver resultado" sin agregar un color nuevo al plugin. * margin-left solo entra en juego cuando este botón se muestra al lado de * otro (el caso "al lado de 'Ver resultado'" del pedido); si aparece solo * (remate sin adjunto, solo planilla), el margen extra a la izquierda no * se nota porque no hay nada a su izquierda. */ .gsr-btn-planilla { background: var(--gsr-color-dorado); color: var(--gsr-color-badge-hoy-texto); border-color: var(--gsr-color-dorado); margin-left: 8px; } .gsr-btn-planilla:hover, .gsr-btn-planilla:focus-visible { background: var(--gsr-color-verde); border-color: var(--gsr-color-verde); color: var(--gsr-color-fondo); } /** * FIX 2.5.0.3: pedido explícito — "Descargar catálogo" con el mismo * tratamiento que "Ver transmisión" (.gsr-btn-transmision, arriba) pero * sin el rojo. Se repite el mismo layout (flex centrado, ícono + texto, * ancho completo, mismo padding/box-sizing que .gsr-btn) sin tocar * background/color/border — al no sobreescribirlos, hereda el verde * institucional de .gsr-btn (y su mismo hover dorado, ver * .gsr-btn:hover más arriba) en vez de un color nuevo sin usar en el * resto del plugin. */ .gsr-btn-catalogo { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; box-sizing: border-box; } .gsr-btn-catalogo .dashicons { font-size: 16px; width: 16px; height: 16px; } /* FIX 2.0.3: paginación "Ver más" al pie del bloque Finalizados de la ficha de consignataria — reusa .gsr-btn, solo centra y separa. */ .gsr-consignataria-ver-mas { text-align: center; margin: var(--gsr-spacing-md) 0 0; } /** * FIX 2.4.4: rediseñado para igualar el título de sección de Precios * (.rmag-h3, frontend.css: 17px/600, borde izquierdo de acento, sin * mayúsculas, color primario) — antes era 15px todo en mayúsculas, sin * borde, un tratamiento visual bastante distinto para el mismo rol * ("título de sección dentro de la ficha"). */ .gsr-detalle-bloque h2 { font-size: 17px; font-weight: 600; color: var(--gsr-color-verde-medio); margin: 0 0 var(--gsr-spacing-md); padding-left: 10px; border-left: 4px solid var(--gsr-color-dorado); } /** * FIX 2.4.6.6: subcategoría "Remates reprogramados" dentro de "Próximos * Remates" (ver consignataria-detalle-contenido.php) — mismo criterio de * borde de acento que .gsr-detalle-bloque h2, pero más chico y sin * separar en su propia sección (.gsr-detalle-bloque), para que se lea * claramente como una subdivisión de la sección de arriba, no como una * sección nueva. */ .gsr-detalle-subbloque-titulo { font-size: 14px; font-weight: 600; color: var(--gsr-color-verde-medio); margin: var(--gsr-spacing-lg) 0 var(--gsr-spacing-sm); padding-left: 8px; border-left: 3px solid var(--gsr-color-dorado); } /** * FIX 2.4.7.5: acá vivía .gsr-detalle-consignataria-responsable — línea * "Consignataria responsable: [nombre]" como

propio, entre el * título "Información del remate" y la tabla. FIX 2.4.7.6: se le sacó * el acento propio (borde dorado + verde) y se le copió la tipografía * de .gsr-detalle-tabla td, pero seguía siendo un

aparte, fuera de * la tabla. FIX 2.4.7.7: pedido explícito — "que tenga el mismo estilo * de 'Raza predominante / Cabaña / Transmisión'". Pasa a ser una fila * real de esa misma tabla (mismo / que las demás, ver * remate-detalle.php) — ya no hace falta esta clase, se borra en vez de * dejarla como CSS muerto. */ .gsr-detalle-tabla { width: 100%; font-size: 14px; border-collapse: collapse; } .gsr-detalle-tabla th { text-align: left; color: var(--gsr-color-texto-suave); font-weight: 400; padding: 6px var(--gsr-spacing-md) 6px 0; width: 40%; } .gsr-detalle-tabla td { padding: 6px 0; font-weight: 600; } /** * FIX 2.4.7.8: leyenda "Ver planilla a continuación" — pedido explícito, en * la fila "Resultado" de .gsr-detalle-tabla (remate-detalle.php), junto o en * vez del botón "Ver resultado". Se le baja el peso (400, no 600) y el color * a --gsr-color-texto-suave respecto al td que la contiene, para que se lea * como una aclaración/nota y no como un dato en sí (mismo rol tipográfico * que .gsr-detalle-tabla th, que ya usa ese mismo color/peso para las * etiquetas). */ .gsr-resultado-planilla-leyenda { font-weight: 400; color: var(--gsr-color-texto-suave); font-size: 13px; } /** * FIX 2.4.9.9: pedido explícito — la ficha de remate de cabaña (Toros/ * Vientres/Otros/Total a remate) "se tiene que ver separado y destacados * debajo de 'Flete... GRATIS A TODO EL PAÍS' de ese bloque". Antes (2.4.9.8) * eran filas comunes de .gsr-detalle-tabla, iguales a las demás; ahora * llevan una fila de título propia (.gsr-fila-ficha-destacada-titulo) y * fondo distintivo (.gsr-fila-ficha-destacada, mismo verde claro que * .gsr-badge/.gsr-fila-tags de otras partes del plugin) para que se lean * como un bloque agrupado y destacado dentro de la misma tabla, no como * filas sueltas más. */ .gsr-fila-ficha-destacada-titulo th { padding-top: 14px; padding-bottom: 4px; color: var(--gsr-color-verde); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.03em; border-top: 1px solid var(--gsr-color-borde-suave); } .gsr-fila-ficha-destacada th, .gsr-fila-ficha-destacada td { background: var(--gsr-color-verde-claro); } .gsr-fila-ficha-destacada th { padding-left: var(--gsr-spacing-md); } .gsr-fila-ficha-destacada td { padding-right: var(--gsr-spacing-md); } .gsr-fila-ficha-destacada--ultima th, .gsr-fila-ficha-destacada--ultima td { padding-bottom: 10px; } @media (max-width: 420px) { .gsr-detalle-tabla th, .gsr-detalle-tabla td { display: block; width: 100%; padding: 4px 0; } .gsr-detalle-tabla th { padding-bottom: 0; } .gsr-detalle-tabla tr { display: block; margin-bottom: var(--gsr-spacing-sm); } } /* ---------- Resultado del remate (1.2.9) ---------- */ /** * FIX 2.4.6.1: .gsr-resultado-logo (el logo de consignataria DENTRO de la * sección Resultado) se sacó — pedido explícito ("ya está arriba"), el * logo del encabezado del artículo (.gsr-consignataria-logo, FIX 2.4.4) * ya lo cubre siempre. * * FIX 2.4.6.3: .gsr-resultado-cabecera y .gsr-resultado-datos (dt/dd) se * sacan por completo — el bloque "Martillero" + "Plazo de pago" que * daban estilo ya no existe en remate-detalle.php (ver el FIX 2.4.6.3 ahí: * los dos datos se consolidaron en la tabla "Información del remate", * junto con las nuevas filas "Informe" y "Observaciones"). Documentado * acá, mismo criterio que la nota de arriba, por si algún día se * reintroduce esta cabecera puntual. */ .gsr-resultado-tabla-wrap { overflow-x: auto; margin-bottom: var(--gsr-spacing-lg); } table.gsr-resultado-tabla { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; } table.gsr-resultado-tabla th, table.gsr-resultado-tabla td { padding: 9px 12px; text-align: right; border-bottom: 1px solid var(--gsr-color-borde-suave); white-space: nowrap; } table.gsr-resultado-tabla th:first-child, table.gsr-resultado-tabla td:first-child { text-align: left; white-space: normal; } /** * FIX 2.4.4: encabezado con fondo de color sólido — pedido explícito de * igualar estilos con Precios: .rmag-table thead th (frontend.css) usa * background:var(--rmag-fondo-head) (=primario) + color blanco. Antes * era texto gris chico sobre fondo transparente, un tratamiento mucho * más liviano para el mismo rol de "encabezado de tabla de datos". */ table.gsr-resultado-tabla thead th { background: var(--gsr-color-verde-medio); color: var(--gsr-color-fondo); font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; border-bottom: none; white-space: nowrap; } table.gsr-resultado-tabla thead th:first-child { text-align: left; } /* FIX 2.4.4: zebra striping — mismo criterio que .rmag-table tbody tr:nth-child(even) td en Precios. */ table.gsr-resultado-tabla tbody tr:nth-child(even):not(.gsr-resultado-grupo-header):not(.gsr-resultado-subtotal) td { background: var(--gsr-color-verde-claro); } /** * FIX 2.4.4: barra de color sólido para la fila de grupo — pedido * explícito de igualar estilos con Precios: .rmag-table tr.rmag-grupo td * usa background:var(--rmag-secundario) + color blanco (una barra de * color llena, no un verde clarito con texto oscuro). */ .gsr-resultado-grupo-header th { background: var(--gsr-color-verde-suave); color: var(--gsr-color-fondo); text-transform: uppercase; font-size: 11px; letter-spacing: 0.4px; text-align: left; } .gsr-resultado-subtotal td { font-weight: 600; border-bottom: 2px solid var(--gsr-color-borde); } /* 2.9.7.2 — jerarquía visual de resultado: Cabaña > Grupo > Categoría. */ table.gsr-resultado-tabla--jerarquica tbody tr.gsr-resultado-cabana-header th { padding: 12px 14px; background: var(--gsr-color-verde-medio); color: var(--gsr-color-fondo); font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; text-align: left; border-top: 10px solid var(--gsr-color-fondo); } table.gsr-resultado-tabla--jerarquica tbody tr.gsr-resultado-cabana-header:first-child th { border-top-width: 0; } table.gsr-resultado-tabla--jerarquica .gsr-resultado-cabana-header th span, table.gsr-resultado-tabla--jerarquica .gsr-resultado-grupo-header th span { display: inline-block; margin-right: 7px; font-size: 10px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .8; } table.gsr-resultado-tabla--jerarquica tbody tr.gsr-resultado-grupo-header th { padding: 8px 14px; background: var(--gsr-color-verde-suave); color: var(--gsr-color-fondo); text-align: left; font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; } table.gsr-resultado-tabla--jerarquica tr.gsr-resultado-categoria-row td:first-child { padding-left: 22px; font-weight: 600; } table.gsr-resultado-tabla--jerarquica tr.gsr-resultado-total-general td { background: var(--gsr-color-verde-claro); font-weight: 700; } .gsr-resultado-video { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 */ margin-bottom: var(--gsr-spacing-lg); } .gsr-resultado-video iframe, .gsr-resultado-video embed, .gsr-resultado-video object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Si wp_oembed_get() no resuelve (proveedor no soportado) el bloque cae a un botón simple en vez de al wrapper 16:9 — sin el padding-top fijo, que solo tiene sentido cuando adentro hay un iframe. */ .gsr-resultado-video:has(> .gsr-btn) { padding-top: 0; } /** * FIX 2.5.0.7: pedido explícito — "la imagen o JPG adjunto deben verse * centrados y con fondo verde claro como se presenta en la misma sección * 'el afiche o flyers del remate'". Mismo tratamiento exacto que * .gsr-detalle-flyer (2.4.9.4: margen 10px arriba/abajo, padding propio, * fondo var(--gsr-color-verde-claro), radio de borde, texto centrado) — * .gsr-resultado-adjunto es el

que ya envuelve tanto la imagen * embebida (gsr-resultado-adjunto-imagen) como, cuando el adjunto no es * imagen, el botón "Ver / descargar resultado" (mismo caso que contempla * .gsr-detalle-flyer para su propio botón "Ver / descargar flyer"), así * que centrar y poner fondo acá cubre los dos casos con una sola regla. */ .gsr-resultado-adjunto { margin: 10px 0; padding: var(--gsr-spacing-md); background: var(--gsr-color-verde-claro); border-radius: var(--gsr-radius-fila); text-align: center; } .gsr-resultado-adjunto-imagen { display: inline-block; max-width: 100%; height: auto; border-radius: var(--gsr-radius-fila); border: 1px solid var(--gsr-color-borde); vertical-align: top; } /* Mismo reset que .gsr-detalle-flyer a.gsr-adjunto-modal (2.4.9.4) — sin esto, el que envuelve la imagen hereda el subrayado/azul por defecto de un link, que no corresponde acá. */ .gsr-resultado-adjunto a.gsr-adjunto-modal { display: inline-block; text-decoration: none; } .gsr-resultado-acciones { display: flex; gap: var(--gsr-spacing-sm); flex-wrap: wrap; margin-top: var(--gsr-spacing-md); } /** * FIX 2.4.6.8: pedido explícito — "la funcionalidad COMPARTIR debe ser * igual a la del plug in de precio del mag, y centrado como figura en ese * modulo". Verificado en vivo (grupoguarino.com.ar/precios-porcinos/): el * bloque de compartir de Precios son dos acciones centradas, lado a lado * ("↗ WhatsApp" + "🔗 Copiar link"), no un solo botón a la izquierda con * Web Share API — ver remate-detalle.php y public-resultado.js. * .gsr-compartir es un modificador de .gsr-resultado-acciones (no la * reemplaza: sigue siendo flex/gap/wrap) que solo agrega el centrado. */ .gsr-compartir { justify-content: center; } .gsr-btn-compartir-wa, .gsr-btn-compartir-link { cursor: pointer; font-family: inherit; } /* ---------- Listado agrupado por fecha ---------- */ .gsr-listado-agrupado, .gsr-busqueda { font-family: var(--gsr-font-family); } .gsr-listado-fecha-header { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; color: var(--gsr-color-verde); margin: var(--gsr-spacing-xl) 0 var(--gsr-spacing-sm); } .gsr-listado-fecha-header:first-child { margin-top: 0; } .gsr-listado { display: flex; flex-direction: column; gap: var(--gsr-spacing-sm); } .gsr-listado-fila { display: flex; align-items: center; gap: var(--gsr-spacing-md); background: var(--gsr-color-fondo); border: 1px solid var(--gsr-color-borde); border-radius: var(--gsr-radius-fila); padding: var(--gsr-spacing-sm) var(--gsr-spacing-md); } /* Misma elevación sutil que las tarjetas de la cartelera, para que las dos vistas se sientan parte del mismo sistema. */ .gsr-listado-fila:hover, .gsr-listado-fila:focus-within { border-color: var(--gsr-color-verde-medio); box-shadow: 0 2px 10px rgba(31, 61, 43, 0.08); } .gsr-listado-hora { font-size: 13px; font-weight: 600; color: var(--gsr-color-verde); min-width: 48px; } /* FIX 1.3.2: jerarquía visual — ícono de transmisión primero en la fila (como en la imagen de referencia del pedido) y badge de cantidad siempre visible antes del botón "Ver" (con "A.C." si no se cargó). */ .gsr-listado-transmision-icono { color: var(--gsr-color-verde-medio); font-size: 18px; width: 18px; height: 18px; flex-shrink: 0; } /** * FIX 2.4.8.3: wrapper de listado-agrupado.php cuando un remate tiene 2 o 3 * modalidades tildadas — ver docblock del foreach en listado-agrupado.php. * Gap propio, más chico que el de .gsr-listado-fila (pensado para separar * ítems grandes de la fila, no íconos de 18px entre sí), y flex-shrink:0 * para que el wrapper completo se comporte como un solo ítem de la fila. */ .gsr-listado-transmision-iconos { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .gsr-listado-cantidad-badge { font-size: 12px; font-weight: 600; color: var(--gsr-color-verde); white-space: nowrap; flex-shrink: 0; } /** * FIX 2.0.7: .gsr-resultados-fecha se elimina de acá — era exclusiva de * la fila vieja de resultados-listado.php ("Resultados" del hub), que * pasó a la fila de 4 columnas (.gsr-fila-remate-*, ver más arriba) y ya * no usa .gsr-listado-fila. .gsr-tag-pendiente sigue viva: la sigue * usando tanto resultados-listado.php (nueva fila) como este mismo * bloque (.gsr-listado-titulo .gsr-tag-pendiente, más abajo). */ .gsr-tag-pendiente { display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; background: var(--gsr-color-borde-suave); border: 1px solid var(--gsr-color-borde); color: var(--gsr-color-texto-suave); padding: 1px 7px; border-radius: var(--gsr-radius-badge); white-space: nowrap; } .gsr-listado-titulo .gsr-tag-pendiente { margin-left: 6px; vertical-align: middle; } .gsr-listado-info { flex: 1; min-width: 0; } /* FIX 1.3.5: Consignataria ("Socio") arriba del título — antes vivía mezclada dentro de .gsr-listado-meta junto con raza/cabaña/ubicación/ transmisión, sin destacarse del resto. Usada por listado-agrupado.php y busqueda-resultados.php (cartelera-tarjetas.php/resultados-listado.php ya no reusan esta clase — ver FIX 2.0.7 más arriba). */ .gsr-listado-consignataria { margin: 0; font-size: 12px; font-weight: 700; color: var(--gsr-color-verde); display: flex; align-items: center; gap: 6px; } .gsr-listado-titulo { margin: 0; font-size: 14px; font-weight: 600; } .gsr-listado-titulo .gsr-tag-resultado, .gsr-listado-titulo .gsr-tag-destacado { margin-left: 6px; vertical-align: middle; } .gsr-listado-titulo a { color: var(--gsr-color-texto); text-decoration: none; } .gsr-listado-titulo a:hover { text-decoration: underline; } .gsr-listado-meta { margin: 2px 0 0; font-size: 12px; color: var(--gsr-color-texto-suave); } .gsr-listado-ver { font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--gsr-color-verde); text-decoration: none; white-space: nowrap; } .gsr-listado-ver:hover { text-decoration: underline; } /** * FIX 2.4.8.3: wrapper de "Ver" + "Ver afiche promocional"/"Ver informe de * previa" (cuando corresponde) en listado-agrupado.php — columna propia * para que los 2 links queden en una sola línea vertical, sin desarmar el * resto de .gsr-listado-fila (fila compacta, compartida por varias * vistas). .gsr-listado-ver--previa reusa la tipografía de * .gsr-listado-ver (12px, uppercase) con un tono más suave para no * competir visualmente con "Ver", que sigue siendo la acción principal. */ .gsr-listado-acciones { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .gsr-listado-ver--previa { color: var(--gsr-color-texto-suave); } .gsr-listado-ver--previa:hover { color: var(--gsr-color-verde); } @media (max-width: 480px) { .gsr-listado-fila { flex-wrap: wrap; } } /* ---------- Búsqueda avanzada ---------- */ .gsr-busqueda-form { display: flex; flex-direction: column; gap: var(--gsr-spacing-md); margin-bottom: var(--gsr-spacing-lg); } .gsr-busqueda-form input[type="search"] { padding: 10px var(--gsr-spacing-md); border: 1px solid var(--gsr-color-borde-input); border-radius: var(--gsr-radius-control); font-size: 14px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .gsr-busqueda-form input[type="search"]:focus, .gsr-busqueda-filtros input:focus, .gsr-busqueda-filtros select:focus { border-color: var(--gsr-color-verde-medio); box-shadow: 0 0 0 3px var(--gsr-color-verde-claro); outline: none; } .gsr-busqueda-filtros { display: flex; flex-wrap: wrap; gap: var(--gsr-spacing-md); align-items: flex-end; } .gsr-busqueda-filtros label { display: flex; flex-direction: column; gap: var(--gsr-spacing-xs); font-size: 12px; color: var(--gsr-color-texto-suave); } /* FIX 1.3.2: filtro de Transmisión pasa de