:root{color-scheme:dark;--bg:#0b1014;--panel:#1b242b;--line:#36434c;--muted:#aab6bf;--accent:#e5bc3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 2%,#28313a 0,transparent 31%),linear-gradient(150deg,#10171d,#080c10 70%);font:16px/1.5 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#f5f7f8}.wrap{max-width:1120px;margin:auto;padding:0 22px}.hero{min-height:350px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:repeating-radial-gradient(ellipse at 85% 0%,transparent 0 19px,#ffffff08 20px 21px,transparent 22px 38px)}.hero-inner{padding:45px 0}.brand-logo{display:block;max-width:min(520px,85vw);max-height:170px;object-fit:contain;object-position:left}.logo-fallback{font-size:clamp(48px,9vw,95px);font-weight:950;letter-spacing:-5px;line-height:1}.logo-fallback small{display:block;font-size:16px;font-weight:500;letter-spacing:7px;margin-top:12px}.motto{color:#e0e5e8;letter-spacing:5px;font-size:12px;margin:28px 0}.motto span{color:var(--accent)}.hero-title{font-size:clamp(19px,3vw,28px);font-weight:600;letter-spacing:.02em}.hero-title strong{display:block;color:var(--accent)}.info{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr;gap:12px;padding:25px 0 32px;border-bottom:1px solid var(--line)}.info-item,.info-action{background:#192229d9;border:1px solid #35434b;border-radius:12px;padding:18px;min-height:112px}.info-item{display:flex;gap:12px}.info-item b{font-size:14px}.info-item p{font-size:13px;color:#e1e6e9;margin:7px 0}.info-item small{font-size:11px;color:var(--muted)}.icon{font-size:26px;color:var(--accent)}.info-action{display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:#fff;gap:9px;transition:background .2s}.info-action span{font-size:13px;color:var(--muted)}.info-action b{font-size:16px}.info-action:hover,.tile:hover{background-color:#26333d}.section-label{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:3px;margin:35px 0 18px}.dash{display:inline-block;width:24px;height:3px;background:var(--accent);vertical-align:middle;margin-right:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;text-decoration:none;color:white;background:linear-gradient(115deg,#202b34,#0e1419);border:1px solid #38454e;border-radius:14px;padding:26px;transition:transform .2s,border-color .2s}.tile:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(140deg,transparent 0 48px,#ffffff06 49px 50px);opacity:.65}.tile:hover{transform:translateY(-3px);border-color:#bd9e42}.tile h2{font-size:clamp(24px,3.8vw,36px);line-height:1.12;margin:0 0 10px;position:relative;letter-spacing:-.8px}.tile p{margin:0 0 18px;color:#c2cbd0;position:relative;font-size:14px}.tile .go{align-self:flex-start;position:relative;border:1px solid #64717a;background:#26343e;padding:9px 17px;border-radius:7px;font-weight:700;font-size:13px}.tile.disabled{opacity:.62;cursor:default}.tile.disabled:hover{transform:none;border-color:#38454e}.subscribe{margin:25px 0 35px;padding:32px;background:linear-gradient(110deg,#202b34,#151e25);border:1px solid #3b4952;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:2px;font-weight:800}.subscribe h2{font-size:clamp(23px,3vw,30px);margin:8px 0}.subscribe p{color:#b6c0c7;margin:0}.subscribe-btn{display:inline-block;white-space:nowrap;text-decoration:none;background:var(--accent);color:#15191b;font-weight:850;padding:15px 22px;border-radius:8px}.subscribe-btn.disabled{background:#59646b;color:#e0e0e0;pointer-events:none}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:25px 0 45px;font-size:11px;letter-spacing:1px;color:#98a5ae}@media(max-width:850px){.info{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.wrap{padding:0 15px}.hero{min-height:290px}.hero-inner{padding:32px 0}.motto{letter-spacing:2px}.info{grid-template-columns:1fr 1fr;gap:9px}.info-item{grid-column:span 2;min-height:auto}.info-action{min-height:90px;padding:13px}.grid{grid-template-columns:1fr;gap:12px}.tile{min-height:170px;padding:22px}.subscribe{display:block;padding:25px}.subscribe-btn{margin-top:20px;white-space:normal;text-align:center;width:100%}footer{flex-direction:column}}
/* Original Urban brand asset supplied by owner; preserve full aspect ratio */
.brand-logo{width:min(720px,100%);max-width:100%;max-height:none;height:auto;object-fit:contain;object-position:left;mix-blend-mode:normal}

/* V4: fachada real y logotipo original integrado, sin fondo gris */
.hero{min-height:430px;isolation:isolate;border-bottom:1px solid #3c4449;background:#0b1014;}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:url("assets/local-urban.webp");background-size:cover;background-position:70% 42%;filter:saturate(.78) contrast(1.04);}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,12,16,.98) 0%,rgba(7,12,16,.91) 34%,rgba(7,12,16,.55) 66%,rgba(7,12,16,.1) 100%),linear-gradient(0deg,rgba(7,12,16,.6),transparent 55%);}
.hero-inner{padding:65px 0 70px;max-width:740px;}
.brand-logo{width:min(530px,94%);height:auto;max-height:none;display:block;filter:drop-shadow(0 4px 13px rgba(0,0,0,.45));}
@media(max-width:580px){.hero{min-height:350px}.hero::before{background-position:65% 45%}.hero::after{background:linear-gradient(90deg,rgba(7,12,16,.95),rgba(7,12,16,.64)),linear-gradient(0deg,rgba(7,12,16,.75),transparent)}.hero-inner{padding:52px 0}.brand-logo{width:min(390px,100%)}}

.info-action b{overflow-wrap:anywhere}.info-item p{line-height:1.6}footer{gap:12px;flex-wrap:wrap}

/* V6: nombres de marca integrados orgánicamente al fondo, sin recuadros.
   Son tratamientos tipográficos provisionales, NO logotipos oficiales. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tile-branded{justify-content:flex-end;min-height:245px;background:radial-gradient(ellipse at 78% 20%,#36434b55,transparent 70%),linear-gradient(120deg,#253038,#10161b 80%)}
.tile-branded:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#10161b55 75%);pointer-events:none}
.tile-branded>*{z-index:1}
.brand-mark{position:relative;display:flex;align-items:center;min-height:77px;margin-bottom:12px;max-width:100%;color:#f3f4f4;text-shadow:0 3px 15px #000a;letter-spacing:-.055em;line-height:1;font-size:clamp(29px,3.9vw,48px);font-weight:900;transform-origin:left center;transition:transform .2s ease}
.tile-branded:hover .brand-mark{transform:scale(1.025)}
.brand-daniel{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:-.07em;font-weight:900;font-size:clamp(27px,3.5vw,45px);max-width:280px;line-height:.9}
.brand-vaultek{font-family:Arial,sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:-.065em}
.brand-tisas{font-family:Arial,sans-serif;font-style:italic;letter-spacing:-.06em;font-weight:800;text-transform:uppercase}
.brand-retay{font-family:Arial,sans-serif;letter-spacing:.045em;font-weight:900;text-transform:uppercase}
.tile-branded p{color:#d0d8dc}.tile-branded .go{background:#1d292fdd;border-color:#ae913c}
@media(max-width:580px){.tile-branded{min-height:220px}.brand-mark{font-size:clamp(30px,8vw,44px)}}

/* V7: accesos destacados de ancho completo */
.feature-links{margin:24px 0 0}.wide-link{width:100%;display:flex;align-items:center;gap:20px;padding:21px 25px;text-decoration:none;color:#f5f7f8;border:1px solid #53616a;border-radius:14px;background:linear-gradient(105deg,#26323b,#131c22);transition:transform .2s,border-color .2s,background .2s;cursor:pointer;text-align:left}.wide-link:hover{transform:translateY(-2px);border-color:var(--accent);background:linear-gradient(105deg,#303e47,#18232a)}.wide-icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:#e5bc3d17;border:1px solid #e5bc3d70;color:var(--accent);font-size:27px}.wide-link strong{display:block;font-size:clamp(17px,2.5vw,22px);line-height:1.2}.wide-link small{display:block;font-size:13px;color:#bac6ce;margin-top:6px}.wide-arrow{margin-left:auto;color:var(--accent);font-size:25px}.review-link{border-color:#927a3e;background:linear-gradient(105deg,#353127,#192126)}.clu-section{margin:0 0 30px}.clu-details summary{list-style:none}.clu-details summary::-webkit-details-marker{display:none}.clu-details[open] .wide-arrow{transform:rotate(45deg)}.clu-content{border:1px solid #53616a;border-top:0;border-radius:0 0 14px 14px;padding:16px 25px 22px;color:#cbd5dc;background:#141d23;font-size:14px}.clu-content a{color:#f1cd63;font-weight:700}.clu-details[open] summary{border-radius:14px 14px 0 0}@media(max-width:580px){.wide-link{padding:17px 15px;gap:12px}.wide-icon{width:40px;height:40px;font-size:22px}.wide-link small{font-size:12px}.wide-arrow{font-size:20px}}

/* V8: logos oficiales integrados sin fondos adicionales */
.brand-mark{width:100%;max-width:310px;min-height:84px;align-items:center}
.brand-mark img{display:block;max-width:100%;width:auto;max-height:100px;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 9px #0009)}
.brand-daniel img{max-width:260px;max-height:94px}
.brand-tisas img{max-width:290px;max-height:82px;filter:brightness(0) invert(1) drop-shadow(0 3px 8px #0007)}
.brand-vaultek img{max-height:112px;max-width:205px}
.brand-retay img{max-width:255px;max-height:95px}
@media(max-width:580px){.brand-mark img{max-height:83px}.brand-vaultek img{max-height:100px}}