/* Casa Siam · Opiniones de Google en Familias (31 oct 2026).
   Sin recuadro ni botón: cierra los testimonios con aire. La cifra 4,8 en
   grande, «en Google» al lado, y las estrellas en seal point: cada una clara
   al centro y oscura en las puntas, como el pelaje del siamés. Google se
   nombra una vez. Se carga después de casasiam-composicion.css. */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones { max-width: 640px; margin: 96px auto 0; padding: 0; text-align: center; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones p { text-wrap: balance; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones h2 { margin: 0 !important; font-family: var(--c-titulos) !important; font-size: var(--c-t2) !important; line-height: 1.1 !important; letter-spacing: 0 !important; color: #866B34 !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones h2 { display: flex; justify-content: center; align-items: baseline; gap: .3em; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__cifra { font-size: clamp(76px, 8vw, 104px); line-height: .9; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__en { font-size: var(--c-t4); line-height: 1; }
/* Estrellas en seal point: cada una clara al centro y oscura en las puntas, como el pelaje del siamés */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones .cs-opiniones__estrellas { margin: 18px 0 0 !important; font: 400 22px/1 Arial, sans-serif !important; letter-spacing: 0 !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__e { position: relative; display: inline-block; margin: 0 3px; color: transparent !important;
  background: radial-gradient(circle at 50% 56%, #CDB48E 0, #CDB48E 14%, #7A5A3C 40%, #2E1D10 72%); -webkit-background-clip: text; background-clip: text; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__e--parcial { background: none; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__base { color: #ECE5DA !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__relleno { position: absolute; inset: 0 auto 0 0; width: 80%; overflow: hidden; color: transparent !important;
  background: radial-gradient(circle at 50% 56%, #CDB48E 0, #CDB48E 14%, #7A5A3C 40%, #2E1D10 72%) 0 0 / 125% 100% no-repeat; -webkit-background-clip: text; background-clip: text; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones .cs-opiniones__texto { margin: 24px auto 0 !important; text-align: center !important; color: #2B2B2B !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones .cs-opiniones__enlaces { margin: 8px 0 0 !important; text-align: center !important; color: #2B2B2B !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones .cs-opiniones__texto + .cs-opiniones__enlaces { margin-top: 24px !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones a, html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones a:is(:link, :visited) {
  color: #6F5828 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(111, 88, 40, .45) !important; text-underline-offset: 5px;
}
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones a:hover { text-decoration-color: currentColor !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones + .cs-familias__cierre { margin-top: 96px !important; }
@media (max-width: 639px) {
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones { margin-top: 72px; }
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones__pregunta { display: block; }
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-opiniones + .cs-familias__cierre { margin-top: 72px !important; }
}

/* Cierre de Familias (31 oct 2026): el párrafo centrado como el título, más
   aire bajo el título y un solo botón, el de WhatsApp. */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-familias__cierre h2 { margin-bottom: 20px !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-familias__cierre p { text-align: center !important; text-wrap: balance; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-familias__cierre .cs-familias__botones { margin-top: 28px !important; }

/* Lo que cuentan las familias (31 oct 2026): una voz destacada y seis en dos
   columnas desfasadas, sin tarjetas ni bordes; en el teléfono, una columna
   en el orden original (--orden en cada figura). */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces { max-width: 1040px; margin: 0 auto; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces h2 { margin-bottom: 56px !important; text-align: center; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz { margin: 0; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz__foto { display: block; width: 100%; height: auto; aspect-ratio: 566 / 693; object-fit: cover;
  filter: grayscale(1); transition: filter .7s cubic-bezier(.32, .72, 0, 1); }
/* Como en la grilla anterior: en blanco y negro, a color al pasar el cursor, enfocar o tocar */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz:is(:hover, :focus-within, :active) .cs-voz__foto { filter: grayscale(0); }
@media (prefers-reduced-motion: reduce) { html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz__foto { transition: none; } }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz blockquote { margin: 0; padding: 0; border: 0; font-style: normal; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz blockquote p { margin: 0 !important; color: #2B2B2B !important; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz figcaption { margin-top: 14px; font: 400 15px/1.6 var(--c-cuerpo) !important; letter-spacing: 0 !important; color: #6F5828; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz__nombre { font-weight: 500; color: #2F1C0E; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz__texto { margin-top: 24px; }
/* La voz destacada: foto y texto lado a lado, el texto un nivel más grande */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz--destacada { display: grid; grid-template-columns: 5fr 6fr; gap: 56px; align-items: center; margin-bottom: 120px; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz--destacada .cs-voz__texto { margin-top: 0; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz--destacada blockquote p { font-size: var(--c-entrada) !important; line-height: 1.6 !important; }
/* Las otras seis: dos columnas, la segunda empieza más abajo */
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces__columnas { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces__columna { display: flex; flex-direction: column; gap: 88px; }
html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces__columna + .cs-voces__columna { padding-top: 140px; }
@media (max-width: 767px) {
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces h2 { margin-bottom: 40px !important; }
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz--destacada { display: block; margin-bottom: 72px; }
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voz--destacada .cs-voz__texto { margin-top: 24px; }
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces__columnas { display: flex; flex-direction: column; gap: 72px; }
  /* En el teléfono, una sola columna en el orden original */
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces__columna { display: contents; }
  html:not(#cs-a):not(#cs-b):not(#cs-c):not(#cs-d):not(#cs-e):not(#cs-f):not(#cs-g):not(#cs-h):not(#cs-i) .cs-voces__columnas .cs-voz { order: var(--orden); }
}