/* Conócenos follows the supplied Photoshop composition and adds an interactive 3D globe. */
body:has(#conocenos:not([hidden])) header{width:100%;max-width:none;height:100px;min-height:100px;margin:0 auto;padding:0;display:flex;align-items:flex-start;justify-content:center;background:#000}
body:has(#conocenos:not([hidden])) header>.brand{display:none}
body:has(#conocenos:not([hidden])) header nav{flex:0 0 710px;width:710px;max-width:calc(100vw - 32px);height:78px;min-height:78px;margin:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #30343b;border-radius:11px;background:#010101;box-shadow:42px 22px 48px -42px #1679d699}
body:has(#conocenos:not([hidden])) header nav a,
body:has(#conocenos:not([hidden])) header nav button{font:500 14px/1 Quedora,Arial,sans-serif;letter-spacing:0;padding:11px 0;white-space:nowrap}
body:has(#conocenos:not([hidden])) header nav a[aria-current=page]{border-bottom:1px solid #e9f3ff}

#conocenos{font-family:Poppins,Arial,sans-serif;padding-bottom:0}
#conocenos .about-grid{z-index:1}
#conocenos .about-copy h1,
#conocenos .values h2,
#conocenos .trust-heading h2,
#conocenos .globe-story h2,
#conocenos .globe-popup h3{font-family:Quedora,Arial,sans-serif;font-weight:500}
#conocenos .about-copy h1{font-size:clamp(28px,3.1vw,48px);line-height:1.22;letter-spacing:.11em}
#conocenos .about-copy>p:not(.eyebrow){font-family:Poppins,Arial,sans-serif}
#conocenos .about-copy>.button{font-family:Poppins,Arial,sans-serif}
#conocenos .team-photo{mask-image:linear-gradient(#000 75%,#000d 88%,transparent 100%)}
#conocenos .values h2{letter-spacing:.1em}
#conocenos .about-trust{position:relative;z-index:2;margin-top:0;padding-top:120px}
#conocenos .about-trust:before{display:block;content:'';position:absolute;z-index:-1;top:-65px;left:-8%;width:116%;height:170px;border-radius:50% 50% 0 0 / 100% 100% 0 0;border-top:3px solid #06c9e8;background:radial-gradient(ellipse at 50% 0,#0759c37a,transparent 68%);box-shadow:0 -18px 45px #087be977;pointer-events:none}
#conocenos .trust-heading h2{font-size:clamp(26px,3vw,44px);line-height:1.3}
#conocenos .about-team-dots{position:absolute;z-index:3;left:22%;bottom:38px;display:flex;gap:12px}
#conocenos .about-team-dots span{display:block;width:15px;height:17px;background:#fa613e;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}

#conocenos .about-globe{position:relative;left:50%;transform:translateX(-50%);width:100vw;margin-top:35px;padding:62px max(5vw,24px) 78px;background:radial-gradient(ellipse 60% 55% at 25% 52%,#082b5b7a,transparent 78%),linear-gradient(180deg,#000 0%,#07132b 51%,#000 100%);border-top:1px solid #0aa7d077;isolation:isolate}
#conocenos .about-globe:before{content:'';position:absolute;left:0;right:0;top:-10px;height:25px;background:radial-gradient(ellipse at 50% 100%,#00bede88,transparent 68%);pointer-events:none}
#conocenos .about-globe-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:center;gap:clamp(25px,5vw,80px);max-width:1250px;margin:auto}
#conocenos .globe-visual{position:relative;width:min(100%,570px);aspect-ratio:1;margin:auto;background:radial-gradient(circle at 50% 50%,#0f326a66,transparent 67%)}
#conocenos #globe-stage{position:relative;width:100%;height:100%;touch-action:none;cursor:grab;filter:drop-shadow(0 0 27px #0a7dc665)}
#conocenos #globe-stage.is-dragging{cursor:grabbing}
#conocenos #globe-stage canvas,#conocenos #globe-stage img{display:block;width:100%;height:100%;object-fit:contain}
#conocenos .globe-hint{position:absolute;left:0;right:0;bottom:-6px;text-align:center;margin:0;color:#91b5d7;font:500 11px/1.5 Poppins,Arial,sans-serif;letter-spacing:.06em;pointer-events:none}
#conocenos .globe-story{position:relative;min-width:0;min-height:620px;display:flex;flex-direction:column;justify-content:center}
#conocenos .globe-eyebrow{font:600 11px/1.5 Poppins,Arial,sans-serif;letter-spacing:.28em;color:#55b7ff;margin:0 0 10px}
#conocenos .globe-story h2{font-size:clamp(28px,2.8vw,43px);line-height:1.25;letter-spacing:.055em;margin:0 0 14px;color:#fff}
#conocenos .globe-intro{max-width:530px;color:#d1d9e8;font:400 14px/1.75 Poppins,Arial,sans-serif;margin:0 0 18px}
#conocenos .globe-arrival{display:flex;align-items:center;gap:10px;color:#e4bd72;font:500 12px/1.4 Poppins,Arial,sans-serif;min-height:24px;margin-bottom:12px}
#conocenos .globe-arrival-dot{width:7px;height:7px;border-radius:50%;background:#e8bb61;box-shadow:0 0 0 5px #efc46a26,0 0 14px #f0b953}
#conocenos .globe-popup{position:relative;overflow:hidden;min-height:340px;border:1px solid #386796;border-radius:15px;background:#071020;box-shadow:0 20px 55px #000b,0 0 30px #0e75bf33;transform-origin:50% 15%}
#conocenos .globe-popup.is-open{animation:globe-popup-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes globe-popup-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
#conocenos .globe-popup>img{width:100%;height:230px;display:block;object-fit:cover;object-position:center 42%}
#conocenos .globe-popup-copy{padding:16px 20px 20px}
#conocenos .globe-popup-copy>p:first-child{margin:0 0 7px;color:#f3be67;font:600 10px/1.5 Poppins,Arial,sans-serif;letter-spacing:.16em}
#conocenos .globe-popup h3{font-size:18px;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;margin:0 0 7px}
#conocenos .globe-popup-copy>p:nth-of-type(2){font:400 12px/1.6 Poppins,Arial,sans-serif;color:#c4d4e8;margin:0 0 12px}
#conocenos .globe-popup a{font:600 11px/1.4 Poppins,Arial,sans-serif;color:#72bbff}
#conocenos #globe-popup-close{position:absolute;z-index:2;top:9px;right:9px;width:30px;height:30px;border:1px solid #ffffff66;border-radius:50%;background:#000b;color:#fff;font:22px/1 Arial,sans-serif}
#conocenos .globe-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}
#conocenos .globe-slide-buttons{display:flex;align-items:center;gap:11px}
#conocenos .globe-slide-buttons button{width:15px;height:17px;padding:0;border:0;background:#35506d;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background .2s,transform .2s}
#conocenos .globe-slide-buttons button[aria-pressed=true]{background:#ff7037;transform:scale(1.22)}
#conocenos .globe-slide-buttons button:hover{background:#ff955f}
#conocenos .globe-actions{display:flex;gap:8px}
#conocenos .globe-actions button{border:1px solid #38628b;border-radius:5px;background:#061831;color:#c5def6;padding:9px 11px;font:500 11px/1.3 Poppins,Arial,sans-serif;white-space:nowrap}
#conocenos .globe-actions button:hover{background:#0b2c51}
#conocenos .globe-controls button:focus-visible,#conocenos #globe-popup-close:focus-visible{outline:2px solid #8dcfff;outline-offset:4px}

@media(max-width:900px){
 #conocenos .about-globe-inner{grid-template-columns:1fr;gap:18px;max-width:620px}
 #conocenos .about-globe{padding-top:35px;padding-bottom:55px}
 #conocenos .globe-visual{width:min(100%,500px)}
 #conocenos .globe-story{min-height:0;text-align:center;display:block}
 #conocenos .globe-intro{margin-left:auto;margin-right:auto}
 #conocenos .globe-arrival{justify-content:center}
 #conocenos .globe-popup{text-align:left;max-width:480px;margin:0 auto}
 #conocenos .globe-controls{max-width:480px;margin:20px auto 0}
}
@media(max-width:760px){
 body:has(#conocenos:not([hidden])) header{width:92%;height:82px;min-height:82px;align-items:center;justify-content:space-between;padding:8px 0}
 body:has(#conocenos:not([hidden])) header>.brand{display:block;width:150px;height:54px}
 body:has(#conocenos:not([hidden])) header nav{display:none;position:absolute;top:77px;left:0;right:0;width:100%;max-width:none;height:auto;min-height:0;padding:12px 20px;flex-direction:column;align-items:stretch;gap:0;background:#040b15;z-index:8}
 body:has(#conocenos:not([hidden])) header nav.mobile-open{display:flex}
 body:has(#conocenos:not([hidden])) header nav a,body:has(#conocenos:not([hidden])) header nav button{font-size:14px;padding:14px 0}
}
@media(max-width:600px){
 #conocenos .about-copy h1{font-size:clamp(25px,6vw,34px);letter-spacing:.07em}
 #conocenos .about-globe{margin-top:25px;padding-left:20px;padding-right:20px}
 #conocenos .globe-visual{width:min(100%,430px)}
 #conocenos .globe-story h2{font-size:26px}
 #conocenos .globe-intro{font-size:13px}
 #conocenos .globe-popup{min-height:0}
 #conocenos .globe-popup>img{height:200px}
 #conocenos .globe-popup h3{font-size:15px}
 #conocenos .globe-controls{flex-direction:column;gap:15px}
 #conocenos .about-trust{padding-top:45px}
 #conocenos .about-team-dots{left:50%;bottom:25px;transform:translateX(-50%);gap:8px}
 #conocenos .about-team-dots span{width:11px;height:13px}
}
@media(prefers-reduced-motion:reduce){
 #conocenos .globe-popup.is-open{animation:none}
 #conocenos .globe-slide-buttons button{transition:none}
}