:root{
    --verde-principal:#183B2A;
    --verde-oscuro:#10291D;
    --verde-suave:#2F5A43;
    --arena:#B99A68;
    --arena-claro:#D8C6A3;
    --crema:#F6F2EA;
    --blanco:#FFFFFF;
    --texto:#1F2A24;
    --gris:#6F776F;
    --borde:#E4DED2;
    --sombra:0 12px 30px rgba(16,41,29,.14);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Montserrat,sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--crema);
    color:var(--texto);
    line-height:1.6;
}

.contenedor{
    width:min(1200px,90%);
    margin:auto;
}

/* HEADER */
.header{
    position:fixed;
    top:0;
    width:100%;
    background:rgba(16,41,29,.90);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,.10);
    z-index:99;
    transition:.3s ease;
}

.header .contenedor{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
}

.logo{
    color:var(--blanco);
    font-size:28px;
    font-weight:800;
    letter-spacing:.5px;
}

.logo span{
    color:var(--arena);
}

nav{
    display:flex;
    align-items:center;
    gap:6px;
}

nav a{
    color:var(--blanco);
    text-decoration:none;
    margin:0 10px;
    font-weight:600;
    transition:.25s ease;
}

nav a:hover{
    color:var(--arena-claro);
}

.btn{
    background:var(--arena);
    color:var(--verde-oscuro);
    padding:11px 20px;
    border-radius:30px;
    text-decoration:none;
    font-weight:800;
    transition:.25s ease;
}

.btn:hover{
    background:var(--arena-claro);
    transform:translateY(-2px);
}

/* HERO */
.hero{
    height:100vh;
    min-height:680px;
    background:url('imagenes/pinamar.jpg') center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            rgba(16,41,29,.60),
            rgba(16,41,29,.72)
        );
}

.hero-content{
    position:relative;
    color:var(--blanco);
    text-align:center;
    max-width:900px;
    padding:0 20px;
}

.hero h1{
    font-size:58px;
    line-height:1.08;
    margin-bottom:20px;
    text-shadow:0 4px 18px rgba(0,0,0,.30);
}

.hero p{
    font-size:22px;
    margin-bottom:30px;
    color:#F3EFE8;
}

.buscador{
    display:flex;
    gap:10px;
    background:rgba(255,255,255,.96);
    padding:14px;
    border-radius:60px;
    box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.buscador input,
.buscador select{
    flex:1;
    border:none;
    outline:none;
    background:transparent;
    color:var(--texto);
    padding:12px 14px;
    font-size:15px;
}

.buscador button{
    background:var(--arena);
    color:var(--verde-oscuro);
    border:none;
    padding:13px 30px;
    border-radius:40px;
    cursor:pointer;
    font-weight:800;
    transition:.25s ease;
}

.buscador button:hover{
    background:var(--verde-principal);
    color:var(--blanco);
}

/* SECCIONES */
section{
    padding:90px 0;
}

h2{
    text-align:center;
    margin-bottom:40px;
    font-size:38px;
    color:var(--verde-principal);
}

.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:25px;
}

.card{
    background:var(--blanco);
    border:1px solid var(--borde);
    border-radius:18px;
    overflow:hidden;
    box-shadow:var(--sombra);
    transition:.3s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(16,41,29,.20);
}

.card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.card div{
    padding:22px;
}

.card h3{
    color:var(--verde-principal);
    margin-bottom:8px;
}

.card p{
    color:var(--gris);
    margin-bottom:16px;
}

.card a{
    display:inline-block;
    text-decoration:none;
    color:var(--blanco);
    background:var(--verde-principal);
    padding:10px 18px;
    border-radius:30px;
    font-weight:700;
    transition:.25s ease;
}

.card a:hover{
    background:var(--arena);
    color:var(--verde-oscuro);
}

/* SERVICIOS */
#servicios{
    background:var(--verde-oscuro);
    color:var(--blanco);
    text-align:center;
}

#servicios h2{
    color:var(--arena-claro);
}

#servicios ul{
    list-style:none;
}

#servicios li{
    margin:15px 0;
    font-size:20px;
    color:#F7F3EC;
}

/* CONTACTO */
#contacto{
    background:var(--crema);
}

form{
    max-width:700px;
    margin:auto;
    display:flex;
    flex-direction:column;
    gap:15px;
}

input,
textarea{
    padding:15px;
    border-radius:10px;
    border:1px solid var(--borde);
    background:var(--blanco);
    color:var(--texto);
    outline:none;
    transition:.25s ease;
}

input:focus,
textarea:focus{
    border-color:var(--arena);
    box-shadow:0 0 0 3px rgba(185,154,104,.18);
}

textarea{
    height:150px;
    resize:vertical;
}

form button{
    padding:15px;
    background:var(--verde-principal);
    color:var(--blanco);
    border:none;
    border-radius:10px;
    font-weight:800;
    cursor:pointer;
    transition:.25s ease;
}

form button:hover{
    background:var(--arena);
    color:var(--verde-oscuro);
}

/* FOOTER */
footer{
    background:var(--verde-oscuro);
    color:var(--blanco);
    text-align:center;
    padding:30px;
    border-top:4px solid var(--arena);
}

/* WHATSAPP */
.wsp{
    position:fixed;
    right:25px;
    bottom:25px;
    background:var(--verde-principal);
    color:var(--blanco);
    padding:15px 22px;
    border:2px solid var(--arena);
    border-radius:50px;
    text-decoration:none;
    font-weight:800;
    box-shadow:0 10px 25px rgba(16,41,29,.30);
    transition:.25s ease;
    z-index:100;
}

.wsp:hover{
    background:var(--arena);
    color:var(--verde-oscuro);
    transform:translateY(-3px);
}

/* RESPONSIVE */
@media(max-width:900px){
    .header .contenedor{
        flex-wrap:wrap;
        gap:12px;
    }

    nav{
        order:3;
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
    }
}

@media(max-width:768px){
    .header{
        position:absolute;
    }

    .header .contenedor{
        flex-direction:column;
    }

    nav{
        margin:8px 0;
    }

    nav a{
        margin:5px 7px;
        font-size:14px;
    }

    .hero{
        min-height:760px;
    }

    .hero h1{
        font-size:38px;
    }

    .hero p{
        font-size:18px;
    }

    .buscador{
        flex-direction:column;
        border-radius:20px;
    }

    .buscador button{
        width:100%;
    }

    h2{
        font-size:30px;
    }
}

/* =============================
   PÁGINAS DE PROPIEDADES Y ADMIN
   ============================= */
