/* Beber Salud V2 (1.4) · Estilos de bloque. Requiere tokens.css y components.css (variables --bs-*). */

/* Tabla abierta: solo rayas horizontales; sin marco, sin fondos ni cabecera rellena */
.wp-block-table.is-style-abierta,.wp-block-table.is-style-comparativa{margin:var(--bs-s8) 0;overflow-x:auto}
.wp-block-table:is(.is-style-abierta,.is-style-comparativa) table{width:100%;border-collapse:collapse;font-size:16px;border:0}
.wp-block-table:is(.is-style-abierta,.is-style-comparativa) :is(th,td){border:0;border-bottom:1px solid var(--bs-line);padding:var(--bs-s4) var(--bs-s5) var(--bs-s4) 0;text-align:left;vertical-align:top;background:none}
.wp-block-table:is(.is-style-abierta,.is-style-comparativa) thead :is(th,td){border-bottom:1px solid var(--bs-fg);font-size:var(--bs-small-size);font-weight:var(--bs-w-semibold);color:var(--bs-fg);text-transform:none;letter-spacing:0}
.wp-block-table:is(.is-style-abierta,.is-style-comparativa) tbody td:first-child{font-weight:var(--bs-w-semibold);color:var(--bs-fg);width:30%}
.wp-block-table:is(.is-style-abierta,.is-style-comparativa) tbody td+td{color:var(--bs-fg-muted)}
.wp-block-table:is(.is-style-abierta,.is-style-comparativa) figcaption{font-size:var(--bs-caption-size);color:var(--bs-fg-muted);margin-top:var(--bs-s3);text-align:left}
.wp-block-table.is-style-comparativa :is(th,td):nth-child(2){color:var(--bs-fg);padding-left:var(--bs-s5);border-left:1px solid var(--bs-line)}
.wp-block-table.is-style-comparativa thead :is(th,td):nth-child(2){box-shadow:inset 0 2px 0 var(--bs-accent)}
.wp-block-table.is-style-comparativa :is(th,td):nth-child(n+3){padding-left:var(--bs-s5)}

/* Cita destacada */
.wp-block-quote.is-style-destacada{margin:var(--bs-s10) 0;padding:var(--bs-s8) 0;border:0;border-top:1px solid var(--bs-fg);border-bottom:1px solid var(--bs-line)}
.wp-block-quote.is-style-destacada p{font-size:clamp(24px,2.6vw,32px);line-height:1.25;letter-spacing:-.015em;font-weight:var(--bs-w-medium);font-style:normal;max-width:28ch;margin:0}
.wp-block-quote.is-style-destacada cite{display:block;margin-top:var(--bs-s4);font-style:normal;font-size:var(--bs-small-size);color:var(--bs-fg-muted)}

/* Dato destacado: el único recuadro (gris perla, radio 4) */
.wp-block-group.is-style-dato{background:var(--bs-bg-alt);border-radius:var(--bs-radius);padding:var(--bs-s6);margin:var(--bs-s6) 0 var(--bs-s8)}
.wp-block-group.is-style-dato>:first-child{margin-top:0}.wp-block-group.is-style-dato>:last-child{margin-bottom:0}
.wp-block-group.is-style-dato :is(h3,h4,strong:first-child){font-size:17px;font-weight:var(--bs-w-semibold)}

/* Resumen «En 30 segundos» */
.wp-block-group.is-style-resumen{border-top:1px solid var(--bs-fg);padding-top:var(--bs-s4);margin:0 0 var(--bs-s10)}
.wp-block-group.is-style-resumen>p:first-child{font-size:var(--bs-eyebrow-size);letter-spacing:var(--bs-eyebrow-ls);font-weight:var(--bs-eyebrow-w);text-transform:uppercase;color:var(--bs-fg-muted);margin:0 0 var(--bs-s3)}

/* Nota al margen (en escritorio va a la columna de notas de .bs-article__body) */
.wp-block-group.is-style-nota-margen{font-size:var(--bs-small-size);color:var(--bs-fg-muted);border-top:1px solid var(--bs-line);padding-top:var(--bs-s3)}
.wp-block-group.is-style-nota-margen strong:first-child{display:block;color:var(--bs-fg);font-size:28px;font-weight:var(--bs-w-medium);letter-spacing:-.02em;line-height:1.1}
.bs-article__body>.wp-block-group.is-style-nota-margen{grid-column:2;align-self:start}
@media (max-width:1099.98px){.bs-article__body>.wp-block-group.is-style-nota-margen{grid-column:1}}

