/* Contact: pintura de Van Dyck (manos) bajo velo gris carbón con grano, textos en rosa.
   Estático a propósito: sin animaciones en loop (bajo consumo). */
#secContactUs {
  --ct-gris: #272624; --ct-rosa: #f2cfce; --ct-pad: clamp(16px, 2.5vw, 36px);
  background: var(--ct-gris); color: var(--ct-rosa); font-family: "Neue Montreal", Helvetica, Arial, sans-serif;
}
#idContenedor > section#secContactUs.activo { display: block; position: relative; }
#secContactUs .ct-fondo { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
#secContactUs .ct-fondo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; display: block; filter: saturate(.85); }
#secContactUs .ct-fondo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--ct-gris); opacity: .72; }
#secContactUs .ct-fondo::after {
  content: ""; position: absolute; inset: 0; z-index: 2; opacity: .2; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
#secContactUs .ct-scroll { position: relative; z-index: 3; height: 100vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
#secContactUs .ct-scroll::-webkit-scrollbar { display: none; }

#secContactUs .t-r { font-family: "Instrument Serif", Georgia, serif; font-style: normal; }
#secContactUs .t-i { font-family: "Instrument Serif", Georgia, serif; font-style: italic; }
#secContactUs .t-p { font-family: "Pixelify Sans", monospace; font-size: .74em; }

.ct-hero { min-height: calc(100vh - 160px); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 120px var(--ct-pad) 40px; }
.ct-kicker { margin: 0 0 1.4em; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.ct-titulo { margin: 0; font-weight: 400; font-size: clamp(56px, 8.4vw, 150px); line-height: .9; letter-spacing: -.02em; }
.ct-bajada { margin: 1.4em 0 0; max-width: 30em; font-size: clamp(16px, 1.3vw, 20px); line-height: 1.4; opacity: .85; }
.ct-cta { margin-top: 2.2em; }
.ct-boton {
  all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: .3em;
  padding: .45em 1.2em .5em; border-radius: 999px; font-size: clamp(28px, 2.6vw, 44px); line-height: 1; color: var(--ct-rosa);
  background: rgba(255, 255, 255, .1); border: 1px solid rgba(242, 207, 206, .5);
  -webkit-backdrop-filter: blur(12px) saturate(150%); backdrop-filter: blur(12px) saturate(150%);
  transition: background .25s ease, color .25s ease;
}
.ct-boton:hover, .ct-boton:focus-visible { background: var(--ct-rosa); color: var(--ct-gris); }
.ct-boton:focus-visible { outline: 2px solid var(--ct-rosa); outline-offset: 4px; }

.ct-datos { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--ct-pad); padding: 4vh var(--ct-pad) 110px; border-top: 1px solid rgba(242, 207, 206, .35); font-size: 15px; line-height: 1.45; }
.ct-datos p { margin: 0 0 .5em; }
.ct-label { font-weight: 700; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; opacity: .75; }
.ct-datos a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(242, 207, 206, .45); }
.ct-datos a:hover { border-bottom-color: currentColor; }

body.en-contacto .newfooter { background: #1e1d1c; }
body.en-contacto .newfooter .cont .item .abtnredes, body.en-contacto .newfooter .cont .item .ptexto { color: #f2cfce; }

@media (max-width: 820px) {
  .ct-datos { grid-template-columns: 1fr 1fr; padding-bottom: 90px; }
  .ct-hero { min-height: calc(100vh - 120px); }
}
@media (max-width: 480px) { .ct-datos { grid-template-columns: 1fr; } }
#idContenedor > section#secContactUs, #idContenedor section#secContactUs.activo { height: 100vh; overflow: hidden; }