:root{
  --navy:#03101a;
  --navy-2:#061825;
  --gold:#d7a64e;
  --gold-2:#f0c776;
  --white:#f7f3eb;
  --muted:#aab5bd;
  --line:rgba(215,166,78,.32);
  --shadow:0 28px 70px rgba(0,0,0,.48);
}

*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  margin:0;
  padding:0;
  background:#020b12;
}
body{
  margin:0;
  padding:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--white);
  background:#020b12;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,black 16%,black 82%,transparent);
}

img{max-width:100%;display:block}

/* Página del mismo tamaño visual que el formulario: sin menú, sin footer, sin pantalla completa. */
.contact-page{
  width:min(880px,100%);
  min-height:0;
  position:relative;
  z-index:1;
  margin:0 auto;
  padding:0;
}

.lead-form{
  width:100%;
  position:relative;
  border:1px solid rgba(215,166,78,.46);
  background:
    radial-gradient(circle at 50% 0,rgba(215,166,78,.14),transparent 34%),
    linear-gradient(180deg,rgba(6,20,31,.96),rgba(3,10,16,.99));
  box-shadow:var(--shadow);
  padding:34px;
}
.lead-form::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.045);
  pointer-events:none;
}
.form-head{
  position:relative;
  text-align:center;
  margin-bottom:24px;
}
.form-logo{
  width:132px;
  margin:0 auto 18px;
}
.eyebrow{
  margin:0 0 12px;
  color:#cfd6dc;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:800;
}
.form-head h1{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  text-transform:uppercase;
  font-size:clamp(31px,4vw,52px);
  line-height:1;
  letter-spacing:.06em;
  color:var(--white);
}
.form-head p:last-child{
  margin:0 auto;
  max-width:570px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}

.form-grid{
  position:relative;
  display:grid;
  gap:16px;
  margin-bottom:16px;
}
.two-col{grid-template-columns:1fr 1fr}
label{
  position:relative;
  display:block;
  margin-bottom:16px;
}
label span{
  display:block;
  margin-bottom:8px;
  color:#d9e0e5;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
input,select,textarea{
  width:100%;
  border:1px solid rgba(215,166,78,.27);
  background:rgba(2,10,16,.78);
  color:var(--white);
  padding:14px 14px;
  border-radius:0;
  outline:none;
  font:inherit;
  font-size:14px;
}
select option{background:#06131d;color:#f7f3eb}
textarea{resize:vertical;min-height:126px}
input:focus,select:focus,textarea:focus{
  border-color:rgba(215,166,78,.74);
  box-shadow:0 0 0 3px rgba(215,166,78,.12);
}
.checkbox{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:12px;
  align-items:flex-start;
  margin:8px 0 20px;
}
.checkbox input{
  width:18px;
  height:18px;
  margin-top:1px;
  accent-color:var(--gold);
}
.checkbox span{
  margin:0;
  text-transform:none;
  letter-spacing:0;
  font-weight:500;
  color:#cbd4db;
  line-height:1.48;
  font-size:13px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border:1px solid var(--gold);
  border-radius:2px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  text-decoration:none;
}
.btn-gold{
  background:linear-gradient(180deg,var(--gold-2),#b9832c);
  color:#06111a;
  box-shadow:0 14px 30px rgba(215,166,78,.2);
}
.btn-outline{
  background:transparent;
  color:var(--gold-2);
}
.submit-btn{width:100%;border:0}
.form-note{
  margin:14px 0 0;
  color:#91a0aa;
  font-size:12.5px;
  line-height:1.5;
  text-align:center;
}
.hp{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
  height:0!important;
  width:0!important;
  padding:0!important;
  border:0!important;
}

.thanks-page{
  width:min(760px,100%);
  min-height:0;
  margin:0 auto;
  padding:0;
}
.thanks-card{
  border:1px solid rgba(215,166,78,.46);
  background:linear-gradient(180deg,rgba(6,20,31,.96),rgba(3,10,16,.99));
  box-shadow:var(--shadow);
  padding:42px 34px;
  text-align:center;
}
.thanks-card img{width:132px;margin:0 auto 18px}
.thanks-card h1{
  margin:0 0 12px;
  font-family:Georgia,"Times New Roman",serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.thanks-card p{color:var(--muted);line-height:1.6}
.thanks-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}

@media (max-width:760px){
  .two-col{grid-template-columns:1fr}
  .lead-form{padding:26px 20px}
  .form-head h1{font-size:clamp(28px,8vw,38px)}
}