.ct-hero{
  background: linear-gradient(180deg,#0b1c1c 0,#0a1717 100%);
  border-bottom:1px solid rgba(0,230,215,.15);
  padding:32px 0;
}
.ct-hero h1{ margin:0 0 6px; font-size:clamp(26px,3vw,38px) }
.ct-hero p{ margin:0; color:#bfeee9 }

.ct-wrap{ padding:24px 0 }
.ct-grid{ display:grid; grid-template-columns: 2fr 1.2fr; gap:18px }
@media (max-width: 980px){ .ct-grid{ grid-template-columns:1fr } }

.ct-card{
  background: var(--axioma-card);
  border:1px solid rgba(0,230,215,.12);
  border-radius:14px; padding:16px;
  box-shadow: var(--shadow);
}
.ct-card h2{ margin:0 0 12px; font-size:20px }

.ct-form .row{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
@media (max-width: 680px){ .ct-form .row{ grid-template-columns:1fr } }

.field{ display:flex; flex-direction:column; gap:6px }
.field label{ font-size:14px; color:#bfeee9 }
.field input, .field select, .field textarea{
  background:#0f2222; border:1px solid rgba(0,230,215,.25);
  color:var(--axioma-text); border-radius:10px; padding:10px 12px; outline:none;
}
.field textarea{ resize: vertical }

.actions{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap }
.btn{ background:#00e6d7; color:#043332; border:none; border-radius:999px; padding:10px 16px; font-weight:700; cursor:pointer }
.btn--soft{ background:#0f2222; border:1px solid rgba(0,230,215,.35); color:#bfeee9 }

.helper{ color:#9fdad4; font-size:13px; margin-top:8px }
.hl{ color:#00e6d7 }

.form-msg{ margin-top:8px; font-size:13px; color:#9fdad4 }

.ct-info{ list-style:none; padding:0; margin:0 0 12px 0 }
.ct-info li{ margin:6px 0; color:#e9fffb }
.ct-map{ margin-top:10px; border:1px solid rgba(0,230,215,.2); border-radius:12px; overflow:hidden }
.ct-map iframe{ width:100%; height:280px; border:0 }

.ct-social{ margin-top:12px; display:flex; gap:8px; flex-wrap:wrap }
.chip{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:#0f2222; border:1px solid rgba(0,230,215,.25); color:#bfeee9; font-weight:600
}

/* Reusa FAB de styles.css */
