/* Contacto · estética transparente, responsive y sin tarjetas pesadas */
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body.ac-contacto-page { min-height: 100svh; display: flex; flex-direction: column; background: #161412; color: #f8f5ef; font-family: Arial, Helvetica, sans-serif; }
.ac-contacto { position: relative; flex: 1; display: flex; align-items: center; background: url("../images/contacto.webp") center/cover no-repeat; padding: 104px clamp(18px,5vw,78px) 35px; }
.ac-contacto__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(14,12,11,.83),rgba(14,12,11,.50)),rgba(14,12,11,.13); }
.ac-contacto__layout { position: relative; z-index: 1; width: min(100%,1320px); margin: auto; display: grid; grid-template-columns: 1.05fr .8fr; align-items: center; gap: clamp(24px,6vw,95px); }
.ac-contacto__eyebrow { font-size: 10px; letter-spacing: .24em; color: rgba(255,255,255,.68); }
.ac-contacto h1 { max-width: 700px; font-size: clamp(40px,5vw,76px); line-height: 1.02; font-weight: 300; letter-spacing: -.045em; margin: 22px 0; }
.ac-contacto h1 em { display: block; font-family: Georgia,serif; font-weight: 400; }
.ac-contacto__intro > p { max-width: 520px; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.8); }
.ac-contacto__links { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.ac-contacto__links a { display: flex; flex: 1 1 220px; align-items: center; gap: 14px; padding: 19px 17px; color: #fff; text-decoration: none; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.27); backdrop-filter: blur(12px); transition: background .25s; }
.ac-contacto__links a:hover { background: rgba(255,255,255,.16); }
.ac-contacto__links svg { width: 27px; height: 27px; flex-shrink: 0; }
.ac-contacto__links a > span:last-child { margin-left: auto; }
.ac-contacto__links small { display: block; font-size: 9px; letter-spacing: .2em; opacity: .7; margin-bottom: 5px; }
.ac-contacto__links strong { font-size: 17px; font-weight: 400; letter-spacing: .02em; white-space: nowrap; }
.ac-contacto__area { margin-top: 24px; font-size: 12px !important; opacity: .78; }
.ac-contacto__form-panel { padding: clamp(24px,3vw,43px); background: rgba(24,21,19,.39); border: 1px solid rgba(255,255,255,.25); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.ac-contacto h2 { margin: 12px 0 9px; font-size: clamp(28px,3vw,43px); font-weight: 300; letter-spacing: -.035em; }
.ac-contacto__form-panel > p { color: rgba(255,255,255,.73); font-size: 13px; line-height: 1.6; margin: 0 0 18px; }
.ac-contacto form { display: flex; flex-direction: column; gap: 8px; }
.ac-contacto label { font-size: 10px; letter-spacing: .12em; margin-top: 6px; }
.ac-contacto input, .ac-contacto textarea { width: 100%; border: 1px solid rgba(255,255,255,.27); border-radius: 0; padding: 12px 14px; background: rgba(0,0,0,.14); color: #fff; font: inherit; font-size: 13px; outline-offset: 3px; }
.ac-contacto input::placeholder, .ac-contacto textarea::placeholder { color: rgba(255,255,255,.48); }
.ac-contacto textarea { resize: vertical; min-height: 90px; }
.ac-contacto button { margin-top: 12px; padding: 15px; display: flex; justify-content: space-between; gap: 10px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.6); color: #fff; font-size: 10px; letter-spacing: .12em; cursor: pointer; }
.ac-contacto button:hover { background: rgba(255,255,255,.24); }
@media(max-width:850px) { .ac-contacto__layout { grid-template-columns: 1fr; } .ac-contacto { padding-top: 95px; } .ac-contacto h1 { font-size: clamp(38px,9vw,60px); } }
@media(max-width:480px) { .ac-contacto__links { gap: 9px; } .ac-contacto__links a { flex-basis: 100%; padding: 12px; } .ac-contacto__form-panel { padding: 20px; } }


/* Mapa integrado en el panel original del formulario. */
.ac-contacto__map-panel iframe {
  display: block;
  width: 100%;
  height: clamp(250px, 37vh, 410px);
  margin-top: 16px;
  border: 1px solid rgba(255,255,255,.2);
  filter: grayscale(.45) saturate(.8);
}
.ac-contacto__map-note {
  margin: 12px 0 0 !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.68) !important;
}
@media (max-width: 850px) {
  .ac-contacto__map-panel iframe { height: 290px; }
}

/* La fotografía continúa por detrás del footer: transparencia real. */
body.ac-contacto-page {
    background: #171411 url("../images/contacto.webp") center center / cover no-repeat;
}
.ac-contacto {
    background: transparent;
}
.ac-contacto-page .ac-footer {
    background: rgba(17, 15, 14, .30);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}