/* i18n local (por si el global no está aquí) */
.i18n{display:none}
html[lang="es"] .i18n[data-lang="es"]{display:revert}
html[lang="en"] .i18n[data-lang="en"]{display:revert}

/* Sección Contacto */
.c-contact{padding-top: 140px; padding-bottom: 76px; position:relative}
.c-contact.mosaic::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:url("logo-astro1.png") repeat; background-size:2000px auto; opacity:.02;
}
.c-contact > .wrap{position:relative; z-index:1}

.c-head{margin-bottom:2rem}
.c-head .section-title{margin:0 0 .25em}
.section-sub{color:#555}

/* Grid 2 columnas */
.c-grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; align-items:stretch;
}
@media (max-width:900px){
  .c-grid{grid-template-columns:1fr}
}

/* Tarjetas */
.c-card{
  background:#fff; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:18px; display:flex; flex-direction:column; height:100%;
}

/* Formulario */
.c-form .c-row{display:flex; flex-direction:column; gap:.35rem; margin-bottom:.9rem}
.c-form label{font-weight:700; font-size:.95rem}
.c-form input,.c-form textarea{
  font:inherit; padding:.85rem 1rem; border:1px solid #ddd; border-radius:12px; width:100%; background:#fff;
}
.c-form textarea{resize:vertical}

/* Acciones (botones en línea) */
.c-actions{display:flex; gap:.8rem; align-items:center; margin-top:.3rem}

/* Unificar estilo de botones SOLO en contacto */
.c-contact .btn.btn-primary,
.c-contact .c-wa{
  background:var(--accent);
  color:#000;
  border:1.8px solid #000;
  border-radius:999px;
  padding:.8rem 1.4rem;
  font-weight:700;
  text-decoration:none;
  display:inline-flex; align-items:center; justify-content:center;
  transition:transform .2s ease;
}
.c-contact .btn.btn-primary:hover,
.c-contact .c-wa:hover{ transform:translateY(-2px) }

/* Ícono WhatsApp en negro y alineado */
.c-wa .wa-icon{ width:18px; height:18px; flex:0 0 18px; margin-right:.55rem; }

/* Figura derecha a misma altura */
.c-figure{padding:10px}
.c-figure img{ width:100%; height:100%; object-fit:cover; border-radius:12px; display:block }

/* Logo en header */
.brand img {
  height: 120px;
  width: auto;
  margin: -20px 0;
}

/* Logo en footer */
footer .footer-logo {
  margin-bottom: 1.5rem;
}

footer .footer-logo img {
  height: 140px;
  width: auto;
  margin: 0 auto;
  display: block;
  opacity: 0.85;
}