/* PrestoYa V11: interfaz compacta, campos apilados y selectores dependientes. No modifica el motor financiero. */
:root{--navy:#102859;--navyd:#101b35;--ink:#111827;--orange:#ff740b;--muted:#778197;--line:#e7eaf2;--ice:#f7f8fc;--lav:#eef0ff;--indigo:#6269ec;--lav-step-1:#eff0ff;--lav-step-2:#f4f4fc;--lav-step-3:#eef0f8}
.nav-cta,.btn-dark,.top .mobile-nav{background:var(--navy)}
.sim-card{border-color:var(--line);box-shadow:0 18px 52px rgba(22,30,65,.08)}
.sim-icon{background:#eef0ff;color:var(--navy)}
#loanForm{display:flex;flex-direction:column;gap:16px}
#loanForm .v11-field{min-width:0;width:100%;margin:0;padding:0}
#loanForm .v11-field:first-child{border-top:1px solid var(--line);padding-top:17px}
#loanForm .field-label{color:#485872;font-size:11px;letter-spacing:.075em;margin-bottom:8px}
#loanForm input,#loanForm select{display:block;box-sizing:border-box;min-width:0;min-height:50px;max-width:100%;width:100%;color:#1e2a44;background:#f7f8fc;border:1px solid #e6e9f2;border-radius:12px;padding:0 15px;font-size:15px}
#loanForm input:focus,#loanForm select:focus{border-color:#9fa9ed;box-shadow:0 0 0 3px rgba(98,105,236,.12)}
#loanForm input[type="date"]{-webkit-appearance:none;appearance:none;min-inline-size:0;inline-size:100%;line-height:normal;padding-right:12px;display:block}
#loanForm input[type="date"]::-webkit-date-and-time-value{text-align:left;min-height:1em}
#loanForm input[type="date"]::-webkit-datetime-edit{padding:0}
#loanForm .with-prefix{padding-left:52px!important}
#loanForm .with-suffix{padding-right:47px!important}
#loanForm .input-prefix,#loanForm .input-suffix{top:50%;transform:translateY(-50%);font-size:15px;color:#747f99}
#loanForm .v11-select-wrap{position:relative}
#loanForm select{cursor:pointer;appearance:none;-webkit-appearance:none;padding:0 40px 0 15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:17px 17px}
#loanForm .helper{font-size:11px;color:#838ca0;line-height:1.55;margin:6px 0 0}
#loanForm .form-submit{margin-top:3px;min-height:53px;border-radius:13px;background:var(--orange);box-shadow:0 7px 17px rgba(255,116,11,.15);font-size:14px}
#loanForm .micro{margin:-7px 3px 0;color:#939bad;font-size:10px;line-height:1.55}
#loanForm .field-error{margin:0}
#loanForm :is(input,select)[aria-invalid="true"]{border-color:#d8513e}
.step:nth-child(1){background:var(--lav-step-1)}
.step:nth-child(2){background:var(--lav-step-2)}
.step:nth-child(3){background:var(--lav-step-3)}
.step-num{color:var(--indigo)}
.how .section-kicker{color:var(--indigo)}
.result-actions .btn-orange{background:var(--indigo)}
.result-actions .btn-soft{background:#f0f1ff;color:#364684}
.tag{background:#eaf7f2;color:#176957}
@media(min-width:781px){
 .sim-card{max-width:500px;padding:27px 30px}
 .hero-inner{min-height:820px}
 .hero-copy{padding-bottom:0}
 .form-zone{padding:34px 0}
 .v11-field{max-width:100%}
}
@media(max-width:780px){
 body{overflow-x:hidden}
 .shell{padding-left:18px;padding-right:18px}
 .top{height:70px}
 .brand img{width:min(140px,40vw)}
 .top .mobile-nav{font-size:12px;line-height:1.2;min-height:40px;padding:10px 15px;box-shadow:none;border-radius:999px}
 .hero-copy{padding:34px 0 6px}
 .eyebrow{font-size:10px;letter-spacing:.11em}
 .hero h1{font-size:clamp(35px,9.7vw,43px);line-height:1.11;letter-spacing:-.06em;margin:16px 0 15px}
 .hero-desc{font-size:14px;line-height:1.62;margin:0 0 20px}
 .hero-actions{gap:9px}
 .hero-actions .btn-dark,.hero-actions .btn-ghost{min-height:44px;padding:11px 15px;font-size:12px;line-height:1.3;border-radius:11px}
 .trust{gap:10px;margin-top:18px;font-size:10px;line-height:1.5}
 .form-zone{padding:22px 0 28px;scroll-margin-top:16px}
 .orbit{left:0;max-width:100%;width:100%;height:auto;aspect-ratio:1}
 .sim-card{padding:21px 20px 20px;border-radius:22px}
 .sim-top{gap:11px;margin-bottom:16px;align-items:center}
 .sim-icon{width:39px;height:39px;border-radius:11px}
 .sim-title{font-size:19px;margin:0 0 4px}
 .sim-sub{font-size:11px;line-height:1.45}
 #loanForm{gap:13px}
 #loanForm .v11-field:first-child{padding-top:14px}
 #loanForm .field-label{font-size:10px;margin-bottom:7px}
 #loanForm input,#loanForm select{height:48px;min-height:48px;font-size:15px}
 #loanForm .form-submit{min-height:48px;font-size:13px;margin-top:2px}
 #loanForm .micro{font-size:10px}
 .metrics{margin-top:1px;padding:15px 7px;border-radius:18px}
 .metric{padding:3px 10px}
 .metric strong{font-size:19px;margin-bottom:4px}
 .metric span{font-size:10px;line-height:1.5}
 .how{padding:48px 0 54px}
 .how .section-kicker{font-size:10px;margin-bottom:11px}
 .section-heading{font-size:clamp(29px,7.8vw,35px);line-height:1.16;margin-bottom:8px}
 .step-row{gap:11px;margin-top:21px}
 .step{min-height:0;padding:20px 21px 21px;border-radius:21px}
 .step-num{width:47px;height:47px;border-radius:13px;margin-bottom:17px}
 .step-num span{font-size:20px}
 .step-num small{font-size:9px}
 .step h3{font-size:17px;margin:0 0 7px}
 .step p{font-size:12px;line-height:1.58;max-width:100%}
 .results{margin-bottom:45px;scroll-margin-top:13px}
 .result-inner{padding:21px 18px;border-radius:22px}
 .result-head{gap:8px}
 .result-head h2{font-size:clamp(22px,6vw,27px);line-height:1.23;margin-bottom:5px}
 .result-sub{font-size:12px;line-height:1.5}
 .tag{font-size:10px;padding:7px 11px}
 .result-overview{gap:8px;margin:16px 0 13px}
 .overview-item{padding:11px 12px;border-radius:13px}
 .overview-item span{font-size:10px;line-height:1.4;margin-bottom:5px}
 .overview-item strong{font-size:clamp(14px,4.1vw,17px);line-height:1.35}
 .financial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .financial-item{padding:12px 13px;gap:4px;border-radius:14px}
 .financial-item strong{font-size:clamp(19px,5.3vw,24px)}
 .financial-item span{font-size:11px}
 .financial-item small{font-size:10px}
 .financial-item-accent{grid-column:1/-1}
 .schedule-head{margin:22px 0 12px}
 .schedule-head h3{font-size:18px}
 .schedule-head p{font-size:11px;line-height:1.5}
 .schedule-count{font-size:10px}
 .results th,.results td{font-size:11px;padding:10px 5px}
 .result-actions{gap:8px;padding-top:17px;margin-top:16px}
 .result-actions :is(.btn-orange,.btn-soft){min-height:45px;padding:11px 13px;font-size:12px}
 .disclaimer{font-size:11px;line-height:1.6}
}
@media(max-width:355px){
 .hero h1{font-size:34px}
 .brand img{width:120px}
 .top .mobile-nav{padding:9px 11px;font-size:11px}
 .sim-card{padding:19px 15px}
 .result-inner{padding:17px 13px}
 .financial-grid{grid-template-columns:1fr}
 .financial-item-accent{grid-column:auto}
}
@media print{.result-overview{grid-template-columns:repeat(2,1fr)}.financial-grid{grid-template-columns:repeat(3,1fr)}.financial-item-accent{grid-column:auto}}