:root{--bg:#1c1c1c;--bg-s:#242424;--bg-e:#2e2e2e;--steel:#f0f0f0;--steel-dim:#d4d4d4;--white:#fff;--sand:#c4a882;--sand-d:rgba(196,168,130,0.15);--sand-b:rgba(196,168,130,0.35);--concrete:#6b6b6b;--serif:'Inter',serif;--sans:'Inter',system-ui,sans-serif;--ease:cubic-bezier(0.16,1,0.3,1);--ease2:cubic-bezier(0.25,0.46,0.45,0.94)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;background:#1c1c1c}
body{font-family:var(--sans);background:var(--bg);color:var(--steel);min-height:100vh;overflow-x:hidden}
.bg-wrap{position:fixed;inset:0;z-index:0;overflow:hidden}
.bg-wrap::before{content:'';position:absolute;inset:-10px;background:url('/oferta/tlo.webp') center/cover no-repeat;filter:blur(3px) brightness(0.45);transform:scale(1.1)}
.bg-overlay{position:fixed;inset:0;z-index:1;background:linear-gradient(135deg,rgba(28,28,28,0.6) 0%,rgba(28,28,28,0.25) 50%,rgba(28,28,28,0.65) 100%)}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23c)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:2;opacity:0.12;mix-blend-mode:overlay}
a{color:var(--sand);text-decoration:none;transition:color .3s}
a:hover{color:var(--white)}

/* ── Center Logo ─────────────────────────── */
.center-logo{position:relative;z-index:10;display:flex;justify-content:center;padding:0 5vw;overflow:visible}
.center-logo a{display:block;transition:opacity .3s var(--ease);}
.center-logo a:hover{opacity:.75}
.center-logo img{height:320px;width:auto}

/* ── Tiles ───────────────────────────────── */
.tiles{position:relative;z-index:10;display:flex;flex-direction:column;gap:1.25rem;padding:1rem 5vw 1.5rem;max-width:960px;margin:0 auto 0}
.tiles-row{display:flex;flex-direction:row;gap:1.25rem;width:100%}
.tile{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(46,46,46,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5rem 2rem;transition:all .4s var(--ease);display:flex;flex-direction:column;flex:1}
.tile:hover{border-color:var(--sand-b);box-shadow:0 12px 40px rgba(0,0,0,.4);transform:translateY(-2px)}
.tile-title{font-family:var(--serif);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400;color:var(--white);margin-bottom:.8rem;letter-spacing:-.01em;line-height:1.3}
.tile-title span{color:var(--sand)}
.tile p{font-size:clamp(.85rem,1.2vw,1rem);color:var(--steel-dim);line-height:1.8}
.tile ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem .6rem}
.tile ul li{font-size:clamp(.82rem,1.1vw,.92rem);color:var(--steel-dim);line-height:1.6;padding-left:1rem;position:relative}
.tile ul li::before{content:"•";position:absolute;left:.1rem;color:var(--sand)}
.tile .region-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem 2rem;width:100%}
.tile .region-grid h4{font-size:clamp(.85rem,1.1vw,.95rem);font-weight:500;color:var(--sand);margin-bottom:.4rem}
.tile .region-grid ul{flex-direction:column;gap:0}
.tile .region-grid ul li{padding-left:1rem;font-size:clamp(.78rem,1vw,.88rem)}
.tile.tile-hover ul.hover-list{max-height:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s var(--ease);opacity:0;display:flex;flex-wrap:wrap;gap:.3rem .6rem;list-style:none;padding:0;margin:0}
.tiles-row:hover .tile.tile-hover ul.hover-list{max-height:600px;opacity:1}
.tile.tile-hover ul.hover-list li{font-size:clamp(.82rem,1.1vw,.92rem);color:var(--steel-dim);line-height:1.6;padding-left:1rem;position:relative}
.tile.tile-hover ul.hover-list li::before{content:"•";position:absolute;left:.1rem;color:var(--sand)}
.tile .cta-box{padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--sand-b);background:rgba(46,46,46,.5);text-align:center}
.tile .cta-box p{margin-bottom:0;font-size:clamp(.85rem,1.2vw,1rem)}
.tile .cta-box a{color:var(--sand);font-weight:500}
.tile .cta-box a:hover{color:var(--white)}
.tile.tile-hover{text-align:center;align-items:center}

/* ── Floating Contact Bar ──────────────── */
.chat{position:fixed;bottom:calc(2rem - 5px);left:50%;transform:translateX(-50%);z-index:100;cursor:pointer}
.chat a{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0.75rem 1.5rem}
.chat .background{position:absolute;inset:0;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1)}
.chat .chat-icon{position:relative;z-index:2;width:20px;height:20px;color:var(--steel);transition:color .25s ease;flex-shrink:0}
.chat .chat-text{position:relative;z-index:2;font-size:.85rem;letter-spacing:.08em;color:var(--steel);white-space:nowrap;transition:color .25s ease}
.chat a{gap:0.5rem}
.chat:hover .background{background:rgba(255,255,255,.12);border-color:var(--sand-b);transform:scale(1.05)}
.chat:hover .chat-text,.chat:hover .chat-icon{color:var(--sand)}

