@font-face{
    font-family: "Helvetica2";
    src: url("Helvetica.ttc");
  }
:root{
    --bg: #000000;
    --red-bright: #ff2f3c;
    --red-dim: #6e1218;
    --white: #ffffff;
    --grey-dim: #55565c;
    --line:rgba(255,255,255,.10);
    --maxw:1240px;
    --font-body:'Helvetica2', Helvetica, sans-serif;

    --card-bg:rgba(8,10,14,0.72);
    --whatsapp:#1fae59;
    --corp-blue:#1c3fae;
  }
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
    background:var(--bg);
    color:var(--white);
    font-family:var(--font-body);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{margin:0 5%;padding:0 32px;}
@media(max-width:768px){
  .wrap{padding:0 20px;}
}
::selection{background:var(--red-bright); color:#fff;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
}
header.nav{
    width: 100%;position:fixed;top:0;left:0;right:0;z-index:200;
    background:rgba(5,5,5,.05);
    backdrop-filter:blur(0px);
    -webkit-backdrop-filter:blur(0px);
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:background .4s ease, border-color .4s ease;
  }
header.nav.scrolled{background:rgba(5,5,5,.91);}
.nav-inner{
    width: 100%;max-width:100%;margin:0 auto;padding:18px 5%;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
.brand{
    display:flex;align-items:center;gap:10px;
    font-family:var(--font-body);font-weight:600;font-size:1.15rem;letter-spacing:.02em;
    color:var(--white);
  }
.brand .mark{width:32px;height:32px;flex:none;}
.brand sup{font-size:.5em;color:var(--red-bright);}
nav.links{display:flex;align-items:center;gap:34px;}
nav.links a{
    font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--white);
    position:relative;padding:4px 0;transition:color .25s ease;white-space:nowrap;
  }
nav.links a:hover{color:var(--white); border-bottom: 1px solid var(--red-bright);}
nav.links a.active{color:var(--red-bright);}
nav.links a.active::after{
    content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--red-bright);
    box-shadow:0 0 8px var(--red-bright);
  }
.nav-drop{position:relative;display:flex;align-items:center;}
.nav-drop-toggle{
    display:inline-flex;align-items:center;gap:6px;
    font-family:inherit;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--white);
    background:none;border:0;cursor:pointer;padding:4px 0;position:relative;transition:color .25s ease;
  }
.nav-drop-toggle:hover{color:var(--white);border-bottom:1px solid var(--red-bright);}
.nav-drop-arrow{width:10px;height:10px;stroke:currentColor;transition:transform .25s ease;flex:none;}
.nav-drop.open .nav-drop-arrow,.nav-drop:hover .nav-drop-arrow{transform:rotate(180deg);}
.nav-drop.active .nav-drop-toggle{color:var(--red-bright);}
.nav-drop.active .nav-drop-toggle::after{
    content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--red-bright);
    box-shadow:0 0 8px var(--red-bright);
  }
.nav-drop-menu{
    position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-8px);
    min-width:170px;background:rgba(10,10,11,.97);border:1px solid var(--line);border-radius:12px;
    padding:8px;display:flex;flex-direction:column;gap:2px;
    opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;
    box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:5;
  }
.nav-drop.open .nav-drop-menu{
    opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);
  }
.nav-drop-menu a{
    font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--white);
    padding:9px 14px;border-radius:8px;white-space:nowrap;transition:background .2s ease,color .2s ease;
  }
.nav-drop-menu a:hover{background:rgba(255,47,60,.12);color:var(--red-bright);}
.nav-drop-menu a.active{color:var(--red-bright);}
.cdi-badge{
    display:flex;align-items:center;gap:8px;
    border:1px solid rgba(255,255,255,.25);
    padding:7px 16px;border-radius:999px;
    font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
    color:var(--white);white-space:nowrap;
    transition:border-color .25s ease, background .25s ease;
  }
.cdi-badge:hover{border-color:var(--red-bright);background:rgba(226,31,43,.08);}
.cdi-dot{width:8px;height:8px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 8px 2px var(--red-bright);flex:none;
    animation:pulse-dot 2.2s ease-in-out infinite;}
