/* Hogasur · app para clientes (se apoya en ../assets/css/estilos.css y su tema oscuro) */
.app{--alto-tabs:68px;min-height:100dvh;background:#0e0e0e;padding:0 0 calc(var(--alto-tabs) + env(safe-area-inset-bottom) + 16px)}
.app .barra-movil{display:none}
.app-cabecera{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:rgba(14,14,14,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #222}
.app-logo{height:34px;width:auto}
.app-instalar{display:inline-flex;align-items:center;gap:6px;background:var(--amarillo);color:#141414;border:0;border-radius:999px;padding:8px 14px;font:700 14px var(--sans);cursor:pointer}
.ico--abajo{transform:rotate(90deg);width:16px;height:16px}
.app-sin-red{background:#3a1512;color:#ffd7d0;font-size:14px;padding:8px 18px;text-align:center}
.app-pantallas{max-width:560px;margin:0 auto;padding:0 18px}
.pantalla{padding-top:22px;animation:pantalla .3s cubic-bezier(.2,.8,.2,1)}
@keyframes pantalla{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pantalla{animation:none}}
.pantalla:focus{outline:none}
.app-lema{font-family:var(--serif);font-style:italic;color:var(--amarillo);margin:0 0 6px;font-size:17px}
.app-titulo{font-family:var(--serif);font-weight:600;font-size:clamp(30px,8vw,40px);line-height:1.08;margin:0 0 20px;color:#fff}
.app-titulo--peq{font-size:clamp(28px,7vw,34px);margin-bottom:8px}
.app-intro{color:var(--gris-oscuro);margin:0 0 18px}
.app-subtitulo{font-family:var(--serif);font-weight:600;font-size:23px;color:#fff;margin:30px 0 14px}

/* Acciones principales */
.app-acciones{display:grid;gap:12px}
.app-accion{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:#1b1b1b;border:1px solid #2c2c2c;text-decoration:none;color:#fff;min-height:84px;transition:transform .15s,border-color .2s}
.app-accion:active{transform:scale(.985)}
.app-accion>.ico:first-child{width:46px;height:46px;padding:11px;border-radius:14px;background:#2a2a2a;color:var(--amarillo);flex:none}
.app-accion span{flex:1;display:flex;flex-direction:column;gap:2px}
.app-accion strong{font-size:17.5px}
.app-accion small{color:var(--gris);font-size:14px;line-height:1.35}
.app-accion__flecha{color:var(--gris);width:20px;height:20px}
.app-accion--principal{background:var(--amarillo);border-color:var(--amarillo);color:#141414}
.app-accion--principal>.ico:first-child{background:#141414;color:var(--amarillo)}
.app-accion--principal small,.app-accion--principal .app-accion__flecha{color:rgba(20,20,20,.75)}

/* Botones rápidos */
.app-rapido{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.app-rapido a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:16px;background:#161616;border:1px solid #2a2a2a;color:#fff;text-decoration:none;font-weight:700;font-size:14px}
.app-rapido .ico{width:24px;height:24px;color:var(--amarillo)}
.app-rapido a.whatsapp .ico{color:#4ADE80}

/* Google */
.app-google{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:#161616;border:1px solid #2a2a2a;color:#fff;text-decoration:none}
.app-google__nota{grid-row:1/3;grid-column:1;font:600 38px/1 var(--serif)}
.app-google__estrellas{grid-column:2;grid-row:1;display:flex;gap:2px;color:var(--amarillo)}
.app-google__estrellas .ico{width:16px;height:16px;fill:currentColor;stroke:none}
.app-google__texto{grid-column:2;grid-row:2;font-size:14.5px;color:var(--gris-oscuro)}
.app-google>.ico:last-child{grid-column:3;grid-row:1/3;color:var(--gris)}

/* Pasos */
.app-pasos{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.app-pasos li{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#141414;border:1px solid #232323}
.app-pasos li>span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2a2a2a;color:var(--amarillo);font:600 17px var(--serif)}
.app-pasos li:last-child>span{background:var(--amarillo);color:#141414}
.app-pasos strong{display:block;color:#fff}
.app-pasos small{color:var(--gris);font-size:14px}

/* Formulario dentro de la app */
.app .buscador{box-shadow:none;border-radius:20px;max-width:none}
.app .buscador .pestanas{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:12px 12px 0}
.app .buscador__barra{grid-template-columns:1fr!important}
.app .buscador__boton{width:100%}
.app .buscador__pasos{padding:18px 14px 20px}
.app .pasos__botones{position:sticky;bottom:calc(var(--alto-tabs) + env(safe-area-inset-bottom));background:var(--tarjeta);padding:10px 0 4px;margin:8px 0 0;z-index:2}
.app .resultado{padding:28px 16px}
.app-otra{margin-top:14px}

/* Viviendas */
.app-portales{display:grid;gap:10px;margin-bottom:18px}
.app-portales a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:16px;background:#1b1b1b;border:1px solid #2c2c2c;color:#fff;text-decoration:none}
.app-portales a.principal{background:var(--amarillo);border-color:var(--amarillo);color:#141414}
.app-portales strong{font-size:18px;display:block}
.app-portales small{color:var(--gris);font-size:14px}
.app-portales a.principal small{color:rgba(20,20,20,.75)}
.app-portales .ico{color:var(--amarillo)}
.app-portales a.principal .ico{color:#141414}
.app-tarjeta{padding:20px;border-radius:18px;background:#161616;border:1px solid #2a2a2a;margin:16px 0}
.app-tarjeta h2{font-family:var(--serif);font-weight:600;font-size:22px;color:#fff;margin:0 0 6px}
.app-tarjeta p{color:var(--gris-oscuro);font-size:15.5px}

/* Contacto */
.app-lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.app-lista a,.app-lista div{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:#1b1b1b;border:1px solid #2c2c2c;color:#fff;text-decoration:none}
.app-lista .ico{width:24px;height:24px;color:var(--amarillo);flex:none}
.app-lista small{display:block;color:var(--gris);font-size:13px}
.app-lista strong{font-size:16.5px}
.app-legal{text-align:center;font-size:14px;color:var(--gris);margin:24px 0 0}
.app-legal a{color:var(--gris-oscuro)}

/* Barra de pestañas inferior */
.app-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--alto-tabs) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(16,16,16,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #262626}
.app-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8f8b83;text-decoration:none;font-size:11.5px;font-weight:700;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}
.app-tabs .ico{width:23px;height:23px}
.app-tabs a[aria-current=page]{color:var(--amarillo)}
.app-tabs a[aria-current=page] .ico{stroke-width:2.3}
@media (min-width:600px){.app-tabs{left:50%;right:auto;width:560px;transform:translateX(-50%);border:1px solid #262626;border-bottom:0;border-radius:18px 18px 0 0}}

/* Aviso iPhone */
.app-ios{position:fixed;left:12px;right:12px;bottom:calc(var(--alto-tabs) + env(safe-area-inset-bottom) + 12px);z-index:50;background:#f3f0e9;color:#141414;border-radius:16px;padding:14px 16px;box-shadow:0 16px 40px rgba(0,0,0,.5);display:flex;gap:12px;align-items:center;max-width:536px;margin:0 auto}
.app-ios p{margin:0;font-size:14.5px;flex:1}
.app-ios .ico{width:18px;height:18px;vertical-align:-3px}

/* ===================== Área privada ===================== */
.app-cabecera__acciones{display:flex;align-items:center;gap:8px}
.app-acceso{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1d1d1d;border:1px solid #2f2f2f;color:#cfcbc2}
.app-acceso .ico{width:20px;height:20px}
.app-acceso.dentro{background:var(--amarillo);border-color:var(--amarillo);color:#141414}
.app-enlace-privado{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 0;color:var(--gris-oscuro);font-weight:600;font-size:14.5px;text-decoration:none}
.app-enlace-privado .ico{width:18px;height:18px}
.app-volver{display:block;text-align:center;color:var(--gris-oscuro);margin-top:6px;font-size:15px}
.priv-login{margin-top:6px}
.priv-cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px}
.priv-cabeza .app-titulo{margin-bottom:4px}
.priv-cabeza__acciones{display:flex;gap:8px}
.priv-icono{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1d1d1d;border:1px solid #2f2f2f;color:#e7e3da;cursor:pointer;flex:none}
.priv-icono .ico{width:20px;height:20px}
.priv-buscar{margin-bottom:12px}
.priv-filtros{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:0 -18px 12px;padding-left:18px;padding-right:18px;scrollbar-width:none}
.priv-filtros::-webkit-scrollbar{display:none}
.priv-filtros button{flex:none;border:1.5px solid #3a3a3a;background:none;color:#e7e3da;border-radius:999px;padding:8px 14px;font:600 14px var(--sans);cursor:pointer;min-height:40px}
.priv-filtros button[aria-pressed=true]{background:var(--amarillo);border-color:var(--amarillo);color:#141414}
.priv-select{margin-bottom:14px}
.priv-lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.priv-vacio{padding:26px 16px;text-align:center;color:var(--gris);border:1px dashed #333;border-radius:16px}
.priv-item{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:14px 16px;border-radius:16px;background:#1b1b1b;border:1px solid #2c2c2c;color:#fff;font:inherit;cursor:pointer;position:relative}
.priv-item.es-nuevo{border-left:4px solid var(--amarillo)}
.priv-item.inactivo{opacity:.55}
.priv-item__fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.priv-item__fecha{margin-left:auto;color:var(--gris);font-size:12.5px}
.priv-item__nombre{font-size:17px}
.priv-item__texto{color:var(--gris-oscuro);font-size:14.5px;line-height:1.4}
.priv-chip{display:inline-block;padding:3px 9px;border-radius:999px;background:#2a2a2a;color:#e7e3da;font-size:12px;font-weight:700;letter-spacing:.01em}
.priv-chip--vender{background:#3a2c0d;color:#f3c463}
.priv-chip--comprar{background:#0f2d22;color:#7fe0b0}
.priv-chip--vender_comprar{background:#2b2140;color:#c9b4ff}
.priv-chip--recomendar{background:#11283b;color:#8fc7ff}
.priv-prio{padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:800}
.priv-prio--alta{background:#4a1612;color:#ffb4a8}
.priv-prio--media{background:#3a300f;color:#ffd77a}
.priv-prio--baja{background:#262626;color:#bdbab3}
.priv-estado{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--gris-oscuro)}
.priv-estado::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#777;margin-right:6px}
.priv-estado--nuevo::before{background:var(--amarillo)}
.priv-estado--contactado::before{background:#60a5fa}
.priv-estado--visita::before{background:#c084fc}
.priv-estado--gestion::before{background:#34d399}
.priv-estado--cerrado::before{background:#22c55e}
.priv-insignia{position:absolute;top:8px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:18px;text-align:center}
.app-tabs a,.app-tabs button{position:relative}
.app-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8f8b83;background:none;border:0;font:700 11.5px var(--sans);cursor:pointer}
.app-tabs--2{grid-template-columns:repeat(2,1fr)}
.app-tabs--privado{border-top-color:#3a2c0d}

/* Contadores y operaciones */
.priv-contadores{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}
.priv-contadores--4{grid-template-columns:repeat(5,1fr)}
.priv-contador{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px;background:#1b1b1b;border:1.5px solid #2c2c2c;color:#fff;font:inherit;cursor:pointer}
div.priv-contador{cursor:default}
.priv-contador strong{font:600 24px/1 var(--serif)}
.priv-contador--visitada strong{color:#93c5fd}
.priv-contador span{font-size:11px;color:var(--gris);text-align:center;line-height:1.2}
.priv-contador--tramite strong{color:#ffd77a}
.priv-contador--vendida strong{color:#7fe0b0}
.priv-contador--pagada strong{color:var(--amarillo)}
.priv-contador.activo{border-color:var(--amarillo)}
.priv-op{padding:14px 16px;border-radius:16px;background:#1b1b1b;border:1px solid #2c2c2c;display:flex;flex-direction:column;gap:4px}
.priv-op__cabeza{display:flex;align-items:center;gap:8px}
.priv-op__cabeza .priv-icono{margin-left:auto;width:36px;height:36px}
.priv-op__col{display:inline-flex;align-items:center;gap:4px;color:var(--gris-oscuro);font-size:13.5px;font-weight:600}
.priv-op__col .ico{width:15px;height:15px}
.priv-op>strong{font-size:16.5px;color:#fff}
.priv-op>small{color:var(--gris);font-size:13px}
.priv-op__nota{font-size:13.5px;color:var(--gris-oscuro);background:#141414;border-radius:10px;padding:8px 10px;margin:4px 0 0}
.priv-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}
.priv-paso{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 2px;border-radius:10px;border:1.5px solid #333;background:#141414;color:#8f8b83;font:700 12px var(--sans);text-align:center;cursor:default;min-width:0}
button.priv-paso{cursor:pointer;min-height:42px}
.priv-paso small{font-weight:500;font-size:11px;color:inherit;opacity:.85}
.priv-paso.hecho{border-color:#4a3a14;color:#e7c46e;background:#211a0a}
.priv-paso.actual{background:var(--amarillo);border-color:var(--amarillo);color:#141414}
.priv-mini{font-size:13.5px;color:var(--gris-oscuro)}
.priv-mini b{color:#fff}

/* Hoja de detalle */
.hoja{width:min(560px,100%);max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:22px 22px 0 0;background:#161616;color:#f3f0e9;overflow:hidden}
@media (min-width:600px){.hoja{margin:auto;border-radius:22px}}
.hoja::backdrop{background:rgba(0,0,0,.65)}
.hoja[open]{display:flex;flex-direction:column;animation:hoja .25s cubic-bezier(.2,.8,.2,1)}
@keyframes hoja{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.hoja__cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #262626}
.hoja__cabeza h2{font-family:var(--serif);font-weight:600;font-size:22px;margin:0}
.hoja__cuerpo{overflow-y:auto;padding:16px 18px calc(24px + env(safe-area-inset-bottom))}
.hoja__cuerpo h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--amarillo);margin:20px 0 8px}
.priv-hoja-sub{color:var(--gris-oscuro);font-size:14px}
.priv-acciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0 16px}
.priv-acciones .boton{padding:10px 12px;min-height:46px;font-size:15px;width:100%}
.priv-etq{display:block;margin-bottom:6px}
.priv-datos{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}
.priv-datos dt{color:var(--gris)}
.priv-datos dd{margin:0;color:#fff;font-weight:600;word-break:break-word}
.priv-notas{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:8px}
.priv-notas li{background:#1d1d1d;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.priv-notas li.auto{background:none;border:1px dashed #333;color:var(--gris)}
.priv-notas small{color:var(--gris);font-size:12px}
.priv-nota{display:grid;gap:8px;margin-bottom:16px}
.priv-nota textarea{min-height:70px}
.priv-form .campo{margin-bottom:14px}
.priv-ayuda{font-size:13.5px;color:var(--gris);margin-top:12px}
.priv-toast{position:fixed;left:50%;bottom:calc(var(--alto-tabs) + env(safe-area-inset-bottom) + 14px);transform:translate(-50%,20px);opacity:0;background:#f3f0e9;color:#141414;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;z-index:60;transition:.25s;pointer-events:none}
.priv-toast.visible{opacity:1;transform:translate(-50%,0)}
.app input:not([type]),.app input[type=search],.app input[type=password]{width:100%;font:500 16px/1.4 var(--sans);color:var(--tinta);background:var(--campo);border:1.5px solid #3d3d3d;border-radius:var(--radio-peq);padding:13px 14px;min-height:50px;appearance:none;-webkit-appearance:none}
.app input:not([type]):focus,.app input[type=search]:focus,.app input[type=password]:focus{outline:none;border-color:var(--amarillo);box-shadow:0 0 0 3px rgba(223,163,38,.35)}
.app input[readonly]{opacity:.6}
.app-tabs--privado:not(.app-tabs--2){grid-template-columns:repeat(5,1fr)}
.app-logo-enlace{display:flex}
.priv-grupo{display:flex;align-items:center;gap:8px;font-size:13px!important}
.priv-grupo span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2a2a2a;color:#fff;font-size:12px;letter-spacing:0}
.priv-grupo--visitada{color:#93c5fd!important}.priv-grupo--vendida{color:#7fe0b0!important}.priv-grupo--pagada{color:var(--amarillo)!important}.priv-grupo--tramite{color:#ffd77a!important}
.priv-vacio--peq{padding:12px;font-size:14px}
.priv-asignar{margin-top:18px}
.hoja .priv-contadores{margin-top:4px}

/* ===================== Diseño C (29/10): simple, títulos Oswald y colores corporativos ===================== */
.app .app-titulo{font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(30px,8.5vw,38px);line-height:1.02;margin:4px 0 18px;color:#fff}
.app .app-titulo span{color:var(--amarillo)}
.app .pantalla{padding-top:18px}
.app-tabs--3{grid-template-columns:repeat(3,1fr)}
/* Portada */
.app-pantallas>#inicio{padding-top:0}
.app-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 -18px;padding:44px 22px 26px;min-height:min(56vh,440px);display:flex;flex-direction:column;justify-content:flex-end;text-align:center}
.app-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,14,.35),rgba(14,14,14,.6) 55%,#0e0e0e)}
.app-hero .hero-c__fondos{z-index:-2}
.app-hero__ante{text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);margin:0 0 8px}
.app-hero__titulo{font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(34px,10vw,46px);line-height:1;margin:0 0 20px;color:#fff}
.app-hero__titulo span{display:block;color:var(--amarillo)}
.app-hero__boton{align-self:center;min-height:52px;padding:12px 26px;font-size:16.5px;box-shadow:0 14px 30px rgba(0,0,0,.4)}
/* Formulario sin desplegar (como la web) */
.app-form{margin:18px 0 0}
.app .buscador--c{border-radius:0}
.app .buscador--c .pestanas{display:grid!important;grid-template-columns:1fr 1fr;width:100%;margin:0 0 10px;padding:4px!important;background:#1b1b1b!important}
.app .buscador--c .pestana span{justify-content:center;width:100%}
.app .buscador--c .paso[data-paso="1"]{border-radius:20px;background:var(--tarjeta)}
.app .buscador--c .buscador__barra{padding:6px}
.app .buscador--c .buscador__barra .campo:has(input){border-left:0;border-top:1px solid #333}
.app .buscador--c .buscador__boton{width:100%;justify-content:center;margin-top:4px}
.app .buscador--c .buscador__pasos{border-radius:20px;margin-top:10px}
/* Accesos rápidos y Google, discretos */
.app .app-rapido{margin:18px 0 12px}
.app .app-rapido a{border-radius:14px;padding:12px 6px}
.app .app-google{display:flex;align-items:center;justify-content:center;gap:10px;background:none;border:0;padding:6px 0;grid-template-columns:none}
.app .app-google__nota{font:600 26px/1 "Oswald",sans-serif;grid-row:auto}
.app .app-google__texto{font-size:13.5px;color:var(--gris)}
/* Viviendas */
.app .app-portales{grid-template-columns:1fr 1fr;gap:10px}
.app .app-portales a{min-height:64px;padding:14px 16px;border-radius:14px}
.app .app-portales strong{font-size:16.5px}
.app-buscas{position:relative;display:block;border-radius:18px;overflow:hidden;margin-top:14px;color:#fff;text-decoration:none;isolation:isolate}
.app-buscas img{width:100%;height:190px;object-fit:cover;object-position:62% 50%;display:block}
.app-buscas::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.82))}
.app-buscas span{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:4px}
.app-buscas strong{font:600 22px/1.1 "Oswald",sans-serif;text-transform:uppercase}
.app-buscas em{font-style:normal;color:var(--amarillo);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.app-buscas em .ico{width:18px;height:18px}
/* Contacto */
.app-colabora{margin-top:14px}
/* Área privada: menos texto */
.priv-resumen{color:var(--gris);font-size:13.5px;margin:0 0 10px}
.app .priv-cabeza .app-titulo{margin:4px 0 10px}

/* ===================== Fondo claro, igual que la web (29/10) ===================== */
.app-clara{background:#fff;color:var(--negro);--tarjeta:#fff;--campo:#fff;--fondo-suave:#F7F4EE;--borde:#E6E1D6}
.app-clara .app-cabecera{background:rgba(255,255,255,.94);border-bottom-color:var(--borde)}
.app-clara .app-titulo{color:var(--negro)}
.app-clara .app-titulo span,.app-clara .realce{color:#C8901A}
.app-clara .app-hero::before{background:linear-gradient(180deg,rgba(14,14,14,.4),rgba(14,14,14,.66) 70%,rgba(14,14,14,.78))}
.app-clara .app-hero{margin-bottom:0}
.app-clara .app-acceso{background:var(--fondo-suave);border-color:var(--borde);color:var(--negro)}
.app-clara .app-sin-red{background:#FDE8E4;color:#8a2a1c}
/* formulario */
.app-clara .buscador--c .pestanas{background:var(--fondo-suave)!important;border:1px solid var(--borde)!important}
.app-clara .buscador--c .pestana span{color:var(--negro)}
.app-clara .buscador--c .pestana input:checked+span{background:var(--negro)!important;color:#fff!important}
.app-clara .buscador--c .paso[data-paso="1"],.app-clara .buscador--c .buscador__pasos,.app-clara .buscador--c .resultado{background:#fff;border:1px solid var(--borde);box-shadow:0 10px 30px rgba(20,20,20,.08)}
.app-clara .buscador--c .buscador__barra .campo:has(input){border-top-color:var(--borde)}
.app-clara .buscador--c .buscador__barra select,.app-clara .buscador--c .buscador__barra input{color:var(--negro)}
.app-clara .pasos__botones{background:#fff}
/* accesos rápidos y Google */
.app-clara .app-rapido a{background:var(--fondo-suave);border-color:var(--borde);color:var(--negro)}
.app-clara .app-rapido .ico{color:#C8901A}
.app-clara .app-rapido a.whatsapp .ico{color:#1E8A4C}
.app-clara .app-google{color:var(--negro)}
/* viviendas */
.app-clara .app-portales a{background:#fff;border:1.5px solid var(--negro);color:var(--negro)}
.app-clara .app-portales .ico{color:var(--negro)}
.app-clara .app-portales a.principal{background:var(--amarillo);border-color:var(--amarillo)}
/* contacto */
.app-clara .app-lista a,.app-clara .app-lista div{background:var(--fondo-suave);border-color:var(--borde);color:var(--negro)}
.app-clara .app-lista .ico{color:#C8901A}
.app-clara .app-enlace-privado,.app-clara .app-volver{color:var(--gris-oscuro)}
.app-clara .app-legal a{color:var(--gris-oscuro)}
/* pestañas inferiores */
.app-clara .app-tabs{background:rgba(255,255,255,.97);border-top-color:var(--borde)}
.app-clara .app-tabs a,.app-clara .app-tabs button{color:#8a857c}
.app-clara .app-tabs a[aria-current=page]{color:var(--negro)}
.app-clara .app-tabs a[aria-current=page] .ico{color:#C8901A}
/* área privada */
.app-clara .app-tarjeta{background:var(--fondo-suave);border-color:var(--borde)}
.app-clara .priv-icono{background:var(--fondo-suave);border-color:var(--borde);color:var(--negro)}
.app-clara .priv-filtros button{border-color:var(--borde);color:var(--negro)}
.app-clara .priv-filtros button[aria-pressed=true]{background:var(--negro);border-color:var(--negro);color:#fff}
.app-clara .priv-item,.app-clara .priv-op,.app-clara .priv-contador{background:#fff;border-color:var(--borde);color:var(--negro)}
.app-clara .priv-chip{background:var(--fondo-suave);color:var(--negro)}
.app-clara .priv-chip--vender_comprar{background:#EEE7FB;color:#5B3BA8}
.app-clara .priv-chip--recomendar{background:#E4F0FB;color:#1F5C92}
.app-clara .priv-prio--baja{background:var(--fondo-suave);color:var(--gris-oscuro)}
.app-clara .priv-op__nota{background:var(--fondo-suave)}
.app-clara .priv-paso{background:#fff;border-color:var(--borde);color:#8a857c}
.app-clara .priv-paso.hecho{background:#FBF1DC;border-color:#EAD3A0;color:#8A6410}
.app-clara .priv-paso.actual{background:var(--amarillo);border-color:var(--amarillo);color:#141414}
.app-clara .hoja{background:#fff;color:var(--negro)}
.app-clara .hoja__cabeza{border-bottom-color:var(--borde)}
.app-clara .priv-notas li{background:var(--fondo-suave)}
.app-clara .priv-grupo span{background:var(--fondo-suave);color:var(--negro)}
.app-clara .priv-toast{background:var(--negro);color:#fff}
.app-clara .app-ios{background:var(--negro);color:#fff}
.app-clara input[type=text],.app-clara input[type=search],.app-clara input[type=tel],.app-clara input[type=email],.app-clara input[type=password],.app-clara input:not([type]),.app-clara select,.app-clara textarea{background-color:#fff;color:var(--negro);border-color:#D9D3C7}
.app-clara .priv-op>strong,.app-clara .priv-mini b,.app-clara .priv-datos dd,.app-clara .app-tarjeta h2{color:var(--negro)}
.app-clara .priv-datos dt{color:var(--gris-oscuro)}
.app-clara .hoja h2,.app-clara .hoja h3,.app-clara .hoja strong{color:var(--negro)}
.app-clara .hoja .campo label{color:var(--negro)}
.app-clara .priv-item strong{color:var(--negro)}
.app-clara .app .app-titulo{color:var(--negro)}
.priv-chip--web{background:var(--amarillo)!important;color:#141414!important}

/* Reseñas (área privada) */
.priv-resumen-google{margin:0 0 14px;text-align:left}
.priv-estrellas{color:#DFA326;letter-spacing:1px;font-size:15px}
.priv-resena__texto{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.45;color:inherit;opacity:.85;margin-top:4px}
.priv-estrellas-elegir{display:flex;gap:6px}
.priv-estrellas-elegir button{font-size:28px;line-height:1;background:none;border:0;padding:4px;color:#ccc;cursor:pointer}
.priv-estrellas-elegir button[aria-pressed="true"]{color:#DFA326}
.priv-form .etiqueta{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.priv-borrar{margin-top:10px;background:none;border:1px solid #c0392b;color:#c0392b}
/* Portada de la app como la web: logo de Hogasur en grande */
.app-hero__marca{margin:0 0 22px;position:relative;z-index:1}
.app-hero__marca img{display:block;width:min(88%,340px);height:auto;margin:0 auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.35))}
@keyframes instalar-pulso{0%,100%{box-shadow:0 0 0 0 rgba(223,163,38,.6)}50%{box-shadow:0 0 0 10px rgba(223,163,38,0)}}
.app-instalar--destacado{animation:instalar-pulso 1.4s ease 4}
/* Portada como la web: cabecera transparente sin logo sobre la foto; al deslizar, barra blanca con el logo */
:root{--cab:calc(61px + env(safe-area-inset-top))}
.app-cabecera{position:fixed;left:0;right:0;top:0;transition:background .3s,border-color .3s,backdrop-filter .3s}
.app-logo-enlace{transition:opacity .3s}
.app-pantallas{padding-top:var(--cab)}
#inicio .app-hero{margin-top:calc(-1 * var(--cab));padding-top:calc(var(--cab) + 24px);min-height:min(78vh,620px);justify-content:center}
.app-hero__marca img{width:min(90%,360px)}
body.app-en-portada .app-cabecera{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body.app-en-portada .app-logo-enlace{opacity:0;pointer-events:none}
body.app-en-portada .app-acceso{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
/* ---------- Área privada en ordenador: CRM con menú lateral y fichas en columnas ---------- */
@media (min-width:1024px){
  body.modo-privado .app-tabs--privado{top:var(--cab);bottom:0;left:0;right:auto;width:236px;height:auto;transform:none;border:0;border-right:1px solid var(--borde);border-radius:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:22px 14px;background:#fff;box-shadow:none}
  body.modo-privado .app-tabs--privado a,body.modo-privado .app-tabs--privado button{flex-direction:row;justify-content:flex-start;gap:12px;height:auto;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:600;color:#5f5a52;text-align:left}
  body.modo-privado .app-tabs--privado a:hover,body.modo-privado .app-tabs--privado button:hover{background:var(--fondo-suave)}
  body.modo-privado .app-tabs--privado a[aria-current=page]{background:#141414;color:#fff}
  body.modo-privado .app-tabs--privado [data-salir]{margin-top:auto;color:#8f8b83}
  body.modo-privado .app-tabs--privado .priv-insignia{position:static;margin-left:auto}
  body.modo-privado .app-pantallas{max-width:none;margin:0 0 0 236px;padding:calc(var(--cab) + 12px) clamp(24px,3vw,48px) 48px}
  body.modo-privado .app-pantallas>.pantalla{max-width:1320px;margin:0 auto}
  body.modo-privado .priv-lista{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}
  body.modo-privado .hoja{width:min(720px,100%)}
}
/* ---------- Avisos y notificaciones ---------- */
.app-campana{position:relative}
.app-campana .priv-insignia{top:-3px;left:auto;right:-4px}
.app-push{position:fixed;left:12px;right:12px;top:calc(var(--cab) + 10px);z-index:35;max-width:560px;margin:0 auto;background:#141414;color:#f3f0e9;border-radius:16px;padding:14px 16px;box-shadow:0 14px 40px rgba(0,0,0,.25);font-size:14.5px;line-height:1.45}
.app-push[hidden]{display:none}
.app-push p{margin:0 0 10px}
.app-push__botones{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.app-push__cerrar{background:none;border:0;color:#bdb8ad;font:inherit;text-decoration:underline;cursor:pointer;padding:4px}
@media (min-width:1024px){body.modo-privado .app-push{left:auto;right:24px;max-width:380px}}
.priv-avisos{gap:8px}
.priv-aviso{display:grid;gap:3px;padding:12px 14px;border-radius:12px;background:#1f1f1f;color:#f3f0e9;text-decoration:none;border-left:3px solid transparent}
.priv-aviso.es-nuevo{border-left-color:var(--amarillo);background:#262118}
.priv-aviso span{color:#d6d1c6;font-size:14.5px}
.priv-aviso small{color:#8f8b83;font-size:12px}
.app-push{top:auto;bottom:calc(var(--alto-tabs) + env(safe-area-inset-bottom) + 12px)}
@media (min-width:1024px){body.modo-privado .app-push{top:calc(var(--cab) + 10px);bottom:auto}}
.priv-aviso{background:var(--fondo-suave);color:#141414;border:1px solid var(--borde);border-left:3px solid transparent}
.priv-aviso strong{color:#141414}
.priv-aviso span{color:#3d3a35}
.priv-aviso.es-nuevo{background:#FBF1D9;border-left-color:var(--amarillo)}
.boton--borrar{margin-top:14px;background:transparent;color:#b42318;border:1px solid #f1c4bf}
.boton--borrar:hover{background:#fdecea}
.boton--borrar.confirmar{background:#b42318;color:#fff;border-color:#b42318}
@media (min-width:1024px){body.modo-privado .app-push{top:auto;bottom:24px;right:24px}}
/* Pantalla de acceso: tarjeta centrada y estrecha (también en ordenador) */
.app-pantallas>#acceso{max-width:440px;margin-left:auto;margin-right:auto}
@media (min-width:1024px){
  body.modo-privado:has([data-tabs-propietario][hidden]):has([data-tabs-colaborador][hidden]) .app-pantallas{margin-left:0}
  .app-pantallas>#acceso{padding-top:clamp(24px,8vh,96px)}
}
.priv-toast{max-width:min(92vw,480px);border-radius:14px;text-align:center;line-height:1.35;z-index:70}