@charset "UTF-8";

/* ==================================================================
   HCS Contacto — estilos base de la sección

   Son los mismos estilos del bloque HTML original. Las variables
   --hcs-* las define el sitio; el segundo valor de cada var() solo se
   usa si alguna vez faltan, para que la sección no quede en blanco.

   Todos los controles de Elementor se inyectan con {{WRAPPER}}, que
   tiene más especificidad que estas clases, así que cualquier ajuste
   hecho desde el editor gana siempre sin necesidad de !important.
================================================================== */

.contact-section{padding:6rem 0;background:var(--hcs-primary-dark, #1f2d3d);color:#fff;font-family:var(--hcs-ff-sans, inherit);}
.contact-section .hcs-title{color:#fff;}
.contact-section .hcs-sub{color:rgba(255,255,255,.75);}
.contact-section .hcs-kicker{color:var(--hcs-accent-light, #e2c48f);}
.contact-grid{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:stretch;}
.contact-info{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:var(--hcs-radius-lg, 18px);padding:2.4rem;}
.contact-item{display:flex;gap:1rem;margin-bottom:1.6rem;align-items:flex-start;}
.contact-item .ci-icon{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--hcs-accent, #c49a52);display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.contact-item h4{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--hcs-accent-light, #e2c48f);margin:0 0 .3rem 0;}
.contact-item p,.contact-item a{color:rgba(255,255,255,.85);font-size:.95rem;font-weight:300;text-decoration:none;margin:0;}
.contact-links{display:flex;gap:.7rem;margin-top:1.5rem;flex-wrap:wrap;}
.contact-links a{border:1px solid rgba(255,255,255,.3);padding:.55rem 1.1rem;border-radius:50px;font-size:.78rem;font-weight:600;letter-spacing:.5px;color:#fff;text-decoration:none;transition:background .25s ease,border-color .25s ease;}
.contact-links a:hover{background:var(--hcs-accent, #c49a52);border-color:var(--hcs-accent, #c49a52);}
.map-embed{border-radius:var(--hcs-radius-lg, 18px);overflow:hidden;min-height:340px;border:1px solid rgba(255,255,255,.15);}
.map-embed iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}
@media(max-width:980px){.contact-grid{grid-template-columns:1fr;}}

/* Los dos celulares, uno debajo del otro */
.contact-item .ci-telefonos a{display:block;}
.contact-item .ci-telefonos a + a{margin-top:.25rem;}

/* Sin mapa, el bloque de datos ocupa todo el ancho */
.contact-grid.sin-mapa{grid-template-columns:1fr;}