/* V5 — Renacimiento Inmobiliario / dirección visual #02. Sólo presentación; permisos en Supabase. */
:root{--paper:#f5f0e8;--ink:#151615;--red:#8a1421;--muted:#656059;--border:rgba(38,29,27,.2)}
html{scroll-behavior:smooth}body{background:#ede7de;color:var(--ink)}
nav{min-height:76px;padding:11px clamp(17px,3.4vw,70px);background:#f7f2e9;border-bottom:1px solid #b9afa4;box-shadow:none}
.nav-logo{font-size:clamp(17px,2vw,24px);letter-spacing:-.035em}.nav-logo::after{content:'  /  ESTUDIO DE INVERSIÓN';display:inline-block;color:var(--red);margin-left:10px;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.03em;vertical-align:middle}
.nav-links{gap:clamp(12px,2vw,28px)}.nav-links a{font-size:10px}.nav-cta{padding:13px 19px;border-radius:100px;background:#811324;font-size:10px}.nav-cta:hover{background:#4d1118}
.mob-menu{position:sticky;top:68px;z-index:490;background:#f3ebe0}.mob-menu a{padding:10px 0}
.hero.v5-hero{position:relative;overflow:hidden;background:#e8e0d5;padding:0;text-align:left;border-bottom:0}
.hero-inner{position:relative;max-width:1660px;min-height:min(770px,82vh);margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);z-index:2}
.hero-copy{padding:clamp(46px,7vw,106px) 24px 45px clamp(24px,7vw,118px);position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-badge{border:0;border-bottom:1px solid #aa9b90;margin:0 0 25px;padding:0 0 12px;font-size:10px;font-weight:600;letter-spacing:.14em;color:#6d635c}.hero-badge span{color:var(--red)}
.hero-overline{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#6c554e;margin:0 0 14px}
.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:900;letter-spacing:-.06em;line-height:.91;font-size:clamp(55px,6.6vw,113px);max-width:780px;margin:0 0 28px;position:relative;color:#1c1a18}
.hero h1 strong{display:inline-block;font-weight:900}.hero h1 em{display:inline-block;color:var(--red);font-weight:700;letter-spacing:-.045em}
.hero-sub{font:18px/1.35 'EB Garamond',Georgia,serif;max-width:425px;margin:0 0 29px;color:#524a44;font-style:normal;text-align:left}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:35px;background:#8a1421;color:#fff;text-decoration:none;font:600 11px 'IBM Plex Mono',monospace;padding:16px 21px;min-height:53px;text-transform:uppercase;letter-spacing:.04em;transition:background .2s,transform .2s}.hero-cta:hover{background:#64101b;transform:translateY(-2px)}.hero-cta span{font-size:18px}
.hero-quiet{font:600 10px 'IBM Plex Mono',monospace;text-decoration:none;color:#302d2b;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-quiet:hover{color:var(--red)}
.hero-mini-stat{display:flex;align-items:center;gap:14px;border-top:1px solid #b9afa4;margin-top:58px;padding-top:20px;width:100%;max-width:500px}.hero-mini-num{font:900 56px/.9 'Playfair Display',serif}.hero-mini-stat>span:nth-child(2){font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em}.hero-mini-rule{width:1px;background:#b4a9a0;height:42px;margin:0 10px}.hero-mini-index{font:10px/1.8 'IBM Plex Mono',monospace;color:#74675d}
.hero-visual{height:100%;min-height:610px;position:relative;overflow:hidden;background:#262522}
.hero-photo{position:absolute;inset:4% 5% 10% 6%;overflow:hidden;background:linear-gradient(127deg,#81725e,#292b29 65%);box-shadow:0 24px 75px #0004}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(10,12,10,.75)),linear-gradient(115deg,rgba(55,31,22,.3),transparent 44%);pointer-events:none}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:saturate(.75) contrast(1.06)}
.hero-photo-placeholder{position:absolute;bottom:13%;left:12%;font:900 clamp(42px,5vw,82px)/.95 'Playfair Display',serif;color:#fff8ea;letter-spacing:-.045em}.hero-photo-placeholder i{font-weight:400;color:#e6c7bd}.hero-photo.has-photo .hero-photo-placeholder{display:none}
.hero-photo-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.24) 25%);opacity:.25;z-index:1}
.hero-float{position:absolute;z-index:4;right:0;top:5%;background:#841624;color:#fff;border-left:3px solid #eac7ba;padding:24px 20px 28px;font:700 18px/1.25 'Playfair Display',serif;box-shadow:-16px 20px 35px #0002;transform:rotate(5deg)}.hero-float span{font:25px Arial;display:block;text-align:right;margin-top:10px}
.hero-photo-caption{position:absolute;z-index:4;left:6%;bottom:6%;right:5%;display:flex;justify-content:space-between;gap:10px;color:#f5eee3;font:10px 'IBM Plex Mono',monospace;letter-spacing:.07em;mix-blend-mode:normal}.hero-photo-caption span:first-child{max-width:56%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hero-art{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:1}.hero-art .hero-arch{position:absolute;width:360px;height:520px;border:1px solid #aa9888;border-radius:210px 210px 0 0;top:-100px;left:39%;opacity:.4;transform:rotate(-13deg)}.hero-art .hero-statue{position:absolute;bottom:-5%;left:42%;width:210px;height:385px;background:url('/assets/escultura-conceptual.webp') center/cover;opacity:.16;filter:grayscale(.7);transform:rotate(-8deg);mix-blend-mode:multiply;clip-path:polygon(5% 0,100% 0,100% 98%,0 92%)}.hero-art .hero-red-cut{position:absolute;width:150px;height:330px;top:7%;left:46%;transform:rotate(25deg);background:#9a2530;clip-path:polygon(25% 0,97% 9%,72% 98%,0 76%);opacity:.06}.art-label{display:none}
.v5-session{position:relative;z-index:3;margin:0;padding:13px clamp(24px,7vw,118px);font:10px/1.6 'IBM Plex Mono',monospace;color:#6d615b;background:#f6f0e8;border-top:1px solid #d7cec4}.v5-session a{color:var(--red)!important}
.hero-running{position:relative;z-index:2;background:#811321;display:flex;gap:clamp(9px,2vw,30px);align-items:center;justify-content:center;flex-wrap:wrap;padding:17px 14px;color:#f7eee5;font:600 clamp(10px,1.1vw,13px) 'IBM Plex Mono',monospace;letter-spacing:.1em}
.v5-editorial-intro{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:.26fr 1.1fr .67fr;gap:28px;align-items:end;padding:65px 26px 40px}.eyebrow-v5{font:600 10px 'IBM Plex Mono',monospace;color:var(--red);letter-spacing:.16em}.v5-editorial-intro h2{font:900 clamp(30px,3.3vw,51px)/1.07 'Playfair Display',serif;letter-spacing:-.045em;margin:0}.v5-editorial-intro h2 em{color:var(--red);font-weight:400}.v5-editorial-intro>p:last-child{font-size:18px;line-height:1.33;color:#6b6158;margin:0}
.assets-section{max-width:1400px;margin:22px auto 50px}.section-head{border:0;font:900 clamp(33px,4vw,58px)/1.08 'Playfair Display',serif;letter-spacing:-.04em}.section-head em{color:var(--red)}.section-sub{font:14px 'EB Garamond',serif;color:#73675d}
.catalog-tabs{border-top:1px solid #9f9389;border-bottom:1px solid #9f9389;padding:14px 0;gap:0;margin:19px 0 24px}.catalog-tab{background:transparent;border:0;border-radius:0;margin-right:25px;padding:9px 2px;color:#756a62;position:relative}.catalog-tab.active{background:transparent;color:var(--red)}.catalog-tab.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red)}.catalog-tab:hover{color:var(--red)}
.catalog-empty{padding:13px 0;background:transparent;border:0;color:#60584e;font:15px 'EB Garamond',serif;margin-bottom:13px}.asset-filters-wrap{margin:8px 0 12px}.f-btn{border:1px solid #b5a79b;background:#f8f3ea;border-radius:999px;padding:7px 15px;font-size:10px}.f-btn.active,.f-btn:hover{background:#251f1e;color:#fff}
.assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.asset-card{position:relative;overflow:hidden;background:#fbf8f2;border:0;border-top:0;box-shadow:0 12px 36px rgba(47,34,25,.09);transition:transform .25s,box-shadow .25s}.asset-card:hover{transform:translateY(-4px);box-shadow:0 17px 47px #30241c27}.card-map-wrap,.card-photo,.no-photo{height:clamp(195px,25vw,325px)}.card-map-wrap::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#0d0b0b9a,transparent);pointer-events:none}.card-photo{filter:saturate(.88)}.no-photo{background:linear-gradient(135deg,#968373,#363331);color:#fff7ee;font-size:27px}.card-ref-badge{background:#831626;font-size:10px;letter-spacing:.09em;padding:7px 10px;top:16px;left:16px}.card-body{padding:21px 24px 16px}.card-type{font:700 10px 'IBM Plex Mono',monospace;color:#8b1728;letter-spacing:.1em}.card-name{font:700 clamp(23px,2vw,34px)/1.06 'Playfair Display',serif;margin:10px 0;color:#201c1a;letter-spacing:-.04em}.card-loc{font:12px 'IBM Plex Mono',monospace;letter-spacing:0}.card-prices{border-top:1px solid #d4c9be;border-bottom:0;padding:15px 0 9px}.price-row{font-size:11px}.price-val.red{font:700 clamp(17px,1.8vw,24px) 'Playfair Display',serif;color:#831626}.card-footer{gap:8px;flex-wrap:wrap;justify-content:space-between}.status-pill{background:#eae1d4!important;color:#3e3430!important;padding:7px 10px}.expand-btn{background:transparent;border:1px solid #c4b9af;color:#38302b;padding:9px 12px;text-decoration:none;font-size:10px;line-height:1.3}.expand-btn[href]{background:#211d1b;color:#fff;border-color:#211d1b}.expand-btn:hover{background:#811321!important;color:#fff!important}.map-actions{margin-top:6px}.map-actions a{font-size:10px;background:#f5eee5}
.card-detail{background:#f0ebe3}.d-lbl{min-width:95px}
#resumen{max-width:1400px}.paper-box{border:1px solid #d7c8b9;box-shadow:none;background:#f7f3ed}.box-label{letter-spacing:.15em;color:#7e1723}#main-map{filter:grayscale(.45) sepia(.16)}#contacto{max-width:1400px}.contact-box{background:#211c1c;color:#f5ebdf;border:0;padding:clamp(26px,5vw,65px);position:relative;overflow:hidden}.contact-box::after{content:'↗';position:absolute;right:5%;top:-15%;font:270px 'Playfair Display',serif;color:#ffffff0b}.contact-box h2{font-size:clamp(33px,4vw,58px)!important;max-width:600px;line-height:1.05}.contact-box p{max-width:670px;font:18px 'EB Garamond',serif}.contact-box a{color:#efb5a9}.legal{background:#1b1b1a}.footer-bar{background:#131313}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr 1fr}.hero-copy{padding-left:4vw}.hero h1{font-size:clamp(50px,6vw,85px)}.assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-editorial-intro{grid-template-columns:1fr 2fr}.v5-editorial-intro>p:last-child{grid-column:2}.hero-mini-stat{margin-top:32px}}
@media(max-width:700px){nav{min-height:65px}.nav-logo{font-size:18px}.nav-logo::after{display:none}.hero-inner{display:flex;flex-direction:column;min-height:unset}.hero-copy{padding:42px 20px 30px;order:1}.hero h1{font-size:clamp(51px,11vw,79px);margin-bottom:20px}.hero-overline{font-size:9px}.hero-visual{order:2;height:390px;min-height:390px}.hero-photo{inset:0 15px 22px}.hero-float{top:8%;right:12px;font-size:15px;padding:14px}.hero-photo-caption{bottom:36px;left:28px;right:29px}.hero-mini-stat{margin-top:34px}.v5-editorial-intro{display:block;padding:43px 20px 20px}.v5-editorial-intro h2{margin:9px 0 12px}.v5-editorial-intro>p:last-child{font-size:17px}.hero-running{justify-content:space-around;padding:12px 8px}.hero-running>span:nth-child(n+6){display:none}.assets-grid{grid-template-columns:1fr;gap:18px}.assets-section{padding:0 18px}.catalog-tabs{gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:12px 0}.catalog-tab{flex:0 0 auto;margin-right:9px;padding:10px 0;white-space:nowrap;font-size:9px}.card-map-wrap,.card-photo,.no-photo{height:270px}.card-name{font-size:30px}.container{padding:0 18px}.hero-art .hero-arch,.hero-art .hero-statue{display:none}.hero .hero-badge{font-size:9px}.hero-quiet{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Museo arquitectónico cuando todavía no hay fotografía cargada. */
.hero-photo:not(.has-photo){background:linear-gradient(90deg,rgba(25,27,25,.88),rgba(25,27,25,.10)),url('/assets/escultura-conceptual.webp') 80% center / auto 100% no-repeat,#403c35}