/**
Theme Name: aequoralegal
Author: 13Node
Author URI: https://13node.com
Description: Theme Aequora Legal, Child theme de Astra.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aequoralegal
Template: astra
*/

#masthead {
	position: fixed!important;
	width: 100%;
  background: rgba(245, 236, 227,.82) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  border-bottom: 1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
          backdrop-filter: blur(8px) saturate(1.1);
	-webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}
.js_active .ast-plain-container.ast-single-post .entry-header {
  margin-top: 90px!important;
}
.trecebox {
  background: #fff;
  color: #111827;                 /* buen contraste para texto */
  border-radius: 12px;            /* bordes redondeados */
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 1rem 0.5rem;          /* espacio interno cómodo */
  box-shadow: 0 1px 2px rgba(0,0,0,0.06),
              0 4px 12px rgba(0,0,0,0.08);
}
.trecebox .wpb_button,
.trecebox .wpb_content_element {
  margin-bottom: 0px!important;
}
/* Aplica solo si la fila tiene .trecebox */
.vc_row.wpb_row.vc_inner.vc_row-flex:has(> .trecebox) {
  --gap: 5px;                 /* cambia aquí tu gap */
  column-gap: var(--gap);
}

/* Ajusta el ancho efectivo de cada columna de 3 (sm-4 = 33.333%) */
.vc_row.wpb_row.vc_inner.vc_row-flex:has(> .trecebox)
  > .trecebox.vc_column_container.vc_col-sm-4 {
  box-sizing: border-box;
  flex: 0 0 calc(33.333% - (var(--gap) * 0.6666667)); /* 2/3 del gap */
  max-width: calc(33.333% - (var(--gap) * 0.6666667));
}
/* Base: chip/caja con efecto glass oscuro y texto blanco */
.glass-dark {
  --glass-bg: rgba(0,0,0,.82); /* AA por defecto */
  --glass-radius: 14px;
  --glass-pad-y: .75rem;
  --glass-pad-x: 1rem;

  color: #fff;
  background: var(--glass-bg);
  border-radius: var(--glass-radius);
  padding: var(--glass-pad-y) var(--glass-pad-x);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.12);

  /* Glassiness (con fallback si no hay soporte) */
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
          backdrop-filter: blur(8px) saturate(1.1);
}

/* Variante explícita AA (≥4.5:1 con #fff incluso sobre blanco) */
.glass-dark--aa   { --glass-bg: rgba(0,0,0,.82); }

/* Variante AAA (≥7:1 con #fff incluso sobre blanco) */
.glass-dark--aaa  { --glass-bg: rgba(0,0,0,.90); }

/* Enlaces y foco accesibles dentro del bloque */
.glass-dark a {
  color: #fff;
}
.glass-dark a:focus-visible,
.glass-dark button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

/* Si prefieres texto oscuro, crea una variante invertida */
.glass-dark--light {
  color: #000;
  --glass-bg: rgba(255,255,255,.78); /* sobre fondos oscuros */
  border: 1px solid rgba(0,0,0,.15);
}
.woocommerce-js #reviews #comments ol.commentlist li .meta {
  color: #060605!important;
}
.sr-only{
  position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; border:0;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;
  color: #000!important;
  background: #fff!important;
}