/* Shared by the category and the administrator's actual-width preview. */
.editorial-surface { container: editorials / inline-size; min-width: 0; }
.editorial-header { margin-top: .85rem; }
.editorial-header:empty { display: none; }
.editorial-block { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; min-width:0; grid-column:1/-1; margin: 12px 0; }
.editorial-visual-card {
  position:relative; display:grid; overflow:hidden; isolation:isolate; min-width:0; min-height:0;
  height:190px; grid-column:span 3; color:#fff; background:linear-gradient(135deg,var(--brand-action,#7e2848),var(--brand-structural-deep,#2d1b2e));
  border-radius:24px; box-shadow:0 8px 24px rgb(45 27 46 / .07); text-decoration:none;
}
a.editorial-visual-card { display:grid; min-height:0; color:#fff; }
.editorial-visual-card[data-tamano="pequeno"] { grid-column:span 2; height:150px; }
.editorial-visual-card[data-tamano="grande"] { grid-column:span 6; height:230px; }
.editorial-visual-card[data-distribucion="una-fila"] { grid-column:1/-1; }
.editorial-visual-card[data-distribucion="dos-columnas"] { grid-column:span 3; }
.editorial-visual-card[data-formato="cuadrado"] { height:auto; aspect-ratio:1; max-height:480px; }
.editorial-visual-card[data-formato="vertical"] { height:auto; aspect-ratio:3/4; max-height:480px; }
.editorial-visual-card[data-bordes="suaves"] { border-radius:12px; }
.editorial-visual-card[data-bordes="muy-redondos"] { border-radius:40px; }
.editorial-visual-card picture,.editorial-visual-card img { position:absolute; inset:0; width:100%; height:100%; }
.editorial-visual-card img { object-fit:cover; }
.editorial-visual-card .editorial-card__shade { position:absolute; inset:0; background:linear-gradient(90deg,var(--brand-overlay,#2d1b2ee6),rgb(45 27 46 / .25)); }
.editorial-visual-card[data-alineacion="derecha"] .editorial-card__shade { background:linear-gradient(270deg,var(--brand-overlay,#2d1b2ee6),rgb(45 27 46 / .25)); }
.editorial-visual-card[data-alineacion="centro"] .editorial-card__shade { background:var(--brand-overlay,#2d1b2e99); }
.editorial-visual-card .editorial-card__content {
  position:relative; z-index:1; align-self:end; display:grid; gap:4px; padding:16px;
  max-width: min(100%,28rem); box-sizing:border-box; overflow-wrap:anywhere;
}
.editorial-visual-card .editorial-card__content small { font:800 10px/1.2 'Nunito',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.editorial-visual-card .editorial-card__content small { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.editorial-visual-card[data-tamano="pequeno"] .editorial-card__content > span:not([aria-hidden]) { display:none; }
.editorial-visual-card[data-tamano="pequeno"] .editorial-card__content strong { font-size:21px; }
.editorial-visual-card .editorial-card__content strong { font:600 24px/1.1 'Playfair Display',serif; }
.editorial-visual-card .editorial-card__content > span:not([aria-hidden]) { font:600 13px/1.4 'Nunito',sans-serif; }
.editorial-visual-card .editorial-card__content strong,.editorial-visual-card .editorial-card__content > span:not([aria-hidden]) {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.editorial-visual-card .editorial-card__content b { display:flex; gap:6px; align-items:center; min-height:44px; font:800 13px/1.3 'Nunito',sans-serif; text-decoration:underline; text-underline-offset:4px; }
.editorial-visual-card[data-alineacion="derecha"] .editorial-card__content { justify-self:end; text-align:right; }
.editorial-visual-card[data-alineacion="derecha"] b { justify-content:end; }
.editorial-visual-card[data-alineacion="centro"] .editorial-card__content { justify-self:center; text-align:center; }
.editorial-visual-card[data-alineacion="centro"] b { justify-content:center; }
.editorial-visual-card:focus-visible { outline:3px solid var(--brand-focus,#c46b90); outline-offset:4px; }
.editorial-visual-card.editorial-card--image-failed picture { display:none; }
@container editorials (max-width:768px) {
  .editorial-block { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editorial-visual-card,.editorial-visual-card[data-tamano="grande"] { grid-column:span 2; }
  .editorial-visual-card[data-tamano="pequeno"] { grid-column:span 1; }
  .editorial-visual-card[data-distribucion="una-fila"] { grid-column:1/-1; }
  .editorial-visual-card[data-distribucion="dos-columnas"] { grid-column:span 1; }
  .editorial-visual-card[data-distribucion="dos-columnas"] .editorial-card__content > span:not([aria-hidden]) { display:none; }
  .editorial-visual-card[data-distribucion="dos-columnas"] .editorial-card__content strong { font-size:18px; }
  .editorial-visual-card[data-formato="cuadrado"],.editorial-visual-card[data-formato="vertical"] { max-height:360px; }
  .editorial-visual-card .editorial-card__content { padding:12px; }
  .editorial-visual-card .editorial-card__content strong { font-size:21px; }
  .editorial-header-lead .editorial-visual-card { grid-column:1/-1; height:190px; max-height:190px; aspect-ratio:auto; }
  .editorial-header-rail { display:flex; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; padding-bottom:4px; }
  .editorial-header-rail .editorial-visual-card { flex:0 0 78%; height:136px; max-height:136px; aspect-ratio:auto; scroll-snap-align:start; }
  .editorial-header-rail .editorial-card__content > span:not([aria-hidden]) { display:none; }
  .editorial-header-rail .editorial-card__content strong { font-size:19px; }
}

/* Bloques nuevos: un espacio contiene filas independientes. Los atributos
   antiguos se conservan para bordes/alineación, pero ya no deciden geometría. */
.editorial-block--composed { display:block; }
.editorial-row { display:grid; grid-template-columns:repeat(var(--ec-columnas,1),minmax(0,1fr)); gap:12px; min-width:0; margin:12px 0; }
.editorial-row > a.editorial-visual-card {
  grid-column:auto; grid-row:auto; height:var(--ec-altura,190px); max-height:none; aspect-ratio:var(--ec-proporcion,auto);
  transition-property:box-shadow,transform,background-color,color;
}
.editorial-row > .editorial-visual-card .editorial-card__content > span:not([aria-hidden]) { display:-webkit-box; }
.editorial-row .editorial-card__content > :is(strong,span):not(.editorial-card__oculto) { -webkit-line-clamp:unset; overflow:visible; }
.editorial-row > .editorial-visual-card:not([data-texto-libre]) .editorial-card__content > strong { line-height:1.2; }
.editorial-row > .editorial-visual-card:not([data-texto-libre]) .editorial-card__content { grid-auto-rows:max-content; }
.editorial-row[data-computador="banner-bajo"] { --ec-altura:150px; }
.editorial-row[data-computador="banner-medio"],.editorial-row[data-computador="dos-horizontales"] { --ec-altura:190px; }
.editorial-row[data-computador="banner-alto"] { --ec-altura:230px; }
.editorial-row[data-computador="dos-horizontales"],.editorial-row[data-computador="dos-cuadradas"],.editorial-row[data-computador="mixta"] { --ec-columnas:2; }
.editorial-row[data-computador="dos-horizontales-amplias"] { --ec-columnas:2; --ec-altura:auto; --ec-proporcion:1.9; }
.editorial-row[data-computador^="tres-"] { --ec-columnas:3; }
.editorial-row[data-computador="tres-horizontales"] { --ec-altura:150px; }
.editorial-row[data-computador="dos-cuadradas"],.editorial-row[data-computador="tres-cuadradas"] { --ec-altura:auto; --ec-proporcion:1; }
.editorial-row[data-computador="tres-verticales"] { --ec-altura:auto; --ec-proporcion:3/4; }
@container editorials (width > 768px) {
  .editorial-row[data-computador="mixta"] { grid-template-rows:repeat(2,minmax(0,1fr)); }
  .editorial-row[data-computador="mixta"] > a.editorial-visual-card { height:auto; aspect-ratio:auto; }
  .editorial-row[data-computador="mixta"] > a.editorial-visual-card:first-child { grid-row:1/3; aspect-ratio:1; }
}
@container editorials (max-width:768px) {
  .editorial-row[data-celular] { --ec-columnas:1; --ec-proporcion:auto; }
  .editorial-row[data-celular="banner-bajo"] { --ec-altura:150px; }
  .editorial-row[data-celular="banner-medio"] { --ec-altura:190px; }
  .editorial-row[data-celular="banner-alto"] { --ec-altura:230px; }
  .editorial-row[data-celular="dos-cuadradas"] { --ec-columnas:2; --ec-altura:auto; --ec-proporcion:1; }
  .editorial-row[data-celular="dos-verticales"] { --ec-columnas:2; --ec-altura:auto; --ec-proporcion:3/4; }
}

/* ── Presentacion elegida en el admin (vitrinas-editoriales.js) ──────── */
[data-editorial-card] .editorial-card__shade,
.editorial-admin-preview .editorial-card__shade { opacity: var(--editorial-capa, 1); }
/* Titulo oculto: sigue para Google y lectores de pantalla. */
.editorial-card__oculto {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
:is([data-editorial-card], .editorial-card)[data-boton="blanco"] .editorial-card__content b,
:is([data-editorial-card], .editorial-card)[data-boton="rosa"] .editorial-card__content b,
:is([data-editorial-card], .editorial-card)[data-boton="vino"] .editorial-card__content b {
  display: inline-flex; align-items: center; justify-self: start; gap: 6px;
  width: max-content; max-width: 100%; min-height: 40px; margin-top: 4px; padding: 0.5rem 1rem;
  border-radius: 999px; text-decoration: none; box-shadow: 0 6px 16px rgb(45 27 46 / .18);
}
:is([data-editorial-card], .editorial-card)[data-boton="blanco"] .editorial-card__content b { color: var(--vinanti-rosa-700, #8e3a54); background: #fff; }
:is([data-editorial-card], .editorial-card)[data-boton="rosa"] .editorial-card__content b { color: var(--vinanti-rosa-700, #8e3a54); background: var(--vinanti-rosa-200, #f5d5df); }
:is([data-editorial-card], .editorial-card)[data-boton="vino"] .editorial-card__content b { color: #fff; background: var(--vinanti-rosa-700, #8e3a54); }
.editorial-visual-card[data-alineacion="centro"]:not([data-boton="texto"]) .editorial-card__content b { justify-self: center; }
.editorial-visual-card[data-alineacion="derecha"]:not([data-boton="texto"]) .editorial-card__content b { justify-self: end; }
[data-editorial-card][data-padding-boton] .editorial-card__content > b { padding:var(--editorial-boton-py,0.5rem) var(--editorial-boton-px,1rem); }

/* Composición opcional: el contenedor de página elige el dispositivo. */
.editorial-surface {container-name:editorials editorial-text-page;}
.editorial-cards {container:editorial-text-page / inline-size;}
[data-texto-libre] {position:relative;}
[data-texto-libre] .editorial-card__content {position:absolute!important;inset:8px!important;display:block!important;align-self:stretch!important;justify-self:stretch!important;max-width:none!important;width:auto!important;height:auto!important;max-height:none!important;padding:0!important;z-index:1;text-align:initial;}
[data-texto-libre] .editorial-card__content > [data-editorial-elemento]:not(.editorial-card__oculto) {position:absolute!important;display:block!important;box-sizing:border-box!important;margin:0!important;min-width:0!important;max-width:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:normal!important;text-transform:none!important;left:var(--et-x)!important;top:var(--et-y)!important;transform:translate(calc(-1 * var(--et-x)),calc(-1 * var(--et-y)))!important;width:var(--et-ancho)!important;font-size:var(--et-tamano)!important;line-height:var(--et-interlineado)!important;color:var(--et-color,var(--et-color-base,inherit))!important;text-align:var(--et-alineacion)!important;text-shadow:var(--et-sombra)!important;}
[data-texto-libre] .editorial-card__content > b {min-height:40px;height:auto;background-color:var(--et-fondo,var(--et-boton-fondo-base,transparent))!important;color:var(--et-color,var(--et-boton-color-base,#fff));}
[data-texto-libre][data-boton="blanco"] {--et-boton-fondo-base:#fff;}
[data-texto-libre][data-boton="rosa"] {--et-boton-fondo-base:#f5d5df;}
[data-texto-libre][data-boton="blanco"] b,[data-texto-libre][data-boton="rosa"] b {--et-color-base:#8e3a54;}
[data-texto-libre][data-boton="vino"] {--et-boton-fondo-base:#8e3a54;}
[data-texto-libre] [data-editorial-elemento="antetitulo"] {--et-x:var(--et-computador-antetitulo-x,0);--et-y:var(--et-computador-antetitulo-y,0);--et-ancho:var(--et-computador-antetitulo-ancho,0);--et-tamano:var(--et-computador-antetitulo-tamano,0);--et-color:var(--et-computador-antetitulo-color,initial);--et-interlineado:var(--et-computador-antetitulo-interlineado,0);--et-alineacion:var(--et-computador-antetitulo-alineacion,left);--et-sombra:var(--et-computador-antetitulo-sombra,none);--et-fondo:var(--et-computador-antetitulo-fondo,initial);}
[data-texto-libre] [data-editorial-elemento="titulo"] {--et-x:var(--et-computador-titulo-x,0);--et-y:var(--et-computador-titulo-y,0);--et-ancho:var(--et-computador-titulo-ancho,0);--et-tamano:var(--et-computador-titulo-tamano,0);--et-color:var(--et-computador-titulo-color,initial);--et-interlineado:var(--et-computador-titulo-interlineado,0);--et-alineacion:var(--et-computador-titulo-alineacion,left);--et-sombra:var(--et-computador-titulo-sombra,none);--et-fondo:var(--et-computador-titulo-fondo,initial);}
[data-texto-libre] [data-editorial-elemento="texto"] {--et-x:var(--et-computador-texto-x,0);--et-y:var(--et-computador-texto-y,0);--et-ancho:var(--et-computador-texto-ancho,0);--et-tamano:var(--et-computador-texto-tamano,0);--et-color:var(--et-computador-texto-color,initial);--et-interlineado:var(--et-computador-texto-interlineado,0);--et-alineacion:var(--et-computador-texto-alineacion,left);--et-sombra:var(--et-computador-texto-sombra,none);--et-fondo:var(--et-computador-texto-fondo,initial);}
[data-texto-libre] [data-editorial-elemento="boton"] {--et-x:var(--et-computador-boton-x,0);--et-y:var(--et-computador-boton-y,0);--et-ancho:var(--et-computador-boton-ancho,0);--et-tamano:var(--et-computador-boton-tamano,0);--et-color:var(--et-computador-boton-color,initial);--et-interlineado:var(--et-computador-boton-interlineado,0);--et-alineacion:var(--et-computador-boton-alineacion,left);--et-sombra:var(--et-computador-boton-sombra,none);--et-fondo:var(--et-computador-boton-fondo,initial);}
@container editorial-text-page (max-width:768px) {
[data-texto-libre] [data-editorial-elemento="antetitulo"] {--et-x:var(--et-celular-antetitulo-x,0);--et-y:var(--et-celular-antetitulo-y,0);--et-ancho:var(--et-celular-antetitulo-ancho,0);--et-tamano:var(--et-celular-antetitulo-tamano,0);--et-color:var(--et-celular-antetitulo-color,initial);--et-interlineado:var(--et-celular-antetitulo-interlineado,0);--et-alineacion:var(--et-celular-antetitulo-alineacion,left);--et-sombra:var(--et-celular-antetitulo-sombra,none);--et-fondo:var(--et-celular-antetitulo-fondo,initial);}
[data-texto-libre] [data-editorial-elemento="titulo"] {--et-x:var(--et-celular-titulo-x,0);--et-y:var(--et-celular-titulo-y,0);--et-ancho:var(--et-celular-titulo-ancho,0);--et-tamano:var(--et-celular-titulo-tamano,0);--et-color:var(--et-celular-titulo-color,initial);--et-interlineado:var(--et-celular-titulo-interlineado,0);--et-alineacion:var(--et-celular-titulo-alineacion,left);--et-sombra:var(--et-celular-titulo-sombra,none);--et-fondo:var(--et-celular-titulo-fondo,initial);}
[data-texto-libre] [data-editorial-elemento="texto"] {--et-x:var(--et-celular-texto-x,0);--et-y:var(--et-celular-texto-y,0);--et-ancho:var(--et-celular-texto-ancho,0);--et-tamano:var(--et-celular-texto-tamano,0);--et-color:var(--et-celular-texto-color,initial);--et-interlineado:var(--et-celular-texto-interlineado,0);--et-alineacion:var(--et-celular-texto-alineacion,left);--et-sombra:var(--et-celular-texto-sombra,none);--et-fondo:var(--et-celular-texto-fondo,initial);}
[data-texto-libre] [data-editorial-elemento="boton"] {--et-x:var(--et-celular-boton-x,0);--et-y:var(--et-celular-boton-y,0);--et-ancho:var(--et-celular-boton-ancho,0);--et-tamano:var(--et-celular-boton-tamano,0);--et-color:var(--et-celular-boton-color,initial);--et-interlineado:var(--et-celular-boton-interlineado,0);--et-alineacion:var(--et-celular-boton-alineacion,left);--et-sombra:var(--et-celular-boton-sombra,none);--et-fondo:var(--et-celular-boton-fondo,initial);}
}