@keyframes pulse-dot{0%,100%{opacity:1;}50%{opacity:.35;}}
.lang-switch{display:flex;align-items:center;gap:6px;border-left:1px solid var(--line);padding-left:18px;font-size:.78rem;letter-spacing:.08em;}
.lang-switch button{background:none;border:0;cursor:pointer;color:rgba(255,255,255,.4);font:inherit;letter-spacing:inherit;padding:0;transition:color .2s ease;}
.lang-switch button.active{color:var(--white);font-weight:700;}
.lang-switch button:hover{color:var(--white);}
.lang-switch .sep{color:rgba(255,255,255,.25);}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;z-index:220;}
.nav-toggle span{width:24px;height:2px;background:var(--white);transition:.3s;}
.side-dock{
    position:fixed;right:22px;top:50%;transform:translateY(-50%);
    display:flex;flex-direction:column;gap:26px;z-index:150;
    opacity:.55;
  }
.side-dock span{
    width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(255,255,255,.15);
    color:var(--white);
    transition:border-color .3s ease,color .3s ease,transform .3s ease;
  }
.side-dock span:hover{border-color:var(--red-bright);color:var(--red-bright);transform:scale(1.08);}
.side-dock svg{width:15px;height:15px;}
@media (max-width:900px){
  .side-dock{display:none;}
}
.hero{
    position:relative;
    background:#050506 url('../imgs/industrias/img1_industrias2.png') center right / cover no-repeat;
    padding:15% 0 10%;
    min-height:640px;
    display:flex; align-items:center;
  }
.hero::before{
    content:''; position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(5,5,6,0.96) 0%, rgba(5,5,6,0.78) 38%, rgba(5,5,6,0.15) 68%, rgba(5,5,6,0) 100%);
  }
.hero-inner{position:relative; z-index:2; max-width:860px;}
.eyebrow{
    display:flex; align-items:center; gap:12px;
    color:var(--red-bright); font-family:var(--font-disp); font-weight:600;
    font-size:14px; letter-spacing:0.18em; text-transform:uppercase; margin-bottom:22px;
  }
.eyebrow .bar{width:34px; height:2px; background:var(--red-bright);}
h1.hero-title{
    font-family:var(--font-disp); font-weight:300; font-size:clamp(30px, 4.2vw, 48px);
    line-height:1.18; letter-spacing:-0.01em; color:var(--white); max-width:800px;
  }
