/* SENDAR — estilos de proyecto-academia-arabe.html (extraídos del inline) */

@font-face { font-family: 'TT Tunnels Bold'; src: url('assets/fonts/TTTunnels-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
    @font-face { font-family: 'TT Lakes Neue'; src: url('assets/fonts/TTLakesNeue-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
    @font-face { font-family: 'Suisse Intl'; src: url('assets/fonts/SuisseIntl-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: auto; }
    :root { --dark:#1D2145;--dark2:#13162e;--dark3:rgba(34,38,80,0.96);--light:#EEEEF2;--accent:#D62E49;--faded:rgba(238,238,242,0.45);--ease:cubic-bezier(0.22,1,0.36,1);--pad:clamp(20px,4.16vw,72px);--nav-h:168px;--cta-safe-r:148px;--cta-safe-b:140px; }
    body { background:var(--dark);color:var(--light);font-family:'Suisse Intl',"Helvetica",sans-serif;overflow-x:hidden;cursor:none;letter-spacing:-0.005em; }
    a{color:inherit;text-decoration:none;}ul{list-style:none;}
    .section-label,.nav-brand .brand-text,.hero-scroll,.menu-toggle,#menu-slide .social a,.pf-label,.footer-copy,.footer-social a,.fcol-title{font-family:'TT Lakes Neue',"Impact",sans-serif;font-weight:normal;}
    body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9000;box-shadow:inset 0 0 0 10px #EEEEF2;border-radius:22px;}
    body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:8999;background:radial-gradient(circle 22px at 22px 22px,transparent 21px,#EEEEF2 22px) top left/32px 32px no-repeat,radial-gradient(circle 22px at calc(100% - 22px) 22px,transparent 21px,#EEEEF2 22px) top right/32px 32px no-repeat,radial-gradient(circle 22px at 22px calc(100% - 22px),transparent 21px,#EEEEF2 22px) bottom left/32px 32px no-repeat,radial-gradient(circle 22px at calc(100% - 22px) calc(100% - 22px),transparent 21px,#EEEEF2 22px) bottom right/32px 32px no-repeat;}
    .scrollPattern{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden;}
    .scrollPattern .patternTop,.scrollPattern .patternBottom{position:absolute;left:0;width:100%;height:100vh;overflow:hidden;will-change:transform;}
    .scrollPattern .patternTop{top:0;transform:translateY(-100%);}
    .scrollPattern .patternBottom{bottom:0;transform:translateY(100%);}
    .scrollPattern img{width:100%;height:100%;object-fit:cover;opacity:0.45;filter:brightness(1.15) contrast(0.95) saturate(0.65) blur(0.3px);display:block;-webkit-mask-image:radial-gradient(ellipse 110% 95% at center,rgba(0,0,0,0.50),rgba(0,0,0,0.92) 85%);mask-image:radial-gradient(ellipse 110% 95% at center,rgba(0,0,0,0.50),rgba(0,0,0,0.92) 85%);}
    body.hex-pulse .scrollPattern img{opacity:0.65;filter:brightness(1.35) contrast(1.05) saturate(0.8) blur(0px);}
    #cursor{position:fixed;pointer-events:none;z-index:9999;width:10px;height:10px;background:var(--light);border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;}
    #cursor-ring{position:fixed;pointer-events:none;z-index:9998;width:36px;height:36px;border:1px solid rgba(238,238,242,0.3);border-radius:50%;transform:translate(-50%,-50%);}
    #preloader{position:fixed;inset:0;background:var(--dark2);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;}
    .pre-word{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(36px,5vw,72px);letter-spacing:0.22em;text-transform:uppercase;overflow:hidden;}
    .pre-word span{display:block;transform:translateY(110%);}
    .pre-track{width:clamp(160px,20vw,240px);height:1px;background:rgba(238,238,242,0.15);position:relative;overflow:hidden;}
    .pre-fill{position:absolute;left:0;top:0;height:100%;background:var(--light);width:0;transition: width .4s var(--ease);}
    .pre-pct{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-size: 13px;font-weight:600;letter-spacing:0.25em;color:var(--faded);}
    #nav{position:fixed;inset:0;pointer-events:none;z-index:1000;background:none !important;}
    .nav-brand{position:fixed;top:var(--pad);left:var(--pad);pointer-events:all;z-index:1001;display:flex;align-items:center;gap:18px;opacity:0;}
    .nav-brand .sendar-logo{width:86px;height:86px;display:block;filter:drop-shadow(0 6px 18px rgba(214,46,73,0.30));transition:filter .4s var(--ease),transform .5s cubic-bezier(.4,1.6,.4,1);}
    .nav-brand .sendar-logo svg{width:100%;height:100%;display:block;}
    .nav-brand .sendar-logo .sl-hex-outer,.nav-brand .sendar-logo .sl-hex-inner,.nav-brand .sendar-logo .sl-s-top,.nav-brand .sendar-logo .sl-s-bot{transition:transform .55s cubic-bezier(.4,1.6,.4,1);transform-origin:center;}
    .nav-brand .sendar-logo:hover{transform:scale(1.08) rotate(-3deg);filter:drop-shadow(0 8px 24px rgba(214,46,73,0.55));}
    .nav-brand .sendar-logo:hover .sl-hex-inner{transform:scale(0.92) rotate(8deg);}
    .nav-brand .sendar-logo:hover .sl-s-top{transform:translateX(-1px);}
    .nav-brand .sendar-logo:hover .sl-s-bot{transform:translateX(1px);}
    .nav-brand .brand-text{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:18px;letter-spacing:0.18em;text-transform:uppercase;line-height:1.15;color:var(--light);max-width:200px;overflow:hidden;white-space:nowrap;transition:opacity .38s var(--ease),max-width .38s var(--ease);}
    .nav-brand .brand-name{display:block;font-size:22px;letter-spacing:0.24em;}
    .nav-brand .brand-sub{display:block;font-size:12px;letter-spacing:0.30em;color:var(--faded);margin-top:4px;}
    body.is-scrolled .nav-brand .brand-text{opacity:0;max-width:0;pointer-events:none;}
    .nav-right{position:fixed;top:var(--pad);right:var(--pad);pointer-events:all;z-index:1001;display:flex;align-items:center;gap:28px;opacity:0;}
    .menu-toggle{width:76px;height:76px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(238,238,242,0.06);border:1.5px solid rgba(238,238,242,0.42);border-radius:50%;padding:0;position:relative;overflow:hidden;transition:background .4s var(--ease),border-color .4s,transform .4s,box-shadow .4s;}
    .menu-toggle::before{content:'';position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .55s cubic-bezier(.7,0,.2,1);z-index:0;}
    .menu-toggle:hover::before{transform:translateY(0);}
    .menu-toggle:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 0 4px rgba(214,46,73,0.18);}
    .menu-toggle svg{position:relative;z-index:1;width:32px;height:40px;transition:transform .5s cubic-bezier(.4,1.6,.4,1);}
    .menu-toggle svg .mt-stroke{stroke:var(--light);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s;transform-origin:center;}
    .menu-toggle.is-open svg{transform:rotate(90deg);}
    .menu-toggle.is-open svg .mt-hex-top{fill:var(--light);}
    body.menu-open .menu-toggle .mt-stroke{stroke:var(--dark);}
    body.menu-open .menu-toggle.is-open svg .mt-hex-top{fill:var(--dark);}
    body.menu-open .menu-toggle{border-color:rgba(29,33,69,0.18);}
    body.menu-open .menu-toggle::before{background:var(--dark);}
    #menu-slide{position:fixed;top:0;left:0;right:0;z-index:999;height:62vh;min-height:440px;pointer-events:none;transform:translateY(-115%);transition:transform 0.95s cubic-bezier(0.7,0,0.2,1);background:var(--light);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(80px,9vw,130px) var(--pad) clamp(56px,7vw,88px);box-shadow:0 30px 60px rgba(0,0,0,0.18);}
    body.menu-open #menu-slide{transform:translateY(0) !important;pointer-events:auto;}
    #menu-slide .wave-edge{position:absolute;left:0;right:0;bottom:-78px;width:100%;height:80px;fill:var(--light);pointer-events:none;}
    #menu-slide .links{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;}
    #menu-slide .nav-link{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(36px,5.5vw,90px);text-transform:uppercase;letter-spacing:-0.02em;color:var(--dark);line-height:0.95;display:flex;align-items:center;gap:28px;transition:color .25s;}
    #menu-slide .nav-link span{transition:color .25s;}
    #menu-slide .nav-link:hover span{color:var(--accent);}
    #menu-slide .nav-link .hex-dot{width:14px;height:16px;flex-shrink:0;fill:var(--accent);}
    #menu-slide .nav-link:last-child .hex-dot{display:none;}
    #menu-slide .social{display:flex;gap:36px;flex-wrap:wrap;justify-content:center;}
    #menu-slide .social a{font-size:12px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--dark);position:relative;}
    #menu-slide .social a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--dark);transition:width .35s var(--ease);}
    #menu-slide .social a:hover::after{width:100%;}
    #fixed-cta{position:fixed;right:32px;bottom:32px;z-index:1001;width:76px;height:76px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s;box-shadow:0 6px 22px rgba(214,46,73,0.40);overflow:hidden;}
    #fixed-cta:hover{transform:scale(1.08);box-shadow:0 10px 30px rgba(214,46,73,0.55);}
    #fixed-cta svg{width:32px;height:32px;stroke:var(--light);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .btn{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-size: 13px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;border:1px solid rgba(238,238,242,0.3);padding:13px 28px;border-radius:100px;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;transition:color .3s,border-color .3s;cursor:pointer;}
    .btn::before{content:'';position:absolute;inset:0;background:var(--light);transform:translateX(-101%);transition:transform .45s var(--ease);}
    .btn:hover::before{transform:translateX(0);}
    .btn:hover{color:var(--dark);border-color:var(--light);}
    .btn>*{position:relative;z-index:1;}
    .btn-arr{transition:transform .3s;}
    .btn:hover .btn-arr{transform:rotate(45deg);}
    .divider{height:1px;margin:0 var(--pad);background:linear-gradient(90deg,transparent,rgba(238,238,242,0.15) 20%,rgba(238,238,242,0.15) 80%,transparent);}
    .reveal{opacity:0;transform:translateY(48px) scale(0.975);filter:blur(3px);}
    .reveal.in{opacity:1;transform:none;filter:blur(0);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter .8s var(--ease);}
    .d1{transition-delay:.12s !important;}.d2{transition-delay:.26s !important;}.d3{transition-delay:.40s !important;}
    /* HERO */
    #hero-pj{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:1fr auto;padding:calc(var(--nav-h) + clamp(20px,2.5vw,36px)) var(--pad) clamp(48px,6vw,80px);overflow:hidden;}
    .pj-crumb{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 12px;letter-spacing:0.28em;text-transform:uppercase;color:var(--faded);display:flex;align-items:center;gap:10px;margin-bottom:clamp(20px,2.8vw,38px);}
    .pj-crumb span{color:rgba(238,238,242,0.35);}.pj-crumb em{color:var(--accent);font-style:normal;}.pj-crumb svg{width:4px;opacity:0.4;}
    .pj-hero-title{align-self:center;}
    .pj-h1-line{overflow:hidden;line-height:0.88;}
    .pj-h1-line span{display:block;transform:translateY(110%);}
    .pj-h1-main{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(64px,12vw,180px);text-transform:uppercase;letter-spacing:-0.04em;color:var(--light);}
    .pj-h1-sub{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(64px,12vw,180px);text-transform:uppercase;letter-spacing:-0.04em;color:var(--accent);}
    .pj-hero-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.5vw,40px);padding-top:clamp(28px,3.5vw,48px);border-top:1px solid rgba(238,238,242,0.12);margin-top:clamp(28px,3.5vw,48px);}
    @media(max-width:768px){.pj-hero-meta{grid-template-columns:1fr 1fr;}}
    .pj-meta-item{display:flex;flex-direction:column;gap:6px;}
    .pj-meta-label{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 13px;letter-spacing:0.28em;text-transform:uppercase;color:rgba(238,238,242,0.38);}
    .pj-meta-val{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(13px,1.2vw,17px);text-transform:uppercase;letter-spacing:0.04em;color:var(--light);line-height:1.2;}
    .pj-meta-val em{color:var(--accent);font-style:normal;}
    /* OVERVIEW */
    #pj-overview{position:relative;z-index:1;padding:clamp(72px,9vw,120px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:start;}
    @media(max-width:768px){#pj-overview{grid-template-columns:1fr;}}
    .pj-eyebrow{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 12px;letter-spacing:0.28em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
    .pj-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);}
    .pj-section-title{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(36px,5vw,72px);text-transform:uppercase;letter-spacing:-0.025em;line-height:0.92;margin-bottom:clamp(20px,2.5vw,32px);}
    .pj-body{font-size:clamp(15px,1.15vw,18px);line-height:1.85;color:rgba(238,238,242,0.62);}
    .pj-body p+p{margin-top:16px;}
    .pj-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px);margin-top:clamp(28px,3.5vw,44px);}
    .pj-stat{border-top:1px solid rgba(238,238,242,0.12);padding-top:16px;}
    .pj-stat-num{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(26px,3.2vw,48px);letter-spacing:-0.02em;color:var(--accent);line-height:1;}
    .pj-stat-label{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--faded);margin-top:6px;}
    .pj-media{width:100%;border-radius:16px;aspect-ratio:16/9;background:rgba(34,38,80,0.55);border:1.5px dashed rgba(238,238,242,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:rgba(238,238,242,0.45);font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 13px;letter-spacing:0.22em;text-transform:uppercase;position:relative;overflow:hidden;transition:border-color .35s;}
    .pj-media:hover{border-color:rgba(214,46,73,0.35);}
    .pj-media svg{width:40px;height:40px;stroke:rgba(238,238,242,0.28);fill:none;stroke-width:1.4;stroke-linecap:round;}
    .pj-media-tag{position:absolute;top:16px;left:16px;font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);background:rgba(214,46,73,0.12);border:1px solid rgba(214,46,73,0.25);border-radius:6px;padding:4px 10px;}
    /* MÓDULOS */
    #pj-modules{position:relative;z-index:1;padding:clamp(72px,9vw,120px) var(--pad);background:rgba(14,16,36,0.60);}
    .pj-modules-hdr{margin-bottom:clamp(48px,6vw,80px);max-width:820px;}
    .pj-modules-hdr h2{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(40px,6.5vw,100px);text-transform:uppercase;letter-spacing:-0.025em;line-height:0.88;margin-bottom:16px;}
    .pj-modules-hdr p{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size:clamp(12px,0.95vw,14px);letter-spacing:0.2em;text-transform:uppercase;color:rgba(238,238,242,0.80);line-height:1.9;max-width:58ch;}
    .pj-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);}
    @media(max-width:900px){.pj-modules-grid{grid-template-columns:repeat(2,1fr);}}
    @media(max-width:560px){.pj-modules-grid{grid-template-columns:1fr;}}
    .pj-module{background:var(--dark3);border-radius:16px;padding:clamp(22px,2.5vw,36px);border:1px solid rgba(238,238,242,0.06);transition:border-color .35s var(--ease),transform .38s var(--ease),box-shadow .38s;position:relative;overflow:hidden;}
    .pj-module::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(214,46,73,0.05),transparent 60%);pointer-events:none;}
    .pj-module:hover{border-color:rgba(214,46,73,0.28);transform:translateY(-5px);box-shadow:0 20px 52px rgba(0,0,0,0.22),0 0 0 1px rgba(214,46,73,0.12);}
    .pj-mod-num{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 13px;letter-spacing:0.28em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:7px;}
    .pj-mod-num::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);}
    .pj-mod-bar{width:28px;height:2px;background:var(--accent);margin-bottom:14px;}
    .pj-mod-name{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(18px,1.9vw,26px);text-transform:uppercase;letter-spacing:-0.02em;line-height:1;margin-bottom:12px;}
    .pj-mod-desc{font-size:clamp(12px,0.9vw,14px);line-height:1.78;color:rgba(238,238,242,0.86);}
    /* TECH */
    #pj-tech{position:relative;z-index:1;padding:clamp(72px,9vw,120px) var(--pad);}
    .pj-tech-hdr{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:start;margin-bottom:clamp(48px,6vw,72px);}
    @media(max-width:768px){.pj-tech-hdr{grid-template-columns:1fr;}}
    .pj-tech-title{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(36px,5vw,72px);text-transform:uppercase;letter-spacing:-0.025em;line-height:0.9;}
    .pj-tech-title em{font-style:normal;color:var(--accent);}
    .pj-tech-body{font-size:clamp(15px,1.15vw,18px);line-height:1.85;color:rgba(238,238,242,0.86);padding-top:8px;}
    .pj-tech-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,36px);}
    @media(max-width:900px){.pj-tech-groups{grid-template-columns:repeat(2,1fr);}}
    @media(max-width:560px){.pj-tech-groups{grid-template-columns:1fr;}}
    .pj-tech-group{background:rgba(34,38,80,0.55);border-radius:14px;padding:clamp(16px,1.8vw,26px);border:1px solid rgba(238,238,242,0.07);backdrop-filter:blur(8px);transition:border-color .35s,box-shadow .35s;position:relative;overflow:hidden;}
    .pj-tech-group::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scanLine 3.5s linear infinite;}
    @keyframes scanLine{to{left:200%;}}
    .pj-tech-group:hover{border-color:rgba(214,46,73,0.28);box-shadow:0 0 0 1px rgba(214,46,73,0.12),0 12px 32px rgba(0,0,0,0.22);}
    .pj-tech-group-label{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 13px;letter-spacing:0.25em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid rgba(238,238,242,0.07);}
    .pj-tech-group-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);}
    .pj-chips{display:flex;flex-wrap:wrap;gap:7px;}
    .pj-chip{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 12px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(238,238,242,0.90);background:rgba(238,238,242,0.06);border:1px solid rgba(238,238,242,0.10);border-radius:6px;padding:6px 12px;transition:color .2s,background .2s,border-color .2s,transform .2s;cursor:default;}
    .pj-chip:hover{color:var(--light);background:rgba(214,46,73,0.10);border-color:rgba(214,46,73,0.40);transform:translateY(-2px);}
    /* RESULTADOS */
    #pj-results{position:relative;z-index:1;padding:clamp(72px,9vw,120px) var(--pad);background:rgba(14,16,36,0.55);}
    .pj-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,64px);}
    @media(max-width:900px){.pj-results-grid{grid-template-columns:repeat(2,1fr);}}
    .pj-result{background:var(--dark3);border-radius:16px;padding:clamp(20px,2.2vw,32px);border:1px solid rgba(238,238,242,0.06);text-align:center;transition:border-color .35s,transform .35s;}
    .pj-result:hover{border-color:rgba(214,46,73,0.28);transform:translateY(-4px);}
    .pj-result-num{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(28px,3.8vw,56px);letter-spacing:-0.03em;color:var(--accent);line-height:1;}
    .pj-result-label{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size: 12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--faded);margin-top:10px;line-height:1.5;}
    /* CTA */
    #pj-cta{position:relative;z-index:1;padding:clamp(80px,10vw,140px) var(--pad) clamp(60px,8vw,100px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,40px);}
    .pj-cta-text{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(44px,7.5vw,120px);text-transform:uppercase;letter-spacing:-0.03em;line-height:0.88;}
    .pj-cta-text em{font-style:normal;color:var(--accent);}
    .pj-cta-sub{font-family:'TT Lakes Neue',"Impact",sans-serif;font-size:clamp(14px,1.1vw,17px);letter-spacing:0.12em;text-transform:uppercase;color:rgba(238,238,242,0.82);max-width:42ch;line-height:1.7;}
    .pj-cta-actions{display:flex;gap:clamp(10px,1.5vw,18px);flex-wrap:wrap;align-items:center;}
    .btn-cta-primary{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-size:clamp(15px,1.3vw,18px);font-weight:700;letter-spacing:0.18em;text-transform:uppercase;background:var(--accent);border:2px solid var(--accent);color:var(--light);padding:clamp(16px,1.8vw,22px) clamp(32px,3.5vw,52px);border-radius:100px;display:inline-flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:color .3s,border-color .3s;cursor:pointer;}
    .btn-cta-primary::before{content:'';position:absolute;inset:0;background:var(--dark2);transform:translateX(-101%);transition:transform .45s var(--ease);}
    .btn-cta-primary:hover::before{transform:translateX(0);}
    .btn-cta-primary:hover{border-color:var(--dark2);}
    .btn-cta-primary>*{position:relative;z-index:1;}
    .btn-cta-primary:hover .btn-arr{transform:rotate(45deg);}
    .btn-cta-secondary{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-size:clamp(15px,1.3vw,18px);font-weight:700;letter-spacing:0.18em;text-transform:uppercase;border:2px solid rgba(238,238,242,0.35);color:var(--light);padding:clamp(16px,1.8vw,22px) clamp(32px,3.5vw,52px);border-radius:100px;display:inline-flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:color .3s,border-color .3s;cursor:pointer;}
    .btn-cta-secondary::before{content:'';position:absolute;inset:0;background:var(--light);transform:translateX(-101%);transition:transform .45s var(--ease);}
    .btn-cta-secondary:hover::before{transform:translateX(0);}
    .btn-cta-secondary:hover{color:var(--dark);border-color:var(--light);}
    .btn-cta-secondary>*{position:relative;z-index:1;}
    /* FOOTER */
    section,#footer,#pre-footer{scroll-margin-top:calc(var(--nav-h) + 60px);}
    section:not(#hero-pj),#footer,#pre-footer{padding-left:calc(var(--pad) + 110px) !important;padding-right:calc(var(--pad) + 96px) !important;}
    @media(max-width:768px){section:not(#hero-pj),#footer,#pre-footer{padding-left:var(--pad) !important;padding-right:var(--pad) !important;}}
    #pre-footer{position:relative;z-index:1;padding:clamp(36px,4vw,64px) var(--pad);border-top:1px solid rgba(238,238,242,0.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
    .pf-left{display:flex;flex-direction:column;gap:4px;}
    .pf-label{font-size: 13px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:rgba(238,238,242,0.62);}
    .pf-name{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(22px,3vw,44px);text-transform:uppercase;letter-spacing:-0.01em;transition:color .3s;}
    .pf-name:hover{color:var(--accent);}
    #footer{position:relative;z-index:1;padding:clamp(56px,8vw,120px) var(--pad) 128px;border-top:1px solid rgba(238,238,242,0.1);}
    .footer-cta{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-weight:900;font-size:clamp(56px,10vw,170px);text-transform:uppercase;letter-spacing:-0.03em;line-height:0.88;margin-bottom:clamp(48px,6vw,96px);}
    .footer-cta a{position:relative;display:inline-block;}
    .footer-cta a::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease);}
    .footer-cta a:hover::after{transform:scaleX(1);transform-origin:left;}
    .footer-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(28px,4vw,60px);margin-bottom:clamp(40px,5vw,72px);}
    @media(max-width:768px){.footer-cols{grid-template-columns:1fr 1fr;}}
    .fcol-title{font-size: 13px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:rgba(238,238,242,0.62);margin-bottom:18px;}
    .fcol-links{display:flex;flex-direction:column;gap:9px;}
    .fcol-links a{font-family:'TT Tunnels Bold',"Impact",sans-serif;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(238,238,242,0.7);transition:color .25s;}
    .fcol-links a:hover{color:var(--light);}
    .fcol-address{font-size:12px;line-height:1.7;color:var(--faded);}
    .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:clamp(20px,2.5vw,36px);border-top:1px solid rgba(238,238,242,0.07);}
    .footer-copy{font-size: 13px;letter-spacing:0.12em;color:var(--faded);}
    .footer-social{display:flex;gap:18px;}
    .footer-social a{font-size: 13px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--faded);transition:color .25s;}
    .footer-social a:hover{color:var(--light);}
  
    /* ── PROFESSIONAL FOOTER (overrides) ── */
    #footer { padding: clamp(64px,9vw,130px) var(--pad) clamp(140px,14vw,170px); border-top: 1px solid rgba(238,238,242,0.10); position: relative; z-index: 1; background: linear-gradient(180deg, transparent 0%, rgba(13,15,32,0.55) 100%); }
    .footer-cta { font-family: 'TT Tunnels Bold', "Impact", sans-serif; font-weight: 900; font-size: clamp(56px,10vw,170px); text-transform: uppercase; letter-spacing: -0.03em; line-height: 0.88; margin-bottom: clamp(48px,6vw,96px); }
    .footer-cta a { position: relative; display: inline-block; color: var(--light); }
    .footer-cta a em { font-style: normal; color: var(--accent); }
    .footer-cta a::after { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 3px; background: var(--accent); transform: scaleX(0); transform-origin: right; transition: transform .6s var(--ease); }
    .footer-cta a:hover::after { transform: scaleX(1); transform-origin: left; }
    .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: clamp(28px,4vw,72px); padding-bottom: clamp(40px,5vw,72px); border-bottom: 1px solid rgba(238,238,242,0.10); margin-bottom: clamp(28px,3.5vw,48px); }
    @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
    @media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
    .fbrand { display: flex; flex-direction: column; gap: 18px; }
    .fbrand-logo { width: 64px; height: 64px; }
    .fbrand-name { font-family: 'TT Tunnels Bold', "Impact", sans-serif; font-weight: 900; font-size: 22px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--light); }
    .fbrand-tag { font-family: 'Suisse Intl', "Helvetica", sans-serif; font-size: 14px; line-height: 1.7; color: rgba(238,238,242,0.86); max-width: 32ch; }
    .fbrand-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; font-family: 'TT Lakes Neue', "Impact", sans-serif; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(238,238,242,0.70); }
    .fbrand-meta a { color: rgba(238,238,242,0.85); transition: color .25s; }
    .fbrand-meta a:hover { color: var(--accent); }
    .fcol-title { font-family: 'TT Lakes Neue', "Impact", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(238,238,242,0.70); margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid rgba(238,238,242,0.08); }
    .fcol-links { display: flex; flex-direction: column; gap: 11px; }
    .fcol-links a { font-family: 'Suisse Intl', "Helvetica", sans-serif; font-size: 14px; letter-spacing: 0; text-transform: none; color: rgba(238,238,242,0.90); transition: color .25s, padding-left .25s; position: relative; padding-left: 0; }
    .fcol-links a:hover { color: var(--accent); padding-left: 8px; }
    .fcol-links a::before { content: '→'; position: absolute; left: -16px; top: 0; opacity: 0; transition: opacity .25s, left .25s; color: var(--accent); }
    .fcol-links a:hover::before { opacity: 1; left: -10px; }
    .fcol-address { font-family: 'Suisse Intl', "Helvetica", sans-serif; font-size: 14px; line-height: 1.75; color: rgba(238,238,242,0.90); margin-top: 2px; font-style: normal; }
    .fcol-address strong { color: var(--light); font-weight: 600; }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding-top: clamp(20px,2.5vw,36px); }
    .footer-copy { font-family: 'TT Lakes Neue', "Impact", sans-serif; font-size: 12px; letter-spacing: 0.16em; color: rgba(238,238,242,0.70); text-transform: uppercase; }
    .footer-legal { display: flex; gap: 22px; flex-wrap: wrap; }
    .footer-legal a { font-family: 'TT Lakes Neue', "Impact", sans-serif; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(238,238,242,0.70); transition: color .25s; }
    .footer-legal a:hover { color: var(--light); }
    .footer-social { display: flex; gap: 14px; }
    .footer-social a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(238,238,242,0.18); display: inline-flex; align-items: center; justify-content: center; color: rgba(238,238,242,0.80); transition: color .25s, background .25s, border-color .25s, transform .25s; font-family: 'TT Lakes Neue', sans-serif; font-size: 11px; letter-spacing: 0.1em; text-transform: lowercase; }
    .footer-social a:hover { color: var(--light); background: var(--accent); border-color: var(--accent); transform: translateY(-2px); }
    @media(max-width:600px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}}
    /* Default (transparent) button → solid border, light fill on hover */
    .btn {
      color: var(--light) !important;
      background: rgba(238,238,242,0.10) !important;
      border-color: rgba(238,238,242,0.90) !important;
    }
    .btn:hover { color: var(--dark) !important; border-color: var(--light) !important; }
    /* Accent (red) → solid fill */
    .btn-accent, .btn-cta-primary {
      background: var(--accent) !important;
      border-color: var(--accent) !important;
      color: #fff !important;
      box-shadow: 0 8px 24px rgba(214,46,73,0.30);
    }
    .btn-accent:hover, .btn-cta-primary:hover { box-shadow: 0 12px 32px rgba(214,46,73,0.50); }
    /* Plan button (inside white cards) */
    .btn-plan {
      background: var(--dark) !important;
      border-color: var(--dark) !important;
      color: var(--light) !important;
    }
    /* Submit big button */
    .btn-submit { font-size: clamp(15px, 1.3vw, 18px) !important; box-shadow: 0 14px 36px rgba(214,46,73,0.40); }
    /* Stop btn from stretching inside flex containers */
    .pf-left ~ .btn, #pre-footer .btn, .sv-cta-actions .btn,
    .sv-cta-actions .btn-cta-primary, .sv-cta-actions .btn-cta-secondary {
      flex: 0 0 auto !important;
      width: auto !important;
    }
  
    /* ── BUTTONS — GLOBAL VISIBILITY OVERRIDE (v3 — LARGER) ── */
    .btn, .btn-plan, .btn-cta-primary, .btn-cta-secondary, .btn-submit, .success-btn {
      font-size: clamp(15px, 1.3vw, 18px) !important;
      font-weight: 800 !important;
      letter-spacing: 0.14em !important;
      padding: clamp(20px, 2.2vw, 26px) clamp(36px, 4vw, 52px) !important;
      border-width: 2.5px !important;
      gap: 14px !important;
      white-space: nowrap;
      max-width: max-content;
      align-self: flex-start;
      line-height: 1;
      border-radius: 100px !important;
    }
    .btn-arr, .btn .btn-arr, .btn-plan .btn-arr, .btn-cta-primary .btn-arr, .btn-cta-secondary .btn-arr {
      font-size: 1.15em !important;
      font-weight: 700;
    }
    /* Default (light border) */
    .btn {
      color: var(--light) !important;
      background: rgba(238,238,242,0.12) !important;
      border-color: var(--light) !important;
    }
    .btn:hover { color: var(--dark) !important; background: var(--light) !important; }
    /* Accent (red) */
    .btn-accent, .btn-cta-primary {
      background: var(--accent) !important;
      border-color: var(--accent) !important;
      color: #fff !important;
      box-shadow: 0 10px 28px rgba(214,46,73,0.34);
    }
    .btn-accent:hover, .btn-cta-primary:hover { box-shadow: 0 16px 40px rgba(214,46,73,0.55); transform: translateY(-2px); }
    /* Plan button (inside white cards) */
    .btn-plan {
      background: var(--dark) !important;
      border-color: var(--dark) !important;
      color: var(--light) !important;
    }
    /* Submit big button */
    .btn-submit {
      font-size: clamp(16px, 1.4vw, 20px) !important;
      padding: clamp(22px,2.4vw,28px) clamp(48px,5vw,68px) !important;
      box-shadow: 0 14px 36px rgba(214,46,73,0.40);
    }
    /* Stop btn from stretching */
    #pre-footer .btn, .sv-cta-actions .btn,
    .sv-cta-actions .btn-cta-primary, .sv-cta-actions .btn-cta-secondary {
      flex: 0 0 auto !important;
      width: auto !important;
    }
    /* "Ver todos" link in work section — give it btn-like presence */
    .view-all {
      display: inline-flex; align-items: center; gap: 12px;
      font-family: 'TT Tunnels Bold', "Impact", sans-serif;
      font-weight: 800; font-size: 15px; letter-spacing: 0.14em;
      color: var(--light); border: 2px solid var(--light);
      padding: 16px 32px; border-radius: 100px;
      transition: background .3s, color .3s, transform .3s;
    }
    .view-all:hover { background: var(--light); color: var(--dark); transform: translateY(-2px); }
  
    /* ── PROJECT SHOTS (máscara animada (morph SVG)) ── */
    .pj-shot{ position:relative; width:100%; }
    .pj-shot .pj-mask{ position:relative; display:block; width:100%; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:rgba(34,38,80,0.55); box-shadow:0 24px 60px rgba(0,0,0,0.30); }
    .pj-mask .pm-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
    .pj-shot figcaption{ display:flex; align-items:center; gap:12px; margin-top:16px; font-family:'TT Lakes Neue',"Impact",sans-serif; font-size:13px; letter-spacing:0.16em; text-transform:uppercase; color:rgba(238,238,242,0.86); }
    .pj-shot .pj-shot-tag{ font-size:12px; letter-spacing:0.18em; color:var(--accent); background:rgba(214,46,73,0.12); border:1px solid rgba(214,46,73,0.28); border-radius:6px; padding:4px 10px; flex-shrink:0; }
    /* galeria */
    #pj-gallery{ position:relative; z-index:1; padding:clamp(72px,9vw,130px) var(--pad); }
    .pj-gal-hdr{ margin-bottom:clamp(40px,5vw,72px); }
    .pj-gal-hdr h2{ font-family:'TT Tunnels Bold',"Impact",sans-serif; font-weight:900; font-size:clamp(40px,6.5vw,104px); text-transform:uppercase; letter-spacing:-0.03em; line-height:0.9; }
    .pj-gal-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,3vw,48px); }
    @media(max-width:820px){ .pj-gal-grid{ grid-template-columns:1fr; } }
    .pj-gal-grid.single{ grid-template-columns:1fr; max-width:920px; }