/* ========================================================================
   VICVER REAL ESTATE — ALQUILAR
   CSS recuperado del diseño original de la página Alquilar.
   ======================================================================== */

/* ========================================================================
   VICVER REAL ESTATE — PÁGINA ALQUILAR 1.4.0
   ======================================================================== */
.vr-rental-page,
.vr-rental-page *,
.vr-rental-page *::before,
.vr-rental-page *::after { box-sizing:border-box; }
.vr-rental-page { width:100%; margin:0; padding:0; overflow:hidden; color:#111827; background:#f7f6f2; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
.vr-rental-page a { color:inherit; }
.vr-rental-header { background:#111518; color:#fff; }
.vr-rental-header-inner { width:min(1500px,calc(100% - 90px)); min-height:94px; margin:0 auto; display:flex; align-items:center; gap:40px; }
.vr-rental-logo { display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; }
.vr-rental-logo-symbol { width:42px; height:42px; border:1px solid #d8bb83; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#d8bb83; font-size:20px; }
.vr-rental-logo-name { display:flex; flex-direction:column; gap:4px; }
.vr-rental-logo-name strong { font-size:20px; font-weight:400; letter-spacing:5px; line-height:1; }
.vr-rental-logo-name small { font-size:8px; color:#bfc3c2; letter-spacing:3px; }
.vr-rental-navigation { display:flex; justify-content:center; align-items:center; gap:34px; flex:1; }
.vr-rental-navigation a { color:#d9dcda; text-decoration:none; font-size:12px; position:relative; }
.vr-rental-navigation a::after { content:""; position:absolute; left:0; bottom:-8px; width:0; height:1px; background:#d8bb83; transition:width .25s ease; }
.vr-rental-navigation a:hover::after,.vr-rental-navigation a.active::after { width:100%; }
.vr-rental-navigation a.active { color:#d8bb83; }
.vr-rental-header-actions { display:flex; align-items:center; gap:18px; }
.vr-rental-agent,.vr-rental-contact { text-decoration:none; font-size:11px; }
.vr-rental-agent { color:#ddd; }
.vr-rental-contact { border:1px solid #d8bb83; color:#d8bb83; padding:13px 19px; border-radius:30px; }
.vr-rental-hero { min-height:610px; position:relative; display:flex; align-items:flex-end; overflow:hidden; color:#fff; }
.vr-rental-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vr-rental-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,12,14,.84),rgba(7,12,14,.30) 58%,rgba(7,12,14,.34)); }
.vr-rental-hero-inner { width:min(1500px,calc(100% - 90px)); margin:0 auto; padding:70px 0 85px; position:relative; z-index:1; }
.vr-rental-breadcrumbs { display:flex; gap:12px; align-items:center; font-size:11px; margin-bottom:34px; color:#d9d8d1; }
.vr-rental-breadcrumbs a { text-decoration:none; color:#d8bb83; }
.vr-rental-eyebrow,.vr-rental-section-eyebrow { display:block; color:#c9a66d; font-size:10px; letter-spacing:5px; font-weight:500; }
.vr-rental-hero h1 { margin:18px 0 20px; max-width:900px; font-size:clamp(48px,6vw,84px); line-height:.98; letter-spacing:-3px; font-weight:300; }
.vr-rental-hero h1 span { color:#d8bb83; }
.vr-rental-hero p { max-width:700px; margin:0; color:#e6e5df; font-size:17px; line-height:1.7; }
.vr-rental-search-section { background:#f7f6f2; padding:75px 0 85px; }
.vr-rental-search-inner,.vr-rental-properties-inner,.vr-rental-zones-inner,.vr-rental-guide-inner { width:min(1260px,calc(100% - 70px)); margin:0 auto; }
.vr-rental-search-heading { display:grid; grid-template-columns:1fr .7fr; gap:70px; align-items:end; margin-bottom:28px; }
.vr-rental-search-heading h2,.vr-rental-section-head h2 { margin:10px 0 0; font-size:clamp(35px,4vw,55px); line-height:1.02; letter-spacing:-2px; font-weight:300; }
.vr-rental-search-heading p,.vr-rental-section-head > p { margin:0; color:#5d6670; font-size:14px; line-height:1.8; }
.vr-rental-search-form { background:#fff; border:1px solid #e4e0d7; box-shadow:0 18px 45px rgba(20,25,28,.08); padding:15px; display:grid; grid-template-columns:1.25fr 1fr 1fr auto; gap:10px; }
.vr-rental-search-form label { min-width:0; padding:14px 17px; border-right:1px solid #e9e6df; display:flex; flex-direction:column; gap:8px; }
.vr-rental-search-form label > span { font-size:9px; letter-spacing:2px; text-transform:uppercase; color:#9a7b4b; }
.vr-rental-search-form input,.vr-rental-search-form select { border:0; outline:0; width:100%; background:transparent; color:#18202b; font-size:14px; font-family:inherit; padding:0; }
.vr-rental-search-form input::placeholder { color:#9a9a96; }
.vr-rental-search-form button { min-width:205px; border:0; background:#15191b; color:#fff; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; font:inherit; font-size:12px; }
.vr-rental-search-form button strong { color:#d8bb83; font-size:18px; font-weight:400; }
.vr-rental-properties { background:#fff; padding:110px 0 95px; }
.vr-rental-section-head { display:grid; grid-template-columns:1.05fr .8fr; gap:80px; align-items:end; margin-bottom:48px; }
.vr-rental-property-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.vr-rental-property-card { background:#f8f7f3; min-width:0; }
.vr-rental-property-image-link { display:block; text-decoration:none; }
.vr-rental-property-image-wrap { position:relative; height:350px; overflow:hidden; background:#ddd; }
.vr-rental-property-image-wrap img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.vr-rental-property-card:hover img { transform:scale(1.035); }
.vr-rental-property-badge { position:absolute; top:18px; left:18px; padding:9px 12px; background:rgba(17,21,24,.88); color:#e5c78f; font-size:8px; letter-spacing:2px; }
.vr-rental-property-view { position:absolute; right:18px; bottom:18px; padding:10px 13px; background:#fff; color:#15191b; font-size:10px; opacity:0; transform:translateY(8px); transition:.25s ease; }
.vr-rental-property-view strong { color:#9a7b4b; font-size:14px; font-weight:400; }
.vr-rental-property-card:hover .vr-rental-property-view,.vr-rental-property-card:focus-within .vr-rental-property-view { opacity:1; transform:translateY(0); }
.vr-rental-property-body { padding:25px 24px 23px; }
.vr-rental-property-location { color:#9a7b4b; font-size:10px; letter-spacing:1px; margin-bottom:10px; }
.vr-rental-property-location span { margin-right:6px; }
.vr-rental-property-body h3 { margin:0 0 20px; font-size:24px; line-height:1.1; font-weight:400; letter-spacing:-.7px; }
.vr-rental-property-meta { display:flex; flex-wrap:wrap; gap:12px; padding-bottom:20px; border-bottom:1px solid #e1ded7; color:#66707a; font-size:11px; }
.vr-rental-property-meta span + span { padding-left:12px; border-left:1px solid #d9d6cf; }
.vr-rental-property-footer { padding-top:19px; display:flex; justify-content:space-between; align-items:end; gap:15px; }
.vr-rental-property-footer > strong { font-size:22px; font-weight:400; }
.vr-rental-property-footer > a { color:#9a7b4b; text-decoration:none; font-size:11px; }
.vr-rental-results-note { margin:-20px 0 28px; padding:15px 18px; background:#f4f1e9; color:#58616a; display:flex; justify-content:space-between; gap:20px; font-size:12px; }
.vr-rental-results-note a { color:#9a7b4b; text-decoration:none; white-space:nowrap; }
.vr-rental-demo-note { margin-top:24px; display:flex; gap:12px; align-items:center; color:#858982; font-size:11px; }
.vr-rental-demo-note > span { width:21px; height:21px; border:1px solid #cbb991; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#9a7b4b; flex-shrink:0; }
.vr-rental-demo-note p { margin:0; }
.vr-rental-zones { background:#f4f2ec; padding:105px 0 110px; }
.vr-rental-zone-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:16px; }
.vr-rental-zone-card { display:block; position:relative; height:390px; overflow:hidden; text-decoration:none; }
.vr-rental-zone-large { height:510px; grid-row:span 2; }
.vr-rental-zone-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s ease; }
.vr-rental-zone-card:hover img { transform:scale(1.04); }
.vr-rental-zone-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,12,14,.72),rgba(8,12,14,.05) 65%); }
.vr-rental-zone-content { position:absolute; left:30px; right:25px; bottom:28px; color:#fff; display:flex; flex-direction:column; }
.vr-rental-zone-content small { color:#d8bb83; letter-spacing:3px; font-size:8px; margin-bottom:8px; }
.vr-rental-zone-content strong { font-size:36px; font-weight:300; letter-spacing:-1px; }
.vr-rental-zone-content em { font-style:normal; font-size:11px; color:#e5e5df; margin-top:10px; }
.vr-rental-zone-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.vr-rental-zone-links a { padding:12px 17px; border:1px solid #d6c8aa; border-radius:30px; text-decoration:none; font-size:11px; color:#343a3e; transition:.2s ease; }
.vr-rental-zone-links a:hover { background:#15191b; border-color:#15191b; color:#fff; }
.vr-rental-guide { background:#15191b; color:#fff; padding:110px 0; }
.vr-rental-guide-inner { display:grid; grid-template-columns:1.05fr .95fr; gap:100px; align-items:center; }
.vr-rental-guide-copy h2 { margin:16px 0 22px; font-size:clamp(40px,4.5vw,65px); line-height:1; font-weight:300; letter-spacing:-2px; }
.vr-rental-guide-copy p { max-width:610px; color:#bfc4c2; line-height:1.8; font-size:14px; }
.vr-rental-guide-cta { display:inline-flex; gap:30px; align-items:center; margin-top:24px; color:#d8bb83; text-decoration:none; border-bottom:1px solid #8e7958; padding-bottom:10px; font-size:12px; }
.vr-rental-guide-cta span { font-size:18px; }
.vr-rental-guide-steps { border-top:1px solid #3b4142; }
.vr-rental-guide-steps > div { padding:25px 0; border-bottom:1px solid #3b4142; display:grid; grid-template-columns:60px 1fr; column-gap:18px; }
.vr-rental-guide-steps span { color:#d8bb83; font-size:10px; letter-spacing:2px; }
.vr-rental-guide-steps strong { font-size:19px; font-weight:400; }
.vr-rental-guide-steps p { grid-column:2; margin:8px 0 0; color:#aeb4b2; font-size:12px; line-height:1.6; }
.vr-rental-crosslinks { background:#e9e4d8; padding:110px 0; text-align:center; }
.vr-rental-crosslinks-inner { width:min(900px,calc(100% - 50px)); margin:0 auto; }
.vr-rental-crosslinks h2 { margin:18px 0 14px; font-size:clamp(42px,5vw,70px); line-height:.98; font-weight:300; letter-spacing:-3px; }
.vr-rental-crosslinks p { color:#59616a; font-size:14px; margin:0 0 28px; }
.vr-rental-crosslinks a { display:inline-flex; align-items:center; gap:30px; padding:16px 24px; background:#15191b; color:#fff; text-decoration:none; font-size:12px; }
.vr-rental-crosslinks a strong { color:#d8bb83; font-size:18px; font-weight:400; }
.vr-rental-page a:focus-visible,.vr-rental-page button:focus-visible,.vr-rental-page input:focus-visible,.vr-rental-page select:focus-visible { outline:2px solid #c9a66d; outline-offset:3px; }
@media (max-width:1050px) {
  .vr-rental-navigation { gap:20px; }
  .vr-rental-header-inner,.vr-rental-hero-inner { width:min(100% - 50px,1500px); }
  .vr-rental-search-form { grid-template-columns:1fr 1fr; }
  .vr-rental-search-form label:nth-child(2) { border-right:0; }
  .vr-rental-search-form button { min-height:58px; }
  .vr-rental-property-grid { grid-template-columns:1fr 1fr; }
  .vr-rental-zone-grid { grid-template-columns:1fr 1fr; }
  .vr-rental-zone-large { grid-column:1/-1; grid-row:auto; height:470px; }
  .vr-rental-guide-inner { gap:55px; }
}
@media (max-width:760px) {
  .vr-rental-header-inner { width:calc(100% - 36px); min-height:78px; }
  .vr-rental-navigation,.vr-rental-agent { display:none; }
  .vr-rental-header-actions { margin-left:auto; }
  .vr-rental-contact { padding:11px 15px; }
  .vr-rental-hero { min-height:560px; }
  .vr-rental-hero-inner { width:calc(100% - 36px); padding:50px 0 65px; }
  .vr-rental-hero h1 { font-size:clamp(44px,12vw,66px); letter-spacing:-2px; }
  .vr-rental-hero p { font-size:14px; }
  .vr-rental-search-section,.vr-rental-properties,.vr-rental-zones,.vr-rental-guide,.vr-rental-crosslinks { padding-top:75px; padding-bottom:75px; }
  .vr-rental-search-inner,.vr-rental-properties-inner,.vr-rental-zones-inner,.vr-rental-guide-inner { width:calc(100% - 36px); }
  .vr-rental-search-heading,.vr-rental-section-head,.vr-rental-guide-inner { grid-template-columns:1fr; display:grid; gap:22px; }
  .vr-rental-search-form { grid-template-columns:1fr; padding:8px; }
  .vr-rental-search-form label { border-right:0; border-bottom:1px solid #e9e6df; padding:14px; }
  .vr-rental-search-form button { min-height:58px; }
  .vr-rental-property-grid { grid-template-columns:1fr; }
  .vr-rental-property-image-wrap { height:300px; }
  .vr-rental-zone-grid { grid-template-columns:1fr; }
  .vr-rental-zone-large,.vr-rental-zone-card { grid-column:auto; height:350px; }
  .vr-rental-results-note { flex-direction:column; }
  .vr-rental-guide-steps > div { grid-template-columns:45px 1fr; }
  .vr-rental-crosslinks h2 { letter-spacing:-2px; }
}
@media (prefers-reduced-motion:reduce) {
  .vr-rental-page *,.vr-rental-page *::before,.vr-rental-page *::after { scroll-behavior:auto!important; transition:none!important; }
}