:root{--blue-main: #0D3B66;--blue-dark: #022B3A;--blue-soft: #006D77;--teal: #83C5BE;--gold: #D4AF37;--bg-light: #F9FAFB;--text-dark: #2E2E2E}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;scroll-behavior:smooth}html{font-size:16px}html,body{width:100%;overflow-x:hidden}body{background:var(--bg-light);color:var(--text-dark);line-height:1.6;font-size:clamp(14px,1.1vw,16px)}img,iframe,video{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.hero{min-height:100vh;background:var(--blue-main);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;color:#fff;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#0000008c;z-index:1}.hero-logo{position:absolute;top:clamp(16px,4vw,24px);left:clamp(16px,4vw,24px);width:clamp(110px,22vw,180px);max-width:45vw;opacity:0;z-index:2;animation:logoFadeIn 1.2s ease forwards}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:.6;transform:translateY(0)}}.hero-content{position:relative;z-index:2;max-width:700px;padding:20px}.hero h1{font-size:clamp(2.2rem,5vw,3rem);margin-bottom:20px}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);color:#ade8f4}.lang-fade{animation:textFade .4s ease}@keyframes textFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.about-section{padding:120px 20px;background:linear-gradient(135deg,#e0f7fa,var(--teal))}.about-wrapper{max-width:1100px;margin:auto;display:flex;gap:60px;align-items:center;flex-wrap:wrap}.about-text{flex:1;min-width:300px}.about-text h2{font-size:2.4rem;color:var(--blue-main);margin-bottom:25px}.about-text p{font-size:1.05rem;line-height:1.7;margin-bottom:15px}.about-image{flex:1;text-align:center}.about-image img{max-width:320px;border-radius:10px;box-shadow:0 10px 25px #0003}.experience-section{padding:120px 20px;background:linear-gradient(135deg,var(--teal),var(--blue-soft));color:#fff}.experience-section h2{text-align:center;font-size:2.4rem;margin-bottom:70px}.timeline{max-width:900px;margin:auto;position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:12px;top:0;width:4px;height:100%;background:#fff6;border-radius:2px}.timeline-item{position:relative;margin-bottom:60px}.timeline-dot{position:absolute;left:4px;top:6px;width:20px;height:20px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 6px #d4af374d}.timeline-content{background:#ffffff38;padding:25px 30px;border-radius:12px;margin-left:40px}@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))){.timeline-content{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.timeline-content h3{margin-bottom:6px;font-size:1.2rem}.timeline-content span{display:block;font-size:.9rem;opacity:.85;margin-bottom:12px}.timeline-content p{line-height:1.6;font-size:1rem}.floating-nav{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom));right:calc(30px + env(safe-area-inset-right));z-index:999;display:flex;flex-direction:column;gap:12px;align-items:center;transition:all .3s ease}.floating-nav.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.floating-nav button{width:48px;height:48px;border-radius:50%;border:none;background:var(--blue-main);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 8px 20px #00000040;opacity:0;transform:translateY(20px);transition:all .3s ease;position:relative}.floating-nav.open button{opacity:1;transform:translateY(0)}.floating-nav .main{opacity:1;transform:none;background:var(--gold);color:var(--blue-main);font-size:20px}.floating-nav button:hover{background:var(--blue-soft)}.lang-btn{background:linear-gradient(135deg,#0d3b66,#006d77);color:#fff;overflow:hidden}.lang-btn:hover{background:linear-gradient(135deg,#006d77,#0d3b66)}.tooltip{position:absolute;right:110%;background:#000000bf;color:#fff;font-size:.75rem;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;transform:translateY(5px);pointer-events:none;transition:all .25s ease}.floating-nav button:hover .tooltip{opacity:1;transform:translateY(0)}.lang-label{position:absolute;bottom:4px;right:6px;font-size:.55rem;font-weight:700;background:#ffffff26;padding:2px 4px;border-radius:4px;animation:fadeScale .3s ease}@keyframes fadeScale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.floating-nav{bottom:20px;right:20px;gap:10px}.floating-nav button{width:44px;height:44px;font-size:16px}.floating-nav .main{font-size:18px}}@media(hover:none){.tooltip{display:none}}.floating-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.floating-nav button.active{background:var(--gold);color:var(--blue-main);box-shadow:0 0 0 3px #daa52059;transform:scale(1.05)}.web-section{padding:120px 20px;max-width:1200px;margin:0 auto;text-align:center}.web-section h2{font-size:2.4rem;margin-bottom:60px;color:var(--blue-main)}.web-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,max-content));justify-content:center;gap:40px}.web-card{text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #0000001f;transition:transform .4s ease,box-shadow .4s ease}.web-card:hover{transform:translateY(-10px);box-shadow:0 18px 40px #0000002e}.web-preview{height:460px;overflow:hidden;background:#f1f5f9;display:flex;justify-content:center;align-items:flex-start;border-radius:18px 18px 0 0}.web-preview iframe{width:390px;height:780px;transform:scale(.6);transform-origin:top center;overflow-x:hidden;overflow-y:auto}.web-info{padding:22px 24px;text-align:left}.web-info h3{font-size:1.1rem;margin-bottom:6px}.web-info p{font-size:.9rem;color:#64748b}.web-preview iframe{scrollbar-width:thin}.web-preview iframe::-webkit-scrollbar{width:6px}.web-preview iframe::-webkit-scrollbar-horizontal{display:none}.contact-section{padding:120px 20px;background:linear-gradient(135deg,var(--blue-main),var(--blue-dark));text-align:center;color:#fff}.contact-section h2{font-size:2.5rem;margin-bottom:15px;color:#fff;letter-spacing:.5px}.contact-section p{max-width:600px;margin:0 auto 45px;font-size:1.05rem;line-height:1.6;color:#ffffffd1}.contact-buttons{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;font-size:1rem;font-weight:500;border-radius:40px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.contact-btn svg{font-size:1.3rem}.contact-btn:hover{transform:translateY(-4px);box-shadow:0 12px 22px #00000059}.contact-btn.whatsapp{background:#25d366;color:#fff}.contact-btn.email{background:#fffffff2;color:var(--blue-main)}