.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);transition:color .3s;margin:0 auto 0.5rem;width:fit-content}
.back-link:hover{color:var(--sand)}

footer{padding:.8rem 5vw;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}
footer a{color:#999;text-decoration:none;transition:color .3s}
footer a:hover{color:#ccc}
.ft-text{font-size:.72rem;letter-spacing:.06em;color:#999}
.ft-cookie{position:absolute;right:1.5vw;display:inline-flex;align-items:center;cursor:pointer;opacity:.6}
.ft-cookie:hover{opacity:1}

@media(max-width:640px){.center-logo{padding:0 5vw}.center-logo a{margin-top:0}.center-logo img{height:240px}.tiles{padding:1rem 5vw 2rem;gap:1rem;margin-top:0}.tile{padding:1.25rem}.tile .region-grid{grid-template-columns:1fr}.tiles-row{flex-direction:column}}

#dev-loader-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(6,8,15,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#dev-loader-overlay.active{display:flex}
#dev-loader-overlay .loader{position:absolute;top:50%;margin-left:-50px;left:50%;animation:speeder .4s linear infinite}
#dev-loader-overlay .loader>span{height:5px;width:35px;background:#ff6b9d;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}
#dev-loader-overlay .base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #ff6b9d;border-bottom:6px solid transparent}
#dev-loader-overlay .base span:before{content:"";height:22px;width:22px;border-radius:50%;background:#c44dff;position:absolute;right:-110px;top:-16px;box-shadow:0 0 15px rgba(196,77,255,.6)}
#dev-loader-overlay .base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #4d9eff;border-bottom:16px solid transparent;top:-16px;right:-98px}
#dev-loader-overlay .face{position:absolute;height:12px;width:20px;background:#c44dff;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px;box-shadow:0 0 10px rgba(196,77,255,.4)}
#dev-loader-overlay .face:after{content:"";height:12px;width:12px;background:#4d9eff;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px;box-shadow:0 0 8px rgba(77,158,255,.4)}
#dev-loader-overlay .loader>span>span:nth-child(1),#dev-loader-overlay .loader>span>span:nth-child(2),#dev-loader-overlay .loader>span>span:nth-child(3),#dev-loader-overlay .loader>span>span:nth-child(4){width:30px;height:1px;position:absolute}
#dev-loader-overlay .loader>span>span:nth-child(1){background:#ff6b9d;animation:fazer1 .2s linear infinite}
#dev-loader-overlay .loader>span>span:nth-child(2){background:#c44dff;top:3px;animation:fazer2 .4s linear infinite}
#dev-loader-overlay .loader>span>span:nth-child(3){background:#4d9eff;top:1px;animation:fazer3 .4s linear infinite;animation-delay:-1s}
#dev-loader-overlay .loader>span>span:nth-child(4){background:#ff6b9d;top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}
@keyframes fazer1{0%{left:0}100%{left:-80px;opacity:0}}
@keyframes fazer2{0%{left:0}100%{left:-100px;opacity:0}}
@keyframes fazer3{0%{left:0}100%{left:-50px;opacity:0}}
@keyframes fazer4{0%{left:0}100%{left:-150px;opacity:0}}
@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px,0px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}
#dev-loader-overlay .longfazers{position:absolute;width:100%;height:100%}
#dev-loader-overlay .longfazers span{position:absolute;height:2px;width:20%;opacity:.5}
#dev-loader-overlay .longfazers span:nth-child(1){top:20%;background:#ff6b9d;animation:lf .6s linear infinite;animation-delay:-5s}
#dev-loader-overlay .longfazers span:nth-child(2){top:40%;background:#c44dff;animation:lf2 .8s linear infinite;animation-delay:-1s}
#dev-loader-overlay .longfazers span:nth-child(3){top:60%;background:#4d9eff;animation:lf3 .6s linear infinite}
#dev-loader-overlay .longfazers span:nth-child(4){top:80%;background:#ff6b9d;animation:lf4 .5s linear infinite;animation-delay:-3s}
@keyframes lf{0%{left:200%}100%{left:-200%;opacity:0}}
@keyframes lf2{0%{left:200%}100%{left:-200%;opacity:0}}
@keyframes lf3{0%{left:200%}100%{left:-100%;opacity:0}}
@keyframes lf4{0%{left:200%}100%{left:-100%;opacity:0}}

.offer-hero-tile{max-width:70%;align-self:center;text-align:center}
.offer-main-title{font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:300;margin-bottom:0;text-transform:none;letter-spacing:-.02em}
.offer-center-tile{text-align:center}
.offer-region-title{font-size:clamp(1rem,2vw,1.3rem)}
.offer-cta-copy{color:var(--steel-dim);line-height:1.8;font-size:clamp(.85rem,1.2vw,1rem);margin:0}
.offer-breadcrumbs{display:none}
.offer-breadcrumb-nav{display:inline-block}
.offer-breadcrumb-link{margin:0}
.offer-breadcrumb-separator{color:rgba(255,255,255,.25);margin:0 .4rem;font-size:.75rem}
.offer-breadcrumb-current{color:var(--sand);cursor:default;margin:0}
@media (max-width:640px){.offer-hero-tile{max-width:100%}}