:root { --consult-coffee:#2a1a0c; --consult-coffee-soft:#3b2511; --consult-gold:#d4b253; --consult-gold-light:#f1d879; --consult-cream:#f8f1e5; }
.consult-page { color:var(--consult-cream); background:var(--consult-coffee); }
.consult-page main.container { position:relative; display:grid; grid-template-columns:minmax(16rem,.85fr) minmax(24rem,1.15fr); gap:clamp(2rem,7vw,7rem); width:min(100% - 2rem,76rem); min-height:calc(100vh - 5.6rem); padding-block:clamp(4rem,9vw,8rem); }
.consult-page main.container::before { position:absolute; z-index:0; width:min(45vw,36rem); aspect-ratio:1; top:4%; left:-20%; border:1px solid rgba(241,216,121,.17); border-radius:50%; background:radial-gradient(circle at 40% 40%,rgba(212,178,83,.22),transparent 64%); content:""; }
.consult-intro,.consult-form { position:relative; z-index:1; }
.consult-intro { align-self:center; }
.consult-page .kicker { display:flex; align-items:center; gap:.75rem; color:var(--consult-gold-light); font-size:.75rem; }
.consult-page .kicker::before { width:2.5rem; height:1px; background:currentColor; content:""; }
.consult-page h1 { max-width:10ch; color:var(--consult-cream); font-size:clamp(3.4rem,6.5vw,6.4rem); line-height:.94; }
.consult-page .lead { max-width:32rem; color:rgba(248,241,229,.78); font-size:clamp(1.05rem,1.6vw,1.2rem); }
.consult-page .lead::after { display:block; width:4rem; height:2px; margin-top:2rem; background:var(--consult-gold); content:""; }
.consult-page .consult-form { gap:1.1rem; margin:0; padding:clamp(1.5rem,4vw,2.5rem); background:var(--consult-cream); border:1px solid rgba(241,216,121,.5); border-radius:1rem; box-shadow:0 2rem 4rem rgba(0,0,0,.25); }
.consult-page .consult-form::before { display:block; color:var(--consult-coffee); content:"Tu información es el primer paso"; font:500 clamp(1.6rem,2.8vw,2.25rem)/1.1 Georgia,serif; }
.consult-page .consult-form label { color:var(--consult-coffee); font-size:.8rem; font-weight:800; letter-spacing:.015em; }
.consult-page .consult-form input,.consult-page .consult-form select,.consult-page .consult-form textarea { color:var(--consult-coffee); background:#fffdf8; border-color:rgba(42,26,12,.28); border-radius:.4rem; }
.consult-page .consult-form input:focus,.consult-page .consult-form select:focus,.consult-page .consult-form textarea:focus { outline:2px solid rgba(177,125,33,.5); outline-offset:1px; border-color:var(--consult-gold); }
.consult-page .notice { color:#5a3d1a; background:#efe1c7; border-left-color:var(--consult-gold); }
.consult-page .consent { color:#594b3b; }
.consult-page .submit { min-height:3.4rem; color:var(--consult-coffee); background:var(--consult-gold-light); border:1px solid var(--consult-gold-light); border-radius:999px; box-shadow:0 .6rem 1.1rem rgba(177,125,33,.18); transition:transform .2s ease,background-color .2s ease; }
.consult-page .submit:hover,.consult-page .submit:focus-visible { background:#e8c95f; transform:translateY(-2px); }
@media (max-width:58rem) { .consult-page main.container { grid-template-columns:1fr; gap:2.5rem; } .consult-page h1 { max-width:13ch; } .consult-page .consult-form { max-width:42rem; } }
@media (max-width:42rem) { .consult-page main.container { width:min(100% - 1.25rem,76rem); padding-block:3rem; } .consult-page h1 { font-size:clamp(3rem,15vw,4.5rem); } .consult-page .consult-form { padding:1.3rem; } }