h1.hero-title .accent{
    background:linear-gradient(92deg, var(--red-bright), var(--red-bright));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
.hero-rule{width:52px; height:2px; background:var(--red-bright); margin:28px 0 22px;}
p.hero-desc{
    color:var(--white); font-size:15.5px; line-height:1.75; max-width:720px; font-weight:300;
  }
@media(max-width:768px){
  .hero{padding:80px 0 60px; min-height:auto;}
  .hero::before{background:linear-gradient(180deg, rgba(5,5,6,0.55) 0%, rgba(5,5,6,0.94) 55%, rgba(5,5,6,1) 100%);}
  .hero-inner{max-width:100%;}
}
.globe-section{
    position:relative;
    background:#050506 url('../imgs/industrias/img2_industrias4.png') center top / cover no-repeat;
    padding:110px 0 60px;
  }
.globe-section::before{
    content:''; position:absolute; /*inset:0;*/
    background:linear-gradient(180deg, rgba(5,5,6,0.55) 0%, rgba(5,5,6,0.15) 30%, rgba(5,5,6,0.35) 70%, rgba(7,7,10,1) 100%);
  }
h2.globe-title .accent{color:var(--red-bright);}
.globe-underline{
    width:1px; height:40px; margin:20px auto 0;
    background:linear-gradient(180deg, var(--red-bright), transparent);
  }
.globe-stage{
    position:relative; z-index:2; max-width:900px; margin:10px auto 0;
    aspect-ratio:1439/710; width:100%;
  }
.arm-btn{
    position:absolute; transform:translate(-50%,-50%);
    /*width:55px; height:55px; border-radius:50%;
    background:rgba(10,10,13,0.55);
    border:1px solid rgba(255,255,255,0.18);
    backdrop-filter:blur(4px);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; color:#d8d9de;*/
    transition:all .35s cubic-bezier(.2,.8,.2,1);
    max-width: 40px;
  }
.arm-btn svg{width:35px; height:35px; position:relative; z-index:2;}
.arm-btn::after{
    content:''; position:absolute; inset:-6px; border-radius:50%;
    border:1px solid var(--red-dim); opacity:0; transform:scale(0.8);
    transition:all .35s ease;
  }
.arm-btn:hover{border-color:var(--red-bright); color:#fff;background: rgba(232, 35, 44, 0.7);
    padding: 15px;
    border-radius: 30px;
    max-width: 80px;}
.arm-btn.active{
    /*color:#fff; border-color:var(--red-bright);
    background:linear-gradient(135deg, var(--red-bright), #7a0f14);
    box-shadow:0 0 22px rgba(232,35,44,0.55);*/
    border-color:var(--red-bright); color:#fff;background: rgba(232, 35, 44, 0.7);
    padding: 15px;
    border-radius: 30px;
    max-width: 80px;
  }
.arm-btn.active::after{opacity:1; transform:scale(1); animation:arm-pulse 1.8s ease-out infinite;}
@keyframes arm-pulse{
    0%{transform:scale(1); opacity:0.7;}
    100%{transform:scale(1.9); opacity:0;}
  }
.arm-btn[data-pos="0"]{left:15%; top:0%;}
.arm-btn[data-pos="1"]{left:8%; top:27%;}
.arm-btn[data-pos="2"]{left:8%; top:54%;}
.arm-btn[data-pos="3"]{left:15%; top:81%;}
.arm-btn[data-pos="4"]{left:87%; top:0%;}
.arm-btn[data-pos="5"]{left:94%; top:27%;}
.arm-btn[data-pos="6"]{left:94%; top:54%;}
.arm-btn[data-pos="7"]{left:87%; top:81%;}
@media(max-width:640px){
  .arm-btn{max-width:36px; }
  .arm-btn svg{width:15px;}
  .arm-btn[data-pos="0"]{left:10%; top:115%;}
  .arm-btn[data-pos="1"]{left:22%; top:115%;}
  .arm-btn[data-pos="2"]{left:34%; top:115%;}
  .arm-btn[data-pos="3"]{left:46%; top:115%;}
  .arm-btn[data-pos="4"]{left:58%; top:115%;}
  .arm-btn[data-pos="5"]{left:70%; top:115%;}
  .arm-btn[data-pos="6"]{left:82%; top:115%;}
  .arm-btn[data-pos="7"]{left:94%; top:115%;}
}
.globe-core-ring{
    position:absolute; left:50%; top:44%; width:10%; aspect-ratio:1/1;
    transform:translate(-50%,-50%);
    border-radius:50%; pointer-events:none;
    /*border:1px solid rgba(232,35,44,0.35);*/
    transition:transform 1.1s cubic-bezier(.2,.8,.2,1), border-color .5s ease;
    /*background: rgba(255, 255, 255, 0.3);*/
  }
.globe-core-ring::before{
    content:''; position:absolute; inset:-14px; border-radius:50%;
    border:1px dashed rgba(232,35,44,0.18);
  }
.sector-section{
    position:relative;
    background:#050506 url('../imgs/industrias/img3_industrias.jpg') top center / cover no-repeat;
    background-attachment: fixed;
    padding:80px 0 130px;
  }
.sector-section::before{
    content:''; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(7,7,10,1) 0%, rgba(7,7,10,0.55) 16%, rgba(7,7,10,0.25) 40%, rgba(7,7,10,0.55) 70%, rgba(7,7,10,1) 100%);
  }
.sector-card-wrap{position:relative; z-index:2; max-width:920px; margin:0 auto;}
.sector-card{
    background:rgba(0,0,0,0.7);
    border:1px solid var(--line);
    border-radius:14px;
    padding: 64px 60px 64px 80px;
    display:flex; align-items:center; gap:30px;
    position:relative; overflow:hidden;
    min-height:150px;
  }
.sector-card::before{
    content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
    background:linear-gradient(180deg, var(--red-bright), var(--red-bright));
  }
.sector-body{flex:1; min-width:0;}
.sector-title{
    font-family:var(--font-disp); font-weight:600; font-size:15px; letter-spacing:0.1em;
    text-transform:uppercase; margin-bottom:10px; transition:opacity .25s ease;text-align: center;
  }
.sector-desc{
    color:var(--white); font-size:14px; line-height:1.7; font-weight:300; max-width:640px;
    transition:opacity .25s ease;text-align: justify;
  }
.sector-desc .hl{color:var(--red-bright); font-weight:500;}
.sector-nav{display:flex; flex-direction:column; gap:10px; flex:0 0 auto;}
.snav-btn{
    width:34px; height:34px; border-radius:50%; border:1px solid var(--line);
    background:rgba(255,255,255,0.02); color:var(--white);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:all .25s ease;
  }
