:root{
  --pink:#EC1E79;
  --pink-dark:#B7056F;
  --dark:#2E3646;
  --gray-bg:#F4F4F5;
  --text:#3C3C3C;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Helvetica Neue',Arial,sans-serif;color:var(--text);background:#fff;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* HEADER */
header{
  width:100%;background-color:#ffffff;border-bottom:1px solid #e0e0e0;
  padding:10px 0;
}
.header-inner{
  max-width:980px;width:100%;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;
  min-height:60px;
}
header .logo{
  display:flex;align-items:center;float:left;
}
header .logo img{height:42px;width:auto;}
header .right{
  display:flex;align-items:center;gap:0;
  float:right;text-align:center;
}
header .right .telefono{
  display:flex;align-items:center;gap:6px;color:#777777;
  font-size:14px;text-decoration:none;font-weight:400;line-height:1;
}
header .right .telefono .icon-phone{color:#888888;margin-right:2px;}
header .right .separator{
  width:1px;height:16px;background-color:#dddddd;margin:0 16px;
  display:inline-block;align-self:center;
}
.social{display:flex;align-items:center;gap:12px;}
.social a{display:flex;align-items:center;color:#888888;text-decoration:none;transition:color 0.2s ease;line-height:1;}
.social a:hover{color:#555555;}

/* HERO */
.hero{
  position:relative;width:100%;min-height:600px;
  background-image:url('../img/extra-linea-banner.jpg');
  background-size:cover;background-position:right center;background-repeat:no-repeat;
  display:flex;align-items:center;
}
.hero-content-img{
  position:relative;z-index:2;width:68%;min-width:260px;max-width:660px;
  margin:32px 0 32px 40px;
}
@media (max-width:768px){
  .hero{background-position:70% center;min-height:260px;flex-direction:column;align-items:flex-start;}
  .hero-content-img{width:60%;margin:16px auto;}
}

/* CALCULATOR SECTION */
.calc-section{
  position:relative;padding:70px 40px;overflow:hidden;
  background-image:radial-gradient(circle,#e9e9ea 2px,transparent 2.5px);
  background-size:34px 34px;
}
.calc-wrap{max-width:520px;margin:0 auto 0 auto;position:relative;background:transparent;}
.calc-wrap h2{color:var(--pink);font-size:26px;font-weight:800;margin:0 0 24px;text-align:left;}
.field-label{font-weight:600;font-size:15px;margin:18px 0 8px;color:#333;}
.pink-input{
  width:100%;background:var(--pink);border:none;border-radius:22px;padding:14px 20px;
  color:#fff;font-size:15px;outline:none;appearance:none;
}
.pink-input::placeholder{color:#fff;opacity:.85;}
select.pink-input{color:#fff;}
.unit-label{font-size:13px;color:#666;margin-top:6px;}
.btn-row{display:flex;gap:14px;margin:26px 0;flex-wrap:wrap;}
.btn-pink{
  background:var(--pink);color:#fff;border:none;border-radius:22px;padding:12px 26px;
  font-weight:700;font-size:13px;letter-spacing:.5px;cursor:pointer;
}
.btn-pink:hover{background:var(--pink-dark);}
.result-label{font-weight:700;text-align:center;color:#333;margin-bottom:10px;}
.result-box{
  background:var(--pink);color:#fff;border-radius:22px;padding:16px 20px;font-size:22px;font-weight:600;
}

/* PRE-APPROVE */
.preapprove{background:var(--gray-bg);padding:60px 40px;text-align:center;}
.preapprove h2{color:var(--pink);font-size:24px;margin:0 0 18px;}
.preapprove-inner{max-width:640px;margin:0 auto;text-align:left;}
.preapprove p{font-size:15px;color:#555;margin:0 0 14px;}
.preapprove ul{margin:0 0 14px 20px;padding:0;color:#555;font-size:15px;}
.preapprove li{margin-bottom:6px;}

/* FORM SECTION */
.form-section{padding:60px 40px 70px;max-width:900px;margin:0 auto;}
.form-section h3{color:var(--pink);font-size:15px;letter-spacing:.5px;text-transform:uppercase;margin:0 0 16px;}
#rcForm{max-width:900px;margin:0 auto;}
#rcForm h4{color:var(--pink);font-size:16px;margin:24px 0 12px;}
#rcForm .uk-grid{display:flex;flex-wrap:wrap;margin:0 -10px;}
#rcForm .uk-width-1-1{flex:0 0 100%;max-width:100%;padding:0 10px;}
#rcForm .uk-width-1-2\@m{flex:0 0 100%;max-width:100%;padding:0 10px;}
@media(min-width:768px){
  #rcForm .uk-width-1-2\@m{flex:0 0 50%;max-width:50%;}
}
#rcForm .uk-grid-margin{margin-top:16px;}
#rcForm .uk-input,#rcForm .uk-select{
  width:100%;padding:12px 16px;border:1px solid #d8d8db;border-radius:6px;font-size:14px;
  background:#fff;color:#333;outline:none;
}
#rcForm .uk-input:focus,#rcForm .uk-select:focus{border-color:var(--pink);}
#rcForm .uk-button-primary{
  background:var(--pink);color:#fff;border:none;border-radius:22px;padding:12px 40px;
  font-weight:700;font-size:14px;cursor:pointer;
}
#rcForm .uk-button-primary:hover{background:var(--pink-dark);}
#rcForm .uk-text-center{text-align:center;}
.form-msg{max-width:900px;margin:16px auto 0;text-align:center;font-size:14px;font-weight:600;display:none;}
.form-msg.ok{display:block;color:#1c8a4a;}
.form-msg.err{display:block;color:#c0392b;}

/* FOOTER */
footer{background:var(--dark);color:#cfd3da;padding:50px 40px 20px;text-align:center;}
footer .foot-contact{font-size:14px;margin-bottom:8px;}
footer .foot-contact a{color:#cfd3da;}
footer .foot-address{font-size:13px;color:#9aa0ab;margin-bottom:30px;}
footer .foot-bottom{
  border-top:1px solid rgba(255,255,255,.1);padding-top:18px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#9aa0ab;
}
footer .foot-bottom img{height:22px;}