/* Casa Siam · Contacto (31 oct 2026): Tita sobre café, «Conversemos» con los canales en filas (canal, dato y
   qué esperar), sin caja ni íconos; Instagram sin rótulo ni cifras; el mapa de Google solo a pedido.
   Idea tomada de «Contact Page» (21st.dev). Solo en contacto.html y en/contact.html. */
/* Tita sobre café, como en la portada: el fondo de su foto ya es el café de la banda, así que los degradados que fundían el gris quedan transparentes */
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-escribenos { background-color: #3B2718 !important;
  background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(rgba(30, 18, 8, .15), rgba(30, 18, 8, .15)), url("wp-content/uploads/2026/10/contacto-casa-siam-tita-siamesa-seal-point-primer-plano-fondo-cafe-cs1800.webp") !important; }
/* Conversemos: el texto a la izquierda, los canales a la derecha, en filas sin caja ni íconos */
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-conv { background: #F7F3EC; padding: 104px 24px 112px; }
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-conv__wrap { max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: 5fr 6fr; gap: 72px; 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-conv h2.cs-conv__titulo { margin: 0 0 20px !important; font: 400 var(--c-t2)/1.1 var(--c-titulos) !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-conv p { margin: 0 0 1em !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-conv .cs-conv__nota { font-size: 15px !important; color: #4A3D2C !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-conv a { color: #6F5828 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: rgba(111, 88, 40, .45) !important; text-underline-offset: 4px; }
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-conv 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-conv__canales { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 36px 48px; }
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-conv__canal { 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-conv dt { margin: 0 0 6px; font: 500 17px/1.4 var(--c-cuerpo) !important; 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-conv dd { margin: 0; font: 400 17px/1.6 var(--c-cuerpo) !important; color: #2B2B2B; }
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-conv dd.cs-conv__espera { margin-top: 4px; font-size: 15px !important; line-height: 1.55 !important; color: #4A3D2C; }
/* Instagram: el título es ahora la frase de la casa; sin cifras escritas a mano en el teléfono */
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-ig-perfil h2.cs-ig-perfil__lema { margin-top: 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-igm__cifras { display: none !important; }
/* El mapa, a pedido */
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-mapa-fachada { background: #F7F3EC; padding: 72px 24px; 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-mapa-fachada p { margin: 0 0 10px !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-mapa-fachada__dir { font: 400 var(--c-t4)/1.3 var(--c-titulos) !important; color: #2F1C0E !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-mapa-fachada__acciones, 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-mapa-fachada__acciones :is(a, button) { font: 400 17px/1.6 var(--c-cuerpo) !important; color: #6F5828 !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-mapa-fachada__acciones :is(a, button) { background: none !important; border: 0 !important; padding: 0 !important; cursor: pointer; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: rgba(111, 88, 40, .45) !important; text-underline-offset: 4px; }
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-mapa-fachada__nota { font-size: 14px !important; color: #4A3D2C !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-mapa-contacto iframe { display: block; width: 100%; height: 420px; border: 0; }
@media (max-width: 899px) {
  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-conv { padding: 72px 20px 80px; }
  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-conv__wrap { grid-template-columns: 1fr; gap: 40px; }
  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-conv__canales { grid-template-columns: 1fr; gap: 28px; }
}

/* «Ver el mapa aquí» (2 nov 2026): el tema le ponía sombra, resplandor, esquinas y fondo de botón; queda igual que «Abrir en Google Maps», un enlace con línea */
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-mapa-fachada__acciones button, 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-mapa-fachada__acciones button:is(:hover, :focus, :active) { box-shadow: none !important; text-shadow: none !important; border-radius: 0 !important; background: none !important; color: #6F5828 !important; vertical-align: baseline; -webkit-appearance: none; appearance: 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-mapa-fachada__acciones :is(a, button):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-mapa-fachada__acciones button:focus-visible { outline: 2px solid #6F5828; outline-offset: 4px; }