.snav-btn:hover{border-color:var(--red-bright); color:var(--red-bright);}
.snav-btn:disabled{opacity:0.25; cursor:default; border-color:var(--line); color:var(--white);}
.snav-btn svg{width:14px; height:14px;}
.sector-dots{display:flex; justify-content:center; gap:8px; margin-top:26px;}
.sdot{width:6px; height:6px; border-radius:50%; background:var(--line); cursor:pointer; transition:all .25s ease;}
.sdot.active{background:var(--red-bright); width:20px; border-radius:4px;}
@media(max-width:640px){
  .sector-card{flex-direction:column; align-items:flex-start; padding:32px 24px;}
  .sector-nav{flex-direction:row; align-self:flex-end;}
}
.confianza{background:var(--bg); padding:100px 0 60px; text-align:center;}
.confianza h2{
    font-family:var(--font-disp); font-weight:500; font-size:clamp(22px,3.4vw,42px); line-height:1.3;
    letter-spacing: 3px;
  }
.confianza h2 .accent{color:var(--red-bright); font-weight:600;}
.confianza-body{
    margin-top:70px; display:grid; grid-template-columns:1fr 1px 1fr; gap:60px;
    text-align:left; align-items:start;
  }
@media(max-width:900px){
  .confianza-body{grid-template-columns:1fr; gap:40px;}
  .confianza-body .divider{display:none;}
}
.confianza-eyebrow{
    color:var(--red-bright); font-family:var(--font-disp); font-weight:600; font-size:1.5em;
    letter-spacing:0.16em; text-transform:uppercase; margin-bottom:18px;
  }
.confianza-body p{color:var(--white); font-size:1.1em; line-height:1.8; font-weight:300; margin-bottom:16px;text-align: justify;}
.divider{background:var(--line); height:100%;}
.cap-label{color:var(--white); font-size:1em; letter-spacing:0.14em; text-transform:uppercase; margin-bottom:20px; font-weight:600;}
.badge-grid{display:flex; flex-wrap:wrap; gap:8px;}
.badge{
    padding:8px 13px; border-radius:8px; border:1px solid var(--line);
    background:var(--bg); font-size:0.8em; letter-spacing:0.02em; color:var(--white);
    font-weight:500; transition:all .25s ease; cursor:default;
  }
.badge:hover{border-color:var(--red-dim); color:var(--white); background:var(--bg); transform:translateY(-2px);}
.confianza-footer{
    max-width:80%; margin:90px auto 0; color:var(--white); font-size:1.2em;
    line-height:1.9; font-weight:300; letter-spacing:0.01em;    text-transform: uppercase;
  }
.confianza-footer .hl{color:var(--white); font-weight:600;}
footer{padding:80px 0 0px;}
.footer-grid{
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;padding-bottom:40px;
  }
.footer-logo{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:0.08em;text-transform:lowercase;margin-bottom:14px;}
.footer-col h5{
    font-size:11px;letter-spacing:0.15em;color:var(--red-bright);
    font-weight:700;margin-bottom:16px;
  }
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col ul li a{font-size:13px;color:var(--grey);transition:color .2s;}
.footer-col ul li a:hover{color:var(--white);}
.footer-bottom{
    padding:20px 0px;
    font-size:11.5px;color:var(--bg);flex-wrap:wrap;gap:10px;background: rgb(189, 189, 189);
text-align: center;
  }
@media(max-width:900px){
  .footer-grid{flex-direction:column;}
  .globe-stage{height:360px;}
}
.footer-col ul li a{position:relative;}
.footer-col ul li a::after{
    content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--red-bright);
    transition:width .25s;
  }
.footer-col ul li a:hover::after{width:100%;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
@media (max-width:980px){
  nav.links{
      position:fixed;inset:0 0 0 auto;width:min(320px,80vw);height:100vh;background:#0a0a0a;
      flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;padding:32px;
      transform:translateX(100%);transition:transform .35s ease;z-index:210;
      border-left:1px solid var(--line);
    }
  nav.links.open{transform:translateX(0);}
  .nav-toggle{display:flex;}
  .cdi-badge{display:none;}
  .lang-switch{display:none;}
  nav.links .cdi-badge, nav.links .lang-switch{display:flex;}
  .nav-drop{flex-direction:column;align-items:flex-start;width:100%;}
  .nav-drop-toggle{width:100%;justify-content:space-between;padding:4px 0;}
  .nav-drop-menu{
      position:static;transform:none;opacity:1;pointer-events:none;
      max-height:0;overflow:hidden;background:none;border:none;box-shadow:none;padding:0;
      transition:max-height .3s ease, padding .3s ease;width:100%;
    }
  .nav-drop.open .nav-drop-menu{max-height:200px;pointer-events:auto;padding:10px 0 4px 12px;}
  .nav-drop-menu a{padding:8px 0;color:#ddd;}
}
@media (max-width:560px){
  .wrap{padding:0 22px;}
  h1.hero-title{font-size:1.3rem;}
}