.logo-link{ text-decoration:none; }
.centrado{ text-align:center; margin-top:38px; }
.boton-secundario{
    display:inline-block; background:transparent; color:var(--verde-principal);
    border:2px solid var(--verde-principal); padding:12px 22px; border-radius:30px;
    text-decoration:none; font-weight:800;
}
.admin-link{ color:var(--arena-claro); display:inline-block; margin-top:8px; font-size:13px; }
.header-interno{ position:fixed; background:rgba(16,41,29,.98); }
.pagina-interna{ padding-top:92px; }
.propiedades-main{ min-height:75vh; padding-bottom:80px; }
.encabezado-interno{ text-align:center; padding:70px 0 35px; }
.encabezado-interno h1,.admin-titulo h1,.login-caja h1{ color:var(--verde-principal); font-size:42px; line-height:1.15; }
.eyebrow{ color:var(--arena); font-weight:800; text-transform:uppercase; letter-spacing:1.8px; font-size:13px; }
.filtros-propiedades{
    display:grid; grid-template-columns:1fr 1.5fr 1fr auto; gap:12px;
    padding:18px; background:var(--blanco); border:1px solid var(--borde);
    border-radius:16px; box-shadow:var(--sombra); margin-bottom:22px;
}
.filtros-propiedades input,.filtros-propiedades select,.filtros-propiedades button,
.form-propiedad input,.form-propiedad select,.form-propiedad textarea,.login-admin input{
    width:100%; padding:13px; border:1px solid var(--borde); border-radius:10px; background:#fff;
}
.filtros-propiedades button{ background:var(--verde-principal); color:#fff; font-weight:800; cursor:pointer; }
.contador-propiedades{ margin-bottom:18px; color:var(--gris); font-weight:600; }
.sin-resultados{ padding:60px 20px; text-align:center; background:#fff; border-radius:16px; }
.imagen-propiedad-wrap{ position:relative; }
.estado-badge{ position:absolute; top:14px; right:14px; color:#fff; padding:6px 10px; border-radius:20px; font-size:12px; font-weight:800; }
.estado-badge.disponible{ background:var(--verde-principal); }
.estado-badge.no-disponible{ background:#8a5b45; }
.contenido-propiedad{ padding:22px; }
.operacion-tag{ display:inline-block; color:var(--arena); text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:1px; margin-bottom:5px; }
.ubicacion-propiedad{ margin-bottom:8px!important; }
.precio-propiedad{ display:block; color:var(--verde-principal); font-size:18px; margin-bottom:15px; }
.ver-detalle{ border:0; background:var(--verde-principal); color:#fff; padding:10px 18px; border-radius:30px; font-weight:800; cursor:pointer; }
.modal-propiedad{ position:fixed; inset:0; background:rgba(0,0,0,.72); display:none; align-items:center; justify-content:center; padding:20px; z-index:999; }
.modal-propiedad.abierto{ display:flex; }
.modal-contenido{ max-width:1000px; width:100%; max-height:92vh; overflow:auto; background:#fff; border-radius:20px; position:relative; }
.cerrar-modal{ position:absolute; top:12px; right:15px; z-index:2; width:42px; height:42px; border:0; border-radius:50%; font-size:28px; cursor:pointer; }
.galeria-modal{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:5px; background:#ddd; }
.galeria-modal img{ width:100%; height:280px; object-fit:cover; }
.modal-info{ padding:28px; }
.modal-info h2{ text-align:left; margin:8px 0 15px; }
.modal-info p{ margin-bottom:12px; }

/* ADMIN */
.pagina-admin{ background:#eef1ed; min-height:100vh; }
.admin-header{ background:var(--verde-oscuro); padding:18px 0; }
.admin-header-contenido,.admin-header-acciones{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
.admin-header-acciones a,.admin-header-acciones button{ color:#fff; background:transparent; border:1px solid rgba(255,255,255,.35); padding:9px 14px; border-radius:25px; text-decoration:none; cursor:pointer; }
.admin-main{ padding:50px 0 80px; }
.login-admin{ min-height:70vh; display:flex; align-items:center; justify-content:center; }
.login-caja{ max-width:520px; width:100%; text-align:center; }
.login-caja form{ margin-top:25px; }
.login-caja label{ text-align:left; font-weight:700; }
.nota-admin{ margin-top:18px; color:var(--gris); font-size:13px; }
.mensaje-error{ color:#9c2d2d; min-height:24px; }
.panel-admin{ background:#fff; border:1px solid var(--borde); border-radius:18px; box-shadow:var(--sombra); padding:26px; }
.admin-titulo{ display:flex; justify-content:space-between; align-items:end; margin-bottom:28px; }
.admin-layout{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:24px; align-items:start; }
.panel-admin h2{ text-align:left; font-size:25px; margin-bottom:22px; }
.form-propiedad{ max-width:none; }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.form-grid label{ font-weight:700; font-size:14px; }
.form-grid label input,.form-grid label select,.form-grid label textarea{ margin-top:6px; font-weight:400; }
.campo-ancho{ grid-column:1/-1; }
.check-label{ display:flex; align-items:center; gap:9px; padding-top:30px; }
.check-label input{ width:auto; margin:0!important; }
.form-propiedad textarea{ min-height:130px; }
.form-propiedad small{ display:block; color:var(--gris); margin-top:5px; }
.acciones-formulario{ display:flex; gap:12px; }
.btn-admin-secundario{ background:#fff!important; color:var(--verde-principal)!important; border:1px solid var(--verde-principal)!important; padding:11px 16px; border-radius:10px; font-weight:800; cursor:pointer; }
.mensaje-admin{ min-height:25px; color:var(--verde-principal); font-weight:700; }
.vista-previa-imagenes{ display:grid; grid-template-columns:repeat(auto-fill,minmax(95px,1fr)); gap:10px; }
.preview-item{ position:relative; }
.preview-item img{ width:100%; height:90px; object-fit:cover; border-radius:9px; }
.preview-item button{ position:absolute; top:4px; right:4px; width:27px; height:27px; border:0; border-radius:50%; background:#a22; color:#fff; cursor:pointer; }
.lista-admin-encabezado{ display:flex; justify-content:space-between; align-items:center; }
.lista-admin-encabezado span{ color:var(--gris); font-size:13px; }
.lista-propiedades-admin{ display:flex; flex-direction:column; gap:12px; max-height:780px; overflow:auto; padding-right:4px; }
.item-admin{ display:grid; grid-template-columns:90px 1fr auto; gap:14px; align-items:center; border:1px solid var(--borde); border-radius:13px; padding:10px; }
.item-admin img{ width:90px; height:75px; object-fit:cover; border-radius:9px; }
.item-admin-info span{ color:var(--arena); font-size:11px; text-transform:uppercase; font-weight:800; }
.item-admin-info h3{ color:var(--verde-principal); font-size:16px; }
.item-admin-info p{ color:var(--gris); font-size:12px; }
.item-admin-acciones{ display:flex; flex-direction:column; gap:7px; }
.item-admin-acciones button{ border:0; border-radius:8px; padding:8px 10px; cursor:pointer; font-weight:700; }
.item-admin-acciones .peligro{ background:#f5dddd; color:#8d2323; }
.sin-resultados-admin{ color:var(--gris); text-align:center; padding:30px; }

@media(max-width:950px){
    .admin-layout{ grid-template-columns:1fr; }
    .filtros-propiedades{ grid-template-columns:1fr 1fr; }
}
@media(max-width:650px){
    .pagina-interna{ padding-top:170px; }
    .filtros-propiedades,.form-grid{ grid-template-columns:1fr; }
    .campo-ancho{ grid-column:auto; }
    .admin-titulo,.admin-header-contenido{ align-items:flex-start; flex-direction:column; }
    .admin-header-acciones{ flex-wrap:wrap; }
    .item-admin{ grid-template-columns:72px 1fr; }
    .item-admin img{ width:72px; height:65px; }
    .item-admin-acciones{ grid-column:1/-1; flex-direction:row; }
    .encabezado-interno h1,.admin-titulo h1,.login-caja h1{ font-size:32px; }
}

/* Asegura que las secciones privadas se oculten correctamente */
[hidden]{display:none !important;}

.footer-mail{
    margin:8px 0 6px;
    text-align:center;
    font-size:15px;
}

.footer-mail a,
.footer-mail a:link,
.footer-mail a:visited,
.footer-mail a:hover,
.footer-mail a:active{
    color:#fff !important;
    text-decoration:none;
}

.admin-link,
.admin-link:link,
.admin-link:visited,
.admin-link:hover,
.admin-link:active{
    color:#fff !important;
    text-decoration:none;
}

footer,
footer p,
footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active,
.footer-mail,
.footer-mail a,
.admin-link{
    color:#ffffff !important;
    text-decoration:none !important;
}

/* ==============================
   VIDEO DE FONDO DE LA PORTADA
   ============================== */

.hero{
    position:relative;
    width:100%;
    min-height:680px;
    height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
}

/* Video ocupando toda la portada */
.hero-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    object-fit:cover;
    object-position:center;
    z-index:0;
    opacity:1 !important;
    filter:none !important;
}

/* Quitamos completamente la capa oscura */
.hero .overlay{
    display:none !important;
}

/* Contenido por encima del video */
.hero-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:950px;
    padding:120px 20px 60px;
    text-align:center;
    color:#ffffff;
}

/* Sombra para poder leer el texto sin oscurecer el video */
.hero-content h1,
.hero-content p{
    text-shadow:
        0 2px 5px rgba(0,0,0,.85),
        0 4px 14px rgba(0,0,0,.65);
}

/* Buscador por encima del video */
.buscador{
    position:relative;
    z-index:3;
}

/* Adaptación para celular */
@media (max-width:768px){

    .hero{
        min-height:620px;
        height:100svh;
    }

    .hero-video{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    .hero-content{
        padding:110px 18px 50px;
    }
}
}
/* FOTOS Y DETALLE DE PROPIEDADES */
.cantidad-fotos{
    position:absolute;
    left:14px;
    bottom:14px;
    background:rgba(16,41,29,.88);
    color:#fff;
    padding:6px 10px;
    border-radius:20px;
    font-size:12px;
    font-weight:800;
}
.modal-abierto{overflow:hidden}
.galeria-modal{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:6px;
    background:#e9e5dc;
}
.foto-galeria{
    border:0;
    padding:0;
    background:transparent;
    cursor:zoom-in;
    min-height:220px;
    overflow:hidden;
}
.foto-galeria:first-child:nth-last-child(1){grid-column:1/-1}
.foto-galeria img{
    width:100%;
    height:100%;
    min-height:220px;
    max-height:360px;
    object-fit:cover;
    display:block;
    transition:transform .25s ease;
}
.foto-galeria:hover img{transform:scale(1.025)}
.descripcion-propiedad{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid var(--borde);
    white-space:pre-line;
    color:var(--texto);
    line-height:1.75;
}
.visor-foto{
    position:fixed;
    inset:0;
    z-index:1200;
    background:rgba(0,0,0,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:25px;
}
.visor-foto img{max-width:96vw;max-height:92vh;object-fit:contain}
.visor-foto button{
    position:absolute;
    top:18px;
    right:22px;
    width:46px;
    height:46px;
    border:0;
    border-radius:50%;
    font-size:30px;
    cursor:pointer;
}
@media(max-width:700px){
    .galeria-modal{grid-template-columns:1fr}
    .foto-galeria{min-height:210px}
    .foto-galeria img{min-height:210px;max-height:300px}
}

/* =========================================================
   ARENA ALQUILERES - NUEVA PÁGINA DE ALQUILERES
   ========================================================= */

.pagina-alquileres{
    padding-top:86px;
    background:#fbfaf7;
    color:#1f2923;
}

.pagina-alquileres main{
    overflow:hidden;
}

.pagina-alquileres .contenedor{
    width:min(1320px,90%);
}

/* HEADER BLANCO */
.pagina-alquileres .header-alquileres{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(23,59,42,.10);
    box-shadow:0 8px 30px rgba(16,41,29,.06);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    z-index:500;
}

.pagina-alquileres .header-contenido{
    min-height:86px;
    display:grid;
    grid-template-columns:auto 1fr auto auto;
    align-items:center;
    gap:28px;
    padding:10px 0;
}

.logo-imagen-link{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

.logo-imagen{
    display:block;
    width:238px;
    max-height:66px;
    object-fit:contain;
    object-position:left center;
}

.nav-principal{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:30px;
}

.pagina-alquileres .nav-principal a{
    margin:0;
    color:#1c2922;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.2px;
    white-space:nowrap;
}

.pagina-alquileres .nav-principal a:hover{
    color:#b4863b;
}

.btn-whatsapp-header{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:46px;
    padding:11px 22px;
    border-radius:6px;
    background:#113a29;
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.4px;
    box-shadow:none;
}

.btn-whatsapp-header:hover{
    background:#b4863b;
    color:#fff;
}

.boton-menu-movil{
    display:none;
    width:45px;
    height:45px;
    padding:9px;
    border:1px solid #ded8cc;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
}

.boton-menu-movil span{
    display:block;
    height:2px;
    margin:5px 0;
    background:#173b2a;
}

/* HERO */
.hero-alquileres{
    position:relative;
    min-height:355px;
    padding:0;
    display:flex;
    align-items:stretch;
    background:#e9e2d6;
}

.hero-alquileres-fondo{
    position:absolute;
    inset:0;
    background-image:url('imagenes/portada-alquileres.png?v=4'), url('imagenes/pinamar.jpg');
    background-size:cover;
    background-position:center 58%;
    background-repeat:no-repeat;
}

.hero-alquileres-capa{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(248,245,238,.98) 0%, rgba(248,245,238,.91) 25%, rgba(248,245,238,.54) 46%, rgba(248,245,238,.04) 72%);
}

.hero-alquileres-contenido{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    min-height:355px;
    padding-top:40px;
    padding-bottom:78px;
}

.hero-alquileres-texto{
    width:min(500px,46%);
}

.pagina-alquileres .eyebrow{
    margin-bottom:8px;
    color:#ae7e2e;
    font-size:11px;
    letter-spacing:1.7px;
}

.hero-alquileres h1{
    margin:0 0 13px;
    color:#123a2a;
    font-family:'Playfair Display',serif;
    font-size:clamp(43px,4.2vw,66px);
    line-height:.98;
    letter-spacing:-1.4px;
}

.hero-alquileres-descripcion{
    max-width:410px;
    margin-bottom:20px;
    color:#26352d;
    font-size:18px;
    line-height:1.55;
}

.selector-modalidad{
    display:flex;
    gap:10px;
    align-items:center;
}

.selector-modalidad-boton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:190px;
    min-height:55px;
    padding:13px 22px;
    border:1px solid rgba(23,59,42,.12);
    border-radius:10px;
    background:#fff;
    color:#1d2922;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    cursor:pointer;
    transition:.22s ease;
}

.selector-modalidad-boton:hover,
.selector-modalidad-boton.activo{
    border-color:#123a2a;
    background:#123a2a;
    color:#fff;
    box-shadow:0 10px 24px rgba(18,58,42,.18);
}

.selector-modalidad-boton span{
    font-size:20px;
}

/* BUSCADOR FLOTANTE */
.buscador-alquileres-wrap{
    position:relative;
    z-index:10;
    margin-top:-42px;
    padding:0;
}

.buscador-alquileres{
    display:grid;
    grid-template-columns:1.15fr 1.05fr .95fr .95fr .9fr;
    gap:14px;
    align-items:end;
    padding:25px;
    border:1px solid rgba(23,59,42,.08);
    border-radius:15px;
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 44px rgba(19,47,34,.12);
}

.campo-buscador label{
    display:block;
    margin:0 0 7px 12px;
    color:#70746f;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.campo-buscador-control{
    display:grid;
    grid-template-columns:26px 1fr;
    align-items:center;
    min-height:54px;
    padding:0 14px;
    border:1px solid #dfdbd4;
    border-radius:9px;
    background:#fff;
    transition:.2s ease;
}

.campo-buscador-control:focus-within{
    border-color:#b99a68;
    box-shadow:0 0 0 3px rgba(185,154,104,.12);
}

.campo-buscador-control > span{
    color:#9a7438;
    font-size:20px;
}

.campo-buscador-control input,
.campo-buscador-control select{
    width:100%;
    min-width:0;
    height:52px;
    padding:0 6px;
    border:0;
    border-radius:0;
    outline:0;
    background:transparent;
    color:#333b36;
    font-size:14px;
    box-shadow:none;
}

.boton-buscar-alquileres{
    min-height:54px;
    border:0;
    border-radius:7px;
    background:#123a2a;
    color:#fff;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.35px;
    cursor:pointer;
    transition:.22s ease;
}

.boton-buscar-alquileres:hover{
    background:#b4863b;
    transform:translateY(-1px);
}

.boton-limpiar-filtros{
    grid-column:1/-1;
    justify-self:end;
    margin-top:-4px;
    padding:2px 4px;
    border:0;
    background:transparent;
    color:#7b817d;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.boton-limpiar-filtros:hover{
    color:#b4863b;
}

/* LISTADO */
.seccion-propiedades{
    padding-top:30px;
    padding-bottom:74px;
}

.cabecera-listado-propiedades{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:22px;
}

.cabecera-listado-propiedades h2{
    margin:0;
    color:#173b2a;
    font-family:'Playfair Display',serif;
    font-size:34px;
    line-height:1.1;
    text-align:left;
}

.pagina-alquileres .contador-propiedades{
    margin:0;
    color:#8d6a32;
    font-size:13px;
    font-weight:700;
}

.grid-propiedades-premium{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}

.pagina-alquileres .propiedad-card{
    min-width:0;
    border:1px solid #ebe7df;
    border-radius:13px;
    box-shadow:0 8px 25px rgba(24,59,42,.09);
    background:#fff;
    overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease;
}

.pagina-alquileres .propiedad-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 38px rgba(24,59,42,.15);
}

.pagina-alquileres .imagen-propiedad-wrap{
    position:relative;
    height:205px;
    overflow:hidden;
}

.pagina-alquileres .propiedad-card .imagen-propiedad-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.pagina-alquileres .propiedad-card:hover .imagen-propiedad-wrap img{
    transform:scale(1.04);
}

.pagina-alquileres .estado-badge{
    top:12px;
    left:12px;
    right:auto;
    padding:7px 11px;
    border-radius:6px;
    box-shadow:none;
    font-size:10px;
    letter-spacing:.35px;
    text-transform:uppercase;
}

.pagina-alquileres .estado-badge.disponible{
    background:#ad812f;
}

.pagina-alquileres .estado-badge.no-disponible{
    background:#64756a;
}

.pagina-alquileres .cantidad-fotos{
    left:auto;
    right:12px;
    bottom:12px;
    padding:5px 9px;
    background:rgba(17,55,39,.85);
    font-size:10px;
}

.pagina-alquileres .contenido-propiedad{
    padding:16px 16px 14px;
}

.pagina-alquileres .operacion-tag{
    margin:0 0 5px;
    color:#a77b32;
    font-size:10px;
    letter-spacing:.9px;
}

.pagina-alquileres .propiedad-card h3{
    margin:0 0 5px;
    color:#182d23;
    font-family:'Playfair Display',serif;
    font-size:20px;
    line-height:1.2;
}

.pagina-alquileres .ubicacion-propiedad{
    min-height:21px;
    margin:0 0 7px!important;
    color:#6e746f;
    font-size:12px;
}

.pagina-alquileres .contenido-propiedad > p:not(.ubicacion-propiedad){
    min-height:38px;
    margin:0 0 9px;
    color:#606962;
    font-size:12px;
    line-height:1.55;
}

.pagina-alquileres .precio-propiedad{
    margin:0 0 12px;
    color:#9a6b22;
    font-size:17px;
}

.pagina-alquileres .ver-detalle{
    display:block;
    width:100%;
    min-height:38px;
    padding:8px 13px;
    border-radius:5px;
    background:#123a2a;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.3px;
}

.pagina-alquileres .ver-detalle:hover{
    background:#b4863b;
}

.sin-resultados-premium{
    margin-top:20px;
    border:1px solid #e8e3da;
    background:#fff;
    box-shadow:0 12px 30px rgba(24,59,42,.07);
}

.sin-resultados-icono{
    margin-bottom:8px;
    color:#b4863b;
    font-size:35px;
}

.sin-resultados-premium h3{
    color:#173b2a;
    font-size:22px;
}

.sin-resultados-premium p{
    color:#6e756f;
}

/* BENEFICIOS */
.beneficios-alquileres{
    padding:32px 0;
    border-top:1px solid #eee9df;
    border-bottom:1px solid #eee9df;
    background:#fff;
}

.beneficios-alquileres-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.beneficio-alquiler{
    display:grid;
    grid-template-columns:50px 1fr;
    align-items:start;
    gap:15px;
}

.beneficio-icono{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border:2px solid #c08e37;
    border-radius:14px;
    color:#b9852e;
    font-size:23px;
    font-weight:700;
}

.beneficio-alquiler h3{
    margin:0 0 4px;
    color:#23332a;
    font-size:12px;
    line-height:1.35;
    text-transform:uppercase;
}

.beneficio-alquiler p{
    margin:0;
    color:#707771;
    font-size:12px;
    line-height:1.5;
}

/* CTA PROPIETARIOS */
.cta-propietarios{
    padding:58px 0;
    background:#173b2a;
}

.cta-propietarios-contenido{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px;
}

.cta-propietarios h2{
    margin:0 0 8px;
    color:#fff;
    font-family:'Playfair Display',serif;
    font-size:34px;
    text-align:left;
}

.cta-propietarios p:not(.eyebrow){
    max-width:700px;
    margin:0;
    color:#e2e9e4;
}

.btn-cta-propietarios{
    flex:0 0 auto;
    border-radius:7px;
    background:#b99a68;
    color:#143326;
}

/* FOOTER */
.footer-alquileres{
    padding:48px 0 28px;
    border-top:0;
    background:#10291d;
}

.footer-alquileres-contenido{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
}

.logo-footer{
    width:215px;
    filter:brightness(0) invert(1);
    opacity:.96;
}

.footer-alquileres p{
    margin:0;
    color:#e7ede8!important;
}

.footer-enlaces{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
}

.footer-enlaces a{
    color:#fff!important;
    font-size:13px;
    font-weight:600;
}

.footer-copyright{
    margin-top:8px!important;
    font-size:12px;
    opacity:.75;
}

.wsp-flotante{
    border-color:#d4b16f;
}

/* RESPONSIVE */
@media(max-width:1180px){
    .pagina-alquileres .header-contenido{
        gap:18px;
    }

    .logo-imagen{
        width:205px;
    }

    .nav-principal{
        gap:18px;
    }

    .pagina-alquileres .nav-principal a{
        font-size:11px;
    }

    .buscador-alquileres{
        grid-template-columns:repeat(2,1fr) .9fr;
    }

    .boton-buscar-alquileres{
        grid-column:auto;
    }

    .grid-propiedades-premium{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .pagina-alquileres{
        padding-top:76px;
    }

    .pagina-alquileres .header-contenido{
        min-height:76px;
        grid-template-columns:1fr auto auto;
    }

    .logo-imagen{
        width:200px;
        max-height:58px;
    }

    .boton-menu-movil{
        display:block;
    }

    .nav-principal{
        position:absolute;
        top:76px;
        left:0;
        right:0;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:12px 5%;
        background:#fff;
        border-top:1px solid #eee9e1;
        box-shadow:0 20px 30px rgba(16,41,29,.12);
    }

    .nav-principal.abierto{
        display:flex;
    }

    .pagina-alquileres .nav-principal a{
        padding:13px 4px;
        border-bottom:1px solid #eeeae3;
        font-size:12px;
    }

    .hero-alquileres-texto{
        width:min(530px,70%);
    }

    .grid-propiedades-premium{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .beneficios-alquileres-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .pagina-alquileres{
        padding-top:70px;
    }

    .pagina-alquileres .header-contenido{
        min-height:70px;
        grid-template-columns:1fr auto;
        gap:10px;
        padding:7px 0;
    }

    .logo-imagen{
        width:175px;
        max-height:54px;
    }

    .btn-whatsapp-header{
        display:none;
    }

    .nav-principal{
        top:70px;
    }

    .hero-alquileres,
    .hero-alquileres-contenido{
        min-height:470px;
    }

    .hero-alquileres-fondo{
        background-position:64% center;
    }

    .hero-alquileres-capa{
        background:linear-gradient(90deg,rgba(248,245,238,.98) 0%,rgba(248,245,238,.93) 58%,rgba(248,245,238,.46) 100%);
    }

    .hero-alquileres-contenido{
        padding-top:40px;
        padding-bottom:95px;
        align-items:flex-end;
    }

    .hero-alquileres-texto{
        width:100%;
    }

    .hero-alquileres h1{
        max-width:320px;
        font-size:45px;
    }

    .hero-alquileres-descripcion{
        max-width:320px;
        font-size:16px;
    }

    .selector-modalidad{
        flex-direction:column;
        align-items:stretch;
        width:min(100%,360px);
    }

    .selector-modalidad-boton{
        width:100%;
        min-width:0;
    }

    .buscador-alquileres-wrap{
        margin-top:-55px;
    }

    .buscador-alquileres{
        grid-template-columns:1fr;
        padding:18px;
        border-radius:14px;
    }

    .campo-buscador-huespedes{
        display:block;
    }

    .boton-limpiar-filtros{
        justify-self:center;
    }

    .cabecera-listado-propiedades{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .cabecera-listado-propiedades h2{
        font-size:30px;
    }

    .grid-propiedades-premium{
        grid-template-columns:1fr;
    }

    .pagina-alquileres .imagen-propiedad-wrap{
        height:235px;
    }

    .beneficios-alquileres-grid{
        grid-template-columns:1fr;
    }

    .cta-propietarios-contenido{
        align-items:flex-start;
        flex-direction:column;
    }

    .cta-propietarios h2{
        font-size:30px;
    }

    .btn-cta-propietarios{
        width:100%;
        text-align:center;
    }
}


/* =========================================================
   ENCABEZADO DEL INICIO IGUAL AL PORTAL DE PROPIEDADES
========================================================= */

.pagina-inicio .header.header-alquileres {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid rgba(23, 59, 42, 0.10);
    box-shadow: 0 5px 22px rgba(23, 59, 42, 0.07);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: 999;
}

.pagina-inicio .header-alquileres .header-contenido {
    min-height: 86px;
    padding: 10px 0;
}

.pagina-inicio .header-alquileres .logo-imagen-link {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.pagina-inicio .header-alquileres .logo-imagen {
    display: block;
    width: 205px;
    height: 66px;
    max-height: 66px;
    object-fit: contain;
    object-position: left center;
}

.pagina-inicio .header-alquileres .nav-principal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.pagina-inicio .header-alquileres .nav-principal a {
    margin: 0;
    color: #173b2a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none;
    white-space: nowrap;
}

.pagina-inicio .header-alquileres .nav-principal a:hover {
    color: #b1843f;
}

.pagina-inicio .header-alquileres .btn-whatsapp-header {
    background: #173b2a;
    color: #ffffff;
    padding: 13px 22px;
    border-radius: 6px;
    box-shadow: none;
}

.pagina-inicio .header-alquileres .btn-whatsapp-header:hover {
    background: #24553d;
    color: #ffffff;
}

.pagina-inicio .hero {
    margin-top: 86px;
    height: calc(100vh - 86px) !important;
    min-height: 594px !important;
}

.pagina-inicio .header-alquileres.scrolled,
.pagina-inicio .header-alquileres:hover {
    background: #ffffff;
}

@media (max-width: 1050px) {
    .pagina-inicio .header-alquileres .nav-principal {
        gap: 16px;
    }

    .pagina-inicio .header-alquileres .nav-principal a {
        font-size: 12px;
    }

    .pagina-inicio .header-alquileres .logo-imagen {
        width: 175px;
    }
}

@media (max-width: 850px) {
    .pagina-inicio .header-alquileres .header-contenido {
        min-height: 70px;
    }

    .pagina-inicio .header-alquileres .logo-imagen {
        width: 165px;
        height: 54px;
    }

    .pagina-inicio .header-alquileres .nav-principal {
        position: fixed;
        top: 70px;
        right: 0;
        left: 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 12px 5%;
        background: #ffffff;
        border-top: 1px solid #e5e0d6;
        box-shadow: 0 18px 30px rgba(23, 59, 42, 0.12);
    }

    .pagina-inicio .header-alquileres .nav-principal.abierto {
        display: flex;
    }

    .pagina-inicio .header-alquileres .nav-principal a {
        padding: 14px 4px;
        border-bottom: 1px solid #eee9df;
        font-size: 14px;
    }

    .pagina-inicio .header-alquileres .btn-whatsapp-header {
        display: none;
    }

    .pagina-inicio .hero {
        margin-top: 70px;
        height: calc(100svh - 70px) !important;
        min-height: 550px !important;
    }
}


/* =========================================================
   INICIO REDISEÑADO
========================================================= */

.pagina-inicio.pagina-alquileres {
    padding-top: 86px;
}

.pagina-inicio .hero-inicio-redisenado {
    min-height: 470px;
}

.pagina-inicio .hero-inicio-redisenado .hero-alquileres-contenido {
    min-height: 470px;
    padding-top: 58px;
    padding-bottom: 110px;
}

.pagina-inicio .hero-inicio-redisenado .hero-alquileres-texto {
    width: min(590px, 49%);
}

.pagina-inicio .hero-inicio-redisenado h1 {
    max-width: 590px;
}

.pagina-inicio .selector-modalidad-boton {
    text-decoration: none;
}

.pagina-inicio .buscador-inicio {
    grid-template-columns: 1fr 1.7fr .85fr;
}

.pagina-inicio .seccion-destacadas-inicio {
    padding-top: 54px;
    padding-bottom: 70px;
}

.pagina-inicio .enlace-ver-todas {
    color: #a8782f;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.pagina-inicio .contacto-inicio-redisenado {
    padding: 80px 0;
    background: #f4f0e8;
}

.pagina-inicio .contacto-inicio-contenido {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 70px;
    align-items: start;
}

.pagina-inicio .contacto-inicio-redisenado h2 {
    margin: 0 0 16px;
    color: #173b2a;
    font-family: 'Playfair Display', serif;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
}

.pagina-inicio .contacto-inicio-redisenado p {
    color: #59655e;
}

.pagina-inicio .form-contacto-redisenado {
    display: grid;
    gap: 14px;
    padding: 28px;
    border: 1px solid #e4ded2;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(23, 59, 42, .08);
}

.pagina-inicio .form-contacto-redisenado input,
.pagina-inicio .form-contacto-redisenado textarea {
    width: 100%;
    padding: 15px 16px;
    border: 1px solid #ddd8ce;
    border-radius: 8px;
    background: #ffffff;
    font: inherit;
}

.pagina-inicio .form-contacto-redisenado textarea {
    min-height: 135px;
    resize: vertical;
}

.pagina-inicio .form-contacto-redisenado button {
    min-height: 52px;
    border: 0;
    border-radius: 7px;
    background: #173b2a;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

.pagina-inicio .form-contacto-redisenado button:hover {
    background: #b4863b;
}

@media (max-width: 900px) {
    .pagina-inicio .buscador-inicio {
        grid-template-columns: 1fr;
    }

    .pagina-inicio .contacto-inicio-contenido {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media (max-width: 700px) {
    .pagina-inicio .hero-inicio-redisenado {
        min-height: 590px;
    }

    .pagina-inicio .hero-inicio-redisenado .hero-alquileres-contenido {
        min-height: 590px;
    }

    .pagina-inicio .hero-inicio-redisenado .hero-alquileres-texto {
        width: 100%;
    }
}


/* =========================================================
   REPARACIÓN GLOBAL DEL ENCABEZADO
   Blanco en Inicio y Propiedades, incluso con estilos inline.
========================================================= */

body.pagina-inicio .header.header-alquileres,
body.pagina-alquileres .header.header-alquileres,
body.pagina-interna.pagina-alquileres .header.header-alquileres,
body.pagina-inicio .header.header-alquileres[style],
body.pagina-alquileres .header.header-alquileres[style] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(23, 59, 42, 0.10) !important;
    box-shadow: 0 5px 22px rgba(23, 59, 42, 0.07) !important;
    opacity: 1 !important;
}

body.pagina-inicio .header.header-alquileres .nav-principal a,
body.pagina-alquileres .header.header-alquileres .nav-principal a {
    color: #173b2a !important;
    opacity: 1 !important;
}

body.pagina-inicio .header.header-alquileres .nav-principal a:hover,
body.pagina-alquileres .header.header-alquileres .nav-principal a:hover {
    color: #b1843f !important;
}

body.pagina-inicio .header.header-alquileres .btn-whatsapp-header,
body.pagina-alquileres .header.header-alquileres .btn-whatsapp-header {
    background: #173b2a !important;
    color: #ffffff !important;
}

body.pagina-inicio .header.header-alquileres .logo-imagen,
body.pagina-alquileres .header.header-alquileres .logo-imagen {
    opacity: 1 !important;
    filter: none !important;
}

/* =========================================================
   REPARACIÓN DEFINITIVA DE LA PÁGINA DE INICIO — v51
========================================================= */
body.pagina-inicio{padding-top:86px;background:#fff;color:#1f2a24;overflow-x:hidden}
body.pagina-inicio .contenedor{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.pagina-inicio .header{position:fixed;top:0;left:0;right:0;height:86px;background:#fff!important;border-bottom:1px solid #e9e4da!important;box-shadow:0 4px 20px rgba(22,54,39,.07)!important;z-index:1000}
body.pagina-inicio .header-contenido{height:86px;padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:28px}
body.pagina-inicio .logo-imagen-link{display:flex;align-items:center;flex:0 0 auto}
body.pagina-inicio .logo-imagen{display:block;width:190px!important;height:66px!important;object-fit:contain;object-position:left center}
body.pagina-inicio .nav-principal{display:flex;align-items:center;justify-content:center;gap:24px;margin-left:auto}
body.pagina-inicio .nav-principal a{margin:0!important;padding:8px 0;color:#173b2a!important;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
body.pagina-inicio .btn-whatsapp-header{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;background:#173b2a!important;color:#fff!important;font-size:13px;font-weight:800}
body.pagina-inicio .hero-alquileres{position:relative;min-height:560px;padding:0!important;display:flex;align-items:center;overflow:hidden;background:#173b2a}
body.pagina-inicio .hero-alquileres-fondo{position:absolute;inset:0;background:url('imagenes/portada-alquileres.png?v=4') center 46%/cover no-repeat;transform:scale(1.01)}
body.pagina-inicio .hero-alquileres-capa{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,38,26,.83) 0%,rgba(12,38,26,.55) 46%,rgba(12,38,26,.15) 100%)}
body.pagina-inicio .hero-alquileres-contenido{position:relative;z-index:2;min-height:560px;padding:80px 0 120px!important;display:flex;align-items:center}
body.pagina-inicio .hero-alquileres-texto{width:min(650px,62%)!important;color:#fff}
body.pagina-inicio .eyebrow{margin:0 0 14px;color:#b98a43;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
body.pagina-inicio .hero-alquileres .eyebrow{color:#e4c790}
body.pagina-inicio .hero-alquileres h1{margin:0 0 22px;max-width:650px;color:#fff;font-family:'Playfair Display',serif;font-size:clamp(44px,5vw,68px);line-height:1.02;text-align:left;text-shadow:0 4px 24px rgba(0,0,0,.24)}
body.pagina-inicio .hero-alquileres-descripcion{max-width:590px;margin:0 0 28px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.65}
body.pagina-inicio .selector-modalidad{display:flex;gap:12px;flex-wrap:wrap}
body.pagina-inicio .selector-modalidad-boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.42);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:800;text-decoration:none;backdrop-filter:blur(5px)}
body.pagina-inicio .selector-modalidad-boton.activo,body.pagina-inicio .selector-modalidad-boton:hover{border-color:#c59a55;background:#c59a55;color:#173b2a}
body.pagina-inicio .buscador-alquileres-wrap{position:relative;z-index:10;margin-top:-58px;padding:0!important}
body.pagina-inicio .buscador-alquileres{display:grid!important;grid-template-columns:1fr 1.7fr .9fr!important;gap:16px;align-items:end;padding:24px;background:#fff;border:1px solid #ebe5db;border-radius:12px;box-shadow:0 20px 45px rgba(23,59,42,.15)}
body.pagina-inicio .campo-buscador{min-width:0}
body.pagina-inicio .campo-buscador label{display:block;margin:0 0 7px;color:#536159;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
body.pagina-inicio .campo-buscador-control select,body.pagina-inicio .campo-buscador-control input{width:100%;height:50px;padding:0 15px;border:1px solid #ddd7cb;border-radius:7px;background:#fff;color:#26342c;font-size:14px;outline:none}
body.pagina-inicio .campo-buscador-control select:focus,body.pagina-inicio .campo-buscador-control input:focus{border-color:#b4863b;box-shadow:0 0 0 3px rgba(180,134,59,.12)}
body.pagina-inicio .boton-buscar-alquileres{height:50px;border:0;border-radius:7px;background:#173b2a;color:#fff;font-size:14px;font-weight:800;cursor:pointer}
body.pagina-inicio .boton-buscar-alquileres:hover{background:#b4863b}
body.pagina-inicio .seccion-destacadas-inicio{padding:92px 0 82px!important}
body.pagina-inicio .cabecera-listado-propiedades{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
body.pagina-inicio .cabecera-listado-propiedades h2,body.pagina-inicio .cabecera-beneficios h2{margin:0;color:#173b2a;font-family:'Playfair Display',serif;font-size:clamp(34px,4vw,50px);line-height:1.1;text-align:left}
body.pagina-inicio .propiedades-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.pagina-inicio .propiedad-card{border:1px solid #e7e1d7;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(23,59,42,.09)}
body.pagina-inicio .propiedad-card:hover{transform:translateY(-5px)}
body.pagina-inicio .imagen-propiedad-wrap{position:relative;height:235px;overflow:hidden}
body.pagina-inicio .imagen-propiedad-wrap img{width:100%;height:100%;object-fit:cover}
body.pagina-inicio .estado-badge,body.pagina-inicio .cantidad-fotos{position:absolute;top:14px;padding:7px 10px;border-radius:5px;font-size:11px;font-weight:800}
body.pagina-inicio .estado-badge{left:14px;background:#fff;color:#173b2a}
body.pagina-inicio .cantidad-fotos{right:14px;background:rgba(23,59,42,.86);color:#fff}
body.pagina-inicio .contenido-propiedad{padding:22px!important}
body.pagina-inicio .operacion-tag{display:inline-block;margin-bottom:10px;color:#b1843f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
body.pagina-inicio .contenido-propiedad h3{margin:0 0 8px;color:#173b2a;font-size:20px;line-height:1.3}
body.pagina-inicio .contenido-propiedad p{margin:0 0 8px;color:#68736c;font-size:13px}
body.pagina-inicio .precio-propiedad{display:block;margin:16px 0;color:#173b2a;font-size:21px}
body.pagina-inicio .ver-detalle{width:100%;height:45px;border:0;border-radius:6px;background:#173b2a;color:#fff;font-weight:800;cursor:pointer}
body.pagina-inicio .beneficios-inicio{padding:82px 0!important;background:#173b2a;color:#fff}
body.pagina-inicio .cabecera-beneficios{margin-bottom:35px}
body.pagina-inicio .cabecera-beneficios h2{color:#fff}
body.pagina-inicio .beneficios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
body.pagina-inicio .beneficios-grid article{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05)}
body.pagina-inicio .beneficios-grid span{color:#d6b77e;font-size:12px;font-weight:800}
body.pagina-inicio .beneficios-grid h3{margin:14px 0 10px;color:#fff;font-size:19px}
body.pagina-inicio .beneficios-grid p{margin:0;color:rgba(255,255,255,.75);font-size:14px}
body.pagina-inicio .contacto-inicio-redisenado{padding:82px 0!important;background:#f5f1e9}
body.pagina-inicio .contacto-inicio-contenido{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}
body.pagina-inicio .contacto-inicio-redisenado h2{margin:0 0 18px;color:#173b2a;font-family:'Playfair Display',serif;font-size:clamp(36px,4vw,52px);line-height:1.08;text-align:left}
body.pagina-inicio .contacto-inicio-redisenado p{color:#647068}
body.pagina-inicio .form-contacto-redisenado{display:grid;gap:14px;padding:28px;border:1px solid #e4ded2;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(23,59,42,.08)}
body.pagina-inicio .form-contacto-redisenado input,body.pagina-inicio .form-contacto-redisenado textarea{width:100%;padding:14px 15px;border:1px solid #ddd8ce;border-radius:7px;background:#fff;font:inherit}
body.pagina-inicio .form-contacto-redisenado textarea{min-height:130px;resize:vertical}
body.pagina-inicio .form-contacto-redisenado button{height:50px;border:0;border-radius:7px;background:#173b2a;color:#fff;font-weight:800;cursor:pointer}
body.pagina-inicio .footer{padding:34px 0;background:#10291d;color:#fff}
body.pagina-inicio .footer-contenido{display:flex;align-items:center;justify-content:space-between;gap:20px}
body.pagina-inicio .footer-logo{width:145px;height:54px;object-fit:contain;background:#fff;border-radius:4px}
body.pagina-inicio .footer-copyright{margin:0;color:rgba(255,255,255,.72);font-size:13px}
body.pagina-inicio .whatsapp-flotante{position:fixed;right:24px;bottom:24px;z-index:1100;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.22)}
@media(max-width:1020px){body.pagina-inicio .nav-principal{gap:13px}body.pagina-inicio .nav-principal a{font-size:11px}body.pagina-inicio .logo-imagen{width:165px!important}.pagina-inicio .propiedades-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:820px){body.pagina-inicio{padding-top:72px}body.pagina-inicio .header{height:72px}body.pagina-inicio .header-contenido{height:72px}body.pagina-inicio .logo-imagen{width:150px!important;height:55px!important}body.pagina-inicio .nav-principal{display:none}body.pagina-inicio .btn-whatsapp-header{padding:0 14px}body.pagina-inicio .hero-alquileres,body.pagina-inicio .hero-alquileres-contenido{min-height:590px}body.pagina-inicio .hero-alquileres-texto{width:100%!important}body.pagina-inicio .buscador-alquileres{grid-template-columns:1fr!important}body.pagina-inicio .contacto-inicio-contenido{grid-template-columns:1fr}body.pagina-inicio .beneficios-grid{grid-template-columns:1fr}}
@media(max-width:620px){body.pagina-inicio .contenedor{width:min(100% - 28px,1180px)}body.pagina-inicio .btn-whatsapp-header{font-size:0;width:46px;padding:0}body.pagina-inicio .btn-whatsapp-header::after{content:'WA';font-size:12px}body.pagina-inicio .hero-alquileres h1{font-size:43px}body.pagina-inicio .hero-alquileres-descripcion{font-size:16px}body.pagina-inicio .buscador-alquileres-wrap{margin-top:-40px}body.pagina-inicio .buscador-alquileres{padding:18px}.pagina-inicio .propiedades-grid{grid-template-columns:1fr!important}body.pagina-inicio .cabecera-listado-propiedades{align-items:flex-start;flex-direction:column}body.pagina-inicio .footer-contenido{flex-direction:column;text-align:center}}


/* Arena V2 - menú móvil de la portada */
.boton-menu-movil{display:none;border:0;background:transparent;color:#173b2a;font-size:30px;line-height:1;cursor:pointer;padding:8px}
@media (max-width: 900px){
  .pagina-inicio .header-contenido{position:relative}
  .pagina-inicio .boton-menu-movil{display:block;margin-left:auto}
  .pagina-inicio .header-alquileres .nav-principal{display:none;position:absolute;top:calc(100% + 10px);left:16px;right:16px;background:#fff;border:1px solid rgba(23,59,42,.12);border-radius:18px;padding:12px;box-shadow:0 20px 45px rgba(23,59,42,.16);z-index:100}
  .pagina-inicio .header-alquileres .nav-principal.abierto{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  .pagina-inicio .header-alquileres .nav-principal a{padding:12px 14px;border-radius:10px}
  .pagina-inicio .header-alquileres .nav-principal a:hover{background:#f3f6f4}
}

/* =========================================================
   ARENA V2 — AJUSTE VISUAL ETAPA 2 (v53)
   Corrige conflictos heredados sin tocar el sistema.
========================================================= */
body.pagina-inicio .header-contenido{
  width:min(1280px,calc(100% - 48px));
}
body.pagina-inicio .logo-imagen{
  width:210px!important;
  height:70px!important;
}
body.pagina-inicio .nav-principal{
  gap:28px;
}
body.pagina-inicio .nav-principal a{
  position:relative;
  font-size:13px;
  letter-spacing:.01em;
}
body.pagina-inicio .nav-principal a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:2px;
  height:2px;
  background:#173b2a;
  transition:right .22s ease;
}
body.pagina-inicio .nav-principal a:hover::after{right:0}

body.pagina-inicio .hero-alquileres-capa{
  background:linear-gradient(90deg,rgba(10,31,22,.88) 0%,rgba(10,31,22,.62) 48%,rgba(10,31,22,.17) 100%);
}

/* Buscador: anula reglas viejas que achicaban select e input */
body.pagina-inicio .buscador-alquileres{
  grid-template-columns:minmax(250px,.9fr) minmax(360px,1.7fr) minmax(230px,.85fr)!important;
  gap:18px!important;
  padding:26px!important;
  border-radius:14px!important;
}
body.pagina-inicio .buscador-alquileres .campo-buscador,
body.pagina-inicio .buscador-alquileres .campo-buscador-control{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.pagina-inicio .buscador-alquileres .campo-buscador-control::before,
body.pagina-inicio .buscador-alquileres .campo-buscador-control::after{
  display:none!important;
  content:none!important;
}
body.pagina-inicio .buscador-alquileres select,
body.pagina-inicio .buscador-alquileres input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #d8d5cd!important;
  border-radius:8px!important;
  background-color:#fff!important;
  color:#26342c!important;
  font-size:14px!important;
  line-height:54px!important;
  appearance:auto!important;
  opacity:1!important;
}
body.pagina-inicio .boton-buscar-alquileres{
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  border-radius:8px!important;
  background:#173b2a!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
body.pagina-inicio .boton-buscar-alquileres:hover{
  background:#204c37!important;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(23,59,42,.18);
}

/* Tarjetas: evita que la regla antigua .card div agregue relleno a la foto */
body.pagina-inicio .propiedades-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
}
body.pagina-inicio .propiedad-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  border-radius:14px!important;
  transition:transform .25s ease,box-shadow .25s ease;
}
body.pagina-inicio .propiedad-card > .imagen-propiedad-wrap{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:250px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
}
body.pagina-inicio .propiedad-card > .imagen-propiedad-wrap img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  transition:transform .45s ease;
}
body.pagina-inicio .propiedad-card:hover > .imagen-propiedad-wrap img{
  transform:scale(1.035);
}
body.pagina-inicio .propiedad-card > .contenido-propiedad{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  width:100%!important;
  margin:0!important;
  padding:23px!important;
}
body.pagina-inicio .propiedad-card .precio-propiedad{margin-top:auto!important}
body.pagina-inicio .propiedad-card .ver-detalle{
  flex:none!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 18px!important;
}
body.pagina-inicio .propiedades-grid:has(.propiedad-card:only-child){
  grid-template-columns:minmax(320px,390px)!important;
}

@media(max-width:1080px){
  body.pagina-inicio .header-contenido{width:min(100% - 32px,1180px)}
  body.pagina-inicio .logo-imagen{width:180px!important}
  body.pagina-inicio .nav-principal{gap:16px}
  body.pagina-inicio .buscador-alquileres{grid-template-columns:1fr 1.35fr .85fr!important}
}
@media(max-width:900px){
  body.pagina-inicio .buscador-alquileres{grid-template-columns:1fr!important}
  body.pagina-inicio .propiedades-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.pagina-inicio .propiedades-grid:has(.propiedad-card:only-child){grid-template-columns:minmax(280px,430px)!important}
}
@media(max-width:620px){
  body.pagina-inicio .header-contenido{width:calc(100% - 24px)}
  body.pagina-inicio .logo-imagen{width:145px!important;height:56px!important}
  body.pagina-inicio .buscador-alquileres{padding:18px!important}
  body.pagina-inicio .propiedades-grid,
  body.pagina-inicio .propiedades-grid:has(.propiedad-card:only-child){grid-template-columns:1fr!important}
  body.pagina-inicio .propiedad-card > .imagen-propiedad-wrap{height:230px!important}
}


/* =========================================================
   ARENA V2 ETAPA 3 - ICONOS CONSISTENTES Y PORTADA UNIFICADA
========================================================= */
.icono-ui{
  --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='black'/%3E%3C/svg%3E");
  display:inline-block;
  width:1.15em;
  height:1.15em;
  flex:0 0 auto;
  vertical-align:-.18em;
  background:currentColor;
  -webkit-mask:var(--icon) center/contain no-repeat;
  mask:var(--icon) center/contain no-repeat;
}
.icono-menu{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.icono-cerrar{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.icono-whatsapp{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11.6a8 8 0 0 1-11.8 7L4 20l1.4-4A8 8 0 1 1 20 11.6Z' fill='black'/%3E%3Cpath d='M8.2 7.7c.2-.4.4-.4.7-.4h.5c.2 0 .4.1.5.4l.7 1.8c.1.3 0 .5-.1.7l-.6.7c-.2.2-.1.4 0 .6.7 1.2 1.6 2.1 2.8 2.8.2.1.4.2.6 0l.8-1c.2-.2.4-.3.7-.2l1.8.8c.3.1.4.3.4.5 0 .4-.2 1.4-.9 1.9-.6.5-1.4.7-2.3.5-1.3-.3-3.1-1-4.9-2.7-1.5-1.5-2.5-3.3-2.8-4.5-.2-.9 0-1.5.4-1.9.5-.5 1.1-.7 1.7-.7Z' fill='white'/%3E%3C/svg%3E")}
.icono-calendario{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3v3M18 3v3M4 8h16M5 5h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.icono-casa{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-7 9 7v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-9Z' fill='black'/%3E%3C/svg%3E")}
.icono-ubicacion{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-6.2 7-13a7 7 0 1 0-14 0c0 6.8 7 13 7 13Z' fill='black'/%3E%3Ccircle cx='12' cy='9' r='2.5' fill='white'/%3E%3C/svg%3E")}
.icono-camara{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5 9.5 3h5L16 5.5h3A2 2 0 0 1 21 7.5v10A2 2 0 0 1 19 19.5H5A2 2 0 0 1 3 17.5v-10a2 2 0 0 1 2-2h3Z' fill='black'/%3E%3Ccircle cx='12' cy='12.5' r='4' fill='white'/%3E%3C/svg%3E")}
.icono-corazon,.icono-corazon-lleno{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.icono-corazon-lleno{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='black'/%3E%3C/svg%3E")}
.icono-ampliar{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3H3v6M15 3h6v6M9 21H3v-6M15 21h6v-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.icono-cama{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18v-7h18v7M3 15h18M6 11V7h5a3 3 0 0 1 3 3v1M3 20v-2M21 20v-2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.icono-bano{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13h16v2a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5v-2ZM7 13V6a3 3 0 0 1 6 0M4 21l1-2M20 21l-1-2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.icono-personas{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='black'/%3E%3Ccircle cx='17' cy='9' r='2.5' fill='black'/%3E%3Cpath d='M3 20c0-4 2.5-6 6-6s6 2 6 6H3Zm11.5-5.2c3.7-.7 6.5 1.3 6.5 5.2h-4.5c0-2-.6-3.8-2-5.2Z' fill='black'/%3E%3C/svg%3E")}
.icono-ambientes{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13h16v7H4v-7Zm2-5h4v5H6V8Zm8 0h4v5h-4V8Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}

/* La misma fotografía de portada en Inicio, Temporario y Anual */
body.pagina-inicio .hero-alquileres-fondo,
body.pagina-alquileres .hero-alquileres-fondo{
  background-image:url('imagenes/portada-alquileres.png?v=4')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  transform:none!important;
}
body.pagina-inicio .hero-alquileres,
body.pagina-alquileres .hero-alquileres{
  width:100%;
  min-height:clamp(520px,66vh,720px);
}
body.pagina-inicio .hero-alquileres-capa,
body.pagina-alquileres .hero-alquileres-capa{
  background:linear-gradient(90deg,rgba(10,31,22,.78) 0%,rgba(10,31,22,.48) 45%,rgba(10,31,22,.08) 100%)!important;
}
.btn-whatsapp-header,.arena-header-whatsapp,.whatsapp-flotante,
.selector-modalidad-boton,.campo-buscador-control,.cantidad-fotos,
.ubicacion-card,.ubicacion-ficha,.boton-guardar-superior,.ampliar-foto,
.caracteristica,.menu-movil,.boton-menu-movil{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.whatsapp-flotante .icono-ui{width:28px;height:28px}
.boton-menu-movil .icono-ui,.menu-movil .icono-ui{width:28px;height:28px}
.cantidad-fotos .icono-ui{width:15px;height:15px}
.icono-caracteristica .icono-ui{width:25px;height:25px}

@media(max-width:700px){
  body.pagina-inicio .hero-alquileres-fondo,
  body.pagina-alquileres .hero-alquileres-fondo{
    background-position:60% center!important;
  }
  body.pagina-inicio .hero-alquileres,
  body.pagina-alquileres .hero-alquileres{
    min-height:590px;
  }
}

/* Arena V2 — Etapa 6: navegación pública limpia */
@media (min-width: 901px) {
  .pagina-inicio .boton-menu-movil,
  .pagina-alquileres .boton-menu-movil {
    display: none !important;
  }

  .pagina-inicio .nav-principal,
  .pagina-alquileres .nav-principal {
    display: flex !important;
  }
}


/* ETAPA 8: footer público limpio y centrado */
body.pagina-inicio .footer {
  padding: 30px 0;
}
body.pagina-inicio .footer-contenido {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 40px;
}
body.pagina-inicio .footer-logo {
  display: none !important;
}
body.pagina-inicio .footer-copyright {
  width: 100%;
  margin: 0;
  text-align: center;
}

/* =========================================================
   ARENA V2 — ETAPA 10: ENCABEZADO FIJO Y ALINEADO
   Mantiene logo, navegación y WhatsApp en la misma posición
   exacta en Inicio, Temporarios, Anuales, Contacto y fichas.
========================================================= */
@media (min-width: 901px) {
  .header-alquileres .contenedor,
  .pagina-inicio .header-alquileres .contenedor,
  .pagina-alquileres .header-alquileres .contenedor,
  .pagina-propiedad .header-alquileres .contenedor {
    width: min(1320px, calc(100% - 64px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header-alquileres .header-contenido,
  .pagina-inicio .header-alquileres .header-contenido,
  .pagina-alquileres .header-alquileres .header-contenido,
  .pagina-propiedad .header-alquileres .header-contenido {
    display: grid !important;
    grid-template-columns: 238px minmax(0, 1fr) 180px !important;
    column-gap: 28px !important;
    align-items: center !important;
  }

  .header-alquileres .logo-imagen-link,
  .pagina-inicio .header-alquileres .logo-imagen-link,
  .pagina-alquileres .header-alquileres .logo-imagen-link,
  .pagina-propiedad .header-alquileres .logo-imagen-link {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  .header-alquileres .nav-principal,
  .pagina-inicio .header-alquileres .nav-principal,
  .pagina-alquileres .header-alquileres .nav-principal,
  .pagina-propiedad .header-alquileres .nav-principal {
    grid-column: 2 !important;
    justify-self: center !important;
    width: max-content !important;
  }

  .header-alquileres .btn-whatsapp-header,
  .pagina-inicio .header-alquileres .btn-whatsapp-header,
  .pagina-alquileres .header-alquileres .btn-whatsapp-header,
  .pagina-propiedad .header-alquileres .btn-whatsapp-header {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .header-alquileres .boton-menu-movil,
  .pagina-inicio .header-alquileres .boton-menu-movil,
  .pagina-alquileres .header-alquileres .boton-menu-movil,
  .pagina-propiedad .header-alquileres .boton-menu-movil {
    display: none !important;
  }
}

/* =========================================================
   ARENA V2 — ETAPA 11: TEXTO BLANCO Y PORTADA UNIFORME
   Aplica el mismo tratamiento visual en Inicio,
   Alquileres temporarios y Alquileres anuales.
========================================================= */
.hero-alquileres-fondo,
.pagina-inicio .hero-alquileres-fondo,
.pagina-alquileres .hero-alquileres-fondo {
  background-size: cover !important;
  background-position: center 58% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}

.hero-alquileres-capa,
.pagina-inicio .hero-alquileres-capa,
.pagina-alquileres .hero-alquileres-capa {
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(8, 28, 20, .72) 0%,
    rgba(8, 28, 20, .58) 42%,
    rgba(8, 28, 20, .18) 78%,
    rgba(8, 28, 20, .06) 100%
  ) !important;
}

.hero-alquileres-texto,
.hero-alquileres-texto *,
.pagina-inicio .hero-alquileres-texto,
.pagina-inicio .hero-alquileres-texto *,
.pagina-alquileres .hero-alquileres-texto,
.pagina-alquileres .hero-alquileres-texto * {
  opacity: 1 !important;
}

.hero-alquileres .eyebrow,
.hero-alquileres h1,
.hero-alquileres-descripcion,
.pagina-inicio .hero-alquileres .eyebrow,
.pagina-inicio .hero-alquileres h1,
.pagina-inicio .hero-alquileres-descripcion,
.pagina-alquileres .hero-alquileres .eyebrow,
.pagina-alquileres .hero-alquileres h1,
.pagina-alquileres .hero-alquileres-descripcion {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55) !important;
}

@media (max-width: 700px) {
  .hero-alquileres-capa,
  .pagina-inicio .hero-alquileres-capa,
  .pagina-alquileres .hero-alquileres-capa {
    background: linear-gradient(
      90deg,
      rgba(8, 28, 20, .78) 0%,
      rgba(8, 28, 20, .62) 70%,
      rgba(8, 28, 20, .28) 100%
    ) !important;
  }
}

/* =========================================================
   ARENA V2 — ETAPA 12: TEXTO BLANCO FORZADO EN PORTADAS
========================================================= */
body.pagina-alquileres .hero-alquileres .hero-alquileres-texto > .eyebrow,
body.pagina-alquileres .hero-alquileres .hero-alquileres-texto > h1,
body.pagina-alquileres .hero-alquileres .hero-alquileres-texto > .hero-alquileres-descripcion,
body.pagina-inicio .hero-alquileres .hero-alquileres-texto > .eyebrow,
body.pagina-inicio .hero-alquileres .hero-alquileres-texto > h1,
body.pagina-inicio .hero-alquileres .hero-alquileres-texto > .hero-alquileres-descripcion {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.62) !important;
}

/* =========================================================
   ARENA V2 — ETAPA 21: BOTONES TEMPORARIOS / ANUALES UNIFICADOS
========================================================= */

/* Portada de los listados: mismo estilo que el inicio */
body.pagina-alquileres .hero-alquileres .selector-modalidad {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

body.pagina-alquileres .hero-alquileres .selector-modalidad-boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 145px;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: none;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

body.pagina-alquileres .hero-alquileres .selector-modalidad-boton:hover,
body.pagina-alquileres .hero-alquileres .selector-modalidad-boton.activo {
  border-color: #c59a55;
  background: #c59a55;
  color: #173b2a;
  box-shadow: none;
}

/* Inicio: mismas medidas exactas */
body.pagina-inicio .hero-alquileres .selector-modalidad-boton {
  min-width: 145px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 7px;
  font-size: 13px;
}

@media (max-width: 700px) {
  body.pagina-alquileres .hero-alquileres .selector-modalidad,
  body.pagina-inicio .hero-alquileres .selector-modalidad {
    width: min(100%, 360px);
  }

  body.pagina-alquileres .hero-alquileres .selector-modalidad-boton,
  body.pagina-inicio .hero-alquileres .selector-modalidad-boton {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   ARENA V2 — ETAPA 22: COLORES DEFINITIVOS DE PORTADA
   Texto siempre blanco. Botón activo dorado; inactivo claro.
========================================================= */
body.pagina-alquileres section.hero-alquileres .hero-alquileres-texto > .eyebrow,
body.pagina-alquileres section.hero-alquileres .hero-alquileres-texto > h1,
body.pagina-alquileres section.hero-alquileres .hero-alquileres-texto > p.hero-alquileres-descripcion,
body.pagina-inicio section.hero-alquileres .hero-alquileres-texto > .eyebrow,
body.pagina-inicio section.hero-alquileres .hero-alquileres-texto > h1,
body.pagina-inicio section.hero-alquileres .hero-alquileres-texto > p.hero-alquileres-descripcion {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.68) !important;
}

body.pagina-alquileres section.hero-alquileres .selector-modalidad .selector-modalidad-boton,
body.pagina-inicio section.hero-alquileres .selector-modalidad .selector-modalidad-boton {
  border: 1px solid rgba(255,255,255,.68) !important;
  background: rgba(255,255,255,.94) !important;
  color: #173b2a !important;
  -webkit-text-fill-color: #173b2a !important;
  box-shadow: none !important;
}

body.pagina-alquileres section.hero-alquileres .selector-modalidad .selector-modalidad-boton.activo,
body.pagina-inicio section.hero-alquileres .selector-modalidad .selector-modalidad-boton.activo {
  border-color: #c59a55 !important;
  background: #c59a55 !important;
  color: #173b2a !important;
  -webkit-text-fill-color: #173b2a !important;
}

body.pagina-alquileres section.hero-alquileres .selector-modalidad .selector-modalidad-boton:hover,
body.pagina-inicio section.hero-alquileres .selector-modalidad .selector-modalidad-boton:hover {
  border-color: #d5b475 !important;
  background: #d5b475 !important;
  color: #173b2a !important;
  -webkit-text-fill-color: #173b2a !important;
}

/* =========================================================
   ARENA V2 — ETAPA 23: BOTONES DE MODALIDAD SIN ICONOS
   En Inicio, listados y fichas se muestra únicamente el texto.
========================================================= */
.selector-modalidad-boton > span,
.selector-modalidad-boton > i,
.selector-modalidad-boton > svg,
.selector-modalidad-ficha .selector-modalidad-boton > span,
.selector-modalidad-ficha .selector-modalidad-boton > i,
.selector-modalidad-ficha .selector-modalidad-boton > svg {
  display: none !important;
}

.selector-modalidad-boton {
  gap: 0 !important;
}


/* Arena Alquileres - WhatsApp corregido */
body.pagina-inicio .whatsapp-flotante,
body.pagina-alquileres .whatsapp-flotante,
body.pagina-propiedad .whatsapp-flotante {
  font-size: 0 !important;
  background: #25D366 !important;
}
body.pagina-inicio .whatsapp-flotante::before,
body.pagina-alquileres .whatsapp-flotante::before,
body.pagina-propiedad .whatsapp-flotante::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: #fff;
  -webkit-mask: var(--icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a9.7 9.7 0 0 0-8.3 14.7L2.4 21.5l4.9-1.3A9.8 9.8 0 1 0 12 2Zm0 17.7a8 8 0 0 1-4.1-1.1l-.3-.2-2.9.8.8-2.8-.2-.3A8 8 0 1 1 12 19.7Zm4.4-6c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8 1-.1.2-.3.2-.5.1-1.4-.7-2.4-1.3-3.3-2.9-.2-.3.2-.3.6-1.1.1-.2 0-.4 0-.5L9.5 8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2 3.1 4.9 4.3 1.8.8 2.5.8 3.4.7 1-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.2-.3-.2-.5-.4Z'/%3E%3C/svg%3E")) center/contain no-repeat;
  mask: var(--icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a9.7 9.7 0 0 0-8.3 14.7L2.4 21.5l4.9-1.3A9.8 9.8 0 1 0 12 2Zm0 17.7a8 8 0 0 1-4.1-1.1l-.3-.2-2.9.8.8-2.8-.2-.3A8 8 0 1 1 12 19.7Zm4.4-6c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8 1-.1.2-.3.2-.5.1-1.4-.7-2.4-1.3-3.3-2.9-.2-.3.2-.3.6-1.1.1-.2 0-.4 0-.5L9.5 8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2 3.1 4.9 4.3 1.8.8 2.5.8 3.4.7 1-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.2-.3-.2-.5-.4Z'/%3E%3C/svg%3E")) center/contain no-repeat;
}
@media(max-width:620px){
  body.pagina-inicio .btn-whatsapp-header{font-size:0!important;width:46px;padding:0!important}
  body.pagina-inicio .btn-whatsapp-header::after{content:'WhatsApp';font-size:0}
  body.pagina-inicio .btn-whatsapp-header::before{content:'☎';font-size:20px;color:#fff}
}


/* ===== WhatsApp consistente Arena: mismo icono en todo el sitio ===== */
.wa-icon{
  width:18px;
  height:18px;
  display:block;
  flex:0 0 auto;
  color:currentColor;
}
.btn-whatsapp-header,
.arena-header-whatsapp,
.boton-whatsapp-ficha,
.cta-propietarios a[href*="wa.me"],
.tarjeta-contacto a[href*="wa.me"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.whatsapp-flotante,
.wsp-flotante{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
  background:#25D366 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:0 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
}
.whatsapp-flotante .wa-icon,
.wsp-flotante .wa-icon{
  width:30px !important;
  height:30px !important;
  color:#fff !important;
}
/* Anula iconos viejos hechos con WA, teléfono o pseudo-elementos */
.whatsapp-flotante::before,
.whatsapp-flotante::after,
.wsp-flotante::before,
.wsp-flotante::after,
.btn-whatsapp-header::before,
.btn-whatsapp-header::after,
.arena-header-whatsapp::before,
.arena-header-whatsapp::after{
  content:none !important;
  display:none !important;
}
@media(max-width:620px){
  body.pagina-inicio .btn-whatsapp-header,
  body.pagina-alquileres .btn-whatsapp-header,
  body.pagina-ficha .arena-header-whatsapp{
    font-size:0 !important;
    width:46px !important;
    min-width:46px !important;
    padding:0 !important;
  }
  body.pagina-inicio .btn-whatsapp-header .wa-label,
  body.pagina-alquileres .btn-whatsapp-header .wa-label,
  body.pagina-ficha .arena-header-whatsapp .wa-label{
    display:none !important;
  }
  body.pagina-inicio .btn-whatsapp-header .wa-icon,
  body.pagina-alquileres .btn-whatsapp-header .wa-icon,
  body.pagina-ficha .arena-header-whatsapp .wa-icon{
    width:20px !important;
    height:20px !important;
    color:#fff !important;
  }
}

/* ARENA FIX v101 - elimina definitivamente franja/contador bajo foto */
body.pagina-alquileres .propiedad-card > .imagen-propiedad-wrap {
    display:block !important;
    position:relative !important;
    height:205px !important;
    min-height:205px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    overflow:hidden !important;
    line-height:0 !important;
}
body.pagina-alquileres .propiedad-card > .imagen-propiedad-wrap > img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}
body.pagina-alquileres .cantidad-fotos {
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}

/* ARENA FIX v105 - logo de cabecera ligeramente más grande */
body.pagina-inicio .header-alquileres .logo-imagen,
body.pagina-alquileres .header-alquileres .logo-imagen {
    width: 295px !important;
    height: 84px !important;
    max-height: 84px !important;
    transform: scale(1.20) !important;
    transform-origin: left center !important;
}

body.pagina-inicio .header-alquileres .logo-imagen-link,
body.pagina-alquileres .header-alquileres .logo-imagen-link {
    width: 280px !important;
    height: 86px !important;
    overflow: hidden !important;
}

@media (min-width: 1081px) {
    body.pagina-inicio .header-alquileres .header-contenido,
    body.pagina-alquileres .header-alquileres .header-contenido {
        grid-template-columns: 280px minmax(0, 1fr) 180px !important;
    }
}

@media (max-width: 1080px) {
    body.pagina-inicio .header-alquileres .logo-imagen-link,
    body.pagina-alquileres .header-alquileres .logo-imagen-link {
        width: 225px !important;
        height: 76px !important;
    }

    body.pagina-inicio .header-alquileres .logo-imagen,
    body.pagina-alquileres .header-alquileres .logo-imagen {
        width: 240px !important;
        height: 73px !important;
        transform: scale(1.13) !important;
    }
}

@media (max-width: 620px) {
    body.pagina-inicio .header-alquileres .logo-imagen-link,
    body.pagina-alquileres .header-alquileres .logo-imagen-link {
        width: 190px !important;
        height: 70px !important;
    }

    body.pagina-inicio .header-alquileres .logo-imagen,
    body.pagina-alquileres .header-alquileres .logo-imagen {
        width: 190px !important;
        height: 64px !important;
        transform: scale(1.07) !important;
    }
}