/* Listas */
:is(.wp-block-list,ul,ol).is-style-gotas,.is-style-resumen ul{list-style:none;padding:0;margin:0 0 var(--bs-s6)}
:is(.wp-block-list,ul,ol).is-style-gotas>li,.is-style-resumen ul>li{display:grid;grid-template-columns:20px 1fr;gap:var(--bs-s2);padding:var(--bs-s2) 0}
:is(.wp-block-list,ul,ol).is-style-gotas>li::before,.is-style-resumen ul>li::before{content:"";width:9px;height:13px;margin-top:7px;background:var(--bs-fg);-webkit-mask:var(--bs-drops) center/contain no-repeat;mask:var(--bs-drops) center/contain no-repeat}
.is-style-resumen ul>li{padding:var(--bs-s3) 0;border-bottom:1px solid var(--bs-line);font-size:16px}
:is(.wp-block-list,ul,ol).is-style-filas{list-style:none;padding:0;border-top:1px solid var(--bs-line)}
:is(.wp-block-list,ul,ol).is-style-filas>li{padding:var(--bs-s3) 0;border-bottom:1px solid var(--bs-line)}
ol.is-style-fuentes{list-style:none;margin:var(--bs-s6) 0 0;padding:0;counter-reset:bs-ref;max-width:72ch}
ol.is-style-fuentes>li{counter-increment:bs-ref;position:relative;display:block;padding:var(--bs-s4) 0 var(--bs-s4) 40px;overflow-wrap:anywhere;font-size:15px;line-height:1.6;color:var(--bs-fg-muted)}
ol.is-style-fuentes>li::before{content:counter(bs-ref);position:absolute;left:0;top:var(--bs-s4);display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--bs-accent-soft);color:var(--bs-accent-on-tint);font-size:11px;font-weight:var(--bs-w-semibold)}

/* Imagen con mosca */
.wp-block-image.is-style-mosca{position:relative}
.wp-block-image.is-style-mosca::after{content:"";position:absolute;right:20px;bottom:20px;width:24px;height:34px;background:#fff;opacity:.8;-webkit-mask:var(--bs-drops) center/contain no-repeat;mask:var(--bs-drops) center/contain no-repeat;pointer-events:none}
.wp-block-image img{border-radius:var(--bs-radius)}

/* Foto 4:5 + texto en rejilla (bloque «Medios y texto») */
.wp-block-media-text.is-style-rejilla{display:grid;grid-template-columns:5fr 1fr 6fr!important;align-items:start!important;margin:var(--bs-s16) 0}
.wp-block-media-text.is-style-rejilla .wp-block-media-text__media{grid-column:1;grid-row:1;aspect-ratio:4/5;overflow:hidden;border-radius:var(--bs-radius)}
.wp-block-media-text.is-style-rejilla .wp-block-media-text__media img{width:100%;height:100%;object-fit:cover}
.wp-block-media-text.is-style-rejilla .wp-block-media-text__content{grid-column:3;grid-row:1;padding:0}
.wp-block-media-text.is-style-rejilla.has-media-on-the-right .wp-block-media-text__media{grid-column:3}
.wp-block-media-text.is-style-rejilla.has-media-on-the-right .wp-block-media-text__content{grid-column:1}
@media (max-width:899.98px){.wp-block-media-text.is-style-rejilla{grid-template-columns:1fr!important;row-gap:var(--bs-s8)}.wp-block-media-text.is-style-rejilla :is(.wp-block-media-text__media,.wp-block-media-text__content){grid-column:1!important;grid-row:auto}}

/* Botones: radio único; secundario con contorno */
.wp-block-button .wp-block-button__link{border-radius:var(--bs-radius)}
.wp-block-button.is-style-secundario .wp-block-button__link{background:none;color:var(--bs-fg);border:1px solid var(--bs-fg)}

/* Raya de sección */
.wp-block-separator.is-style-seccion{border:0;border-top:1px solid var(--bs-fg);margin:var(--bs-s16) 0 var(--bs-s4);opacity:1;width:100%}
