:root{--teal:#3eb9cf;--teal-dark:#238da0;--ink:#15252b;--muted:#64757b;--paper:#fff;--soft:#f5f8f8;--yellow:#f2d72e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.site-header{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;position:relative;z-index:5}.brand img{width:220px;max-height:82px;object-fit:contain}.site-header nav{display:flex;gap:42px;margin-top:10px}.site-header nav a{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;text-decoration:none;color:#2f3d41;font-weight:700;padding:8px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--teal-dark);border-color:var(--teal)}.hero{height:510px;position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(rgb(0 216 255 / 84%), rgb(0 216 255)),url('../img/fondo-arrugado.jpg') center/cover;filter:blur(16px) saturate(.65);transform:scale(1.08)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:72px;background:url('../img/overlay-bottom.png') center bottom/100% 100% no-repeat;filter:brightness(0) invert(1)}.hero-content{position:relative;z-index:2;padding:20px}.eyebrow,.section-head span,.location-copy>span,.distribution span,.contact-hero>span{font-size:12px;font-weight:800;letter-spacing:3px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:14px 0 18px;letter-spacing:-2px}.hero p:last-child{font-size:19px;margin:0}.section{padding:95px max(6vw,24px)}.section-head{text-align:center;max-width:760px;margin:0 auto 55px}.section-head span,.location-copy>span{color:var(--teal-dark)}.section-head h2,.location h2{font-size:clamp(32px,4vw,48px);margin:10px 0 14px}.section-head p{color:var(--muted);line-height:1.7}.about-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 280px 1fr;gap:50px;align-items:center}.about-grid article{border-top:3px solid var(--teal);padding-top:24px}.about-grid small{color:var(--teal);font-weight:800}.about-grid h3{font-size:30px;margin:8px 0 12px}.about-grid p{color:var(--muted);line-height:1.7}.about-mark{height:280px;border-radius:50%;display:grid;place-items:center;background:var(--soft)}.about-mark img{width:190px}.brands{background:var(--soft)}.brand-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.brand-grid div{min-height:130px;background:#fff;border:1px solid #e5eded;display:grid;place-items:center;font-weight:900;font-size:18px;letter-spacing:.5px;border-radius:4px}.brand-note{text-align:center;color:#89969a;font-size:12px;margin-top:20px}.location{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:auto}.location-copy p{font-size:18px;line-height:1.7;color:var(--muted)}.button{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font-weight:800;padding:15px 24px;border-radius:3px;margin-top:12px}.location-art{min-height:320px;background:linear-gradient(135deg,#eef7f7,#d9eeee);display:grid;place-items:center;text-align:center}.pin{width:82px;height:82px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--teal);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900}.pin+ p{margin-top:-70px}.pin{line-height:82px}.pin::first-letter{transform:rotate(45deg)}.distribution{padding:70px max(6vw,24px);background:var(--teal);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.distribution h2{font-size:clamp(30px,4vw,46px);margin:8px 0}.distribution p{margin:0;opacity:.9}.button.light{background:#fff;color:var(--teal-dark);white-space:nowrap}footer{text-align:center;padding:55px 20px;background:#14282e;color:#d9e3e5}footer img{width:170px;filter:brightness(0) invert(1);opacity:.95}footer p{margin:8px}.copyright{opacity:.6;font-size:12px;margin-top:25px}.contact-hero{min-height:calc(100vh - 155px);padding:80px 24px;text-align:center;display:grid;place-content:center;background:var(--soft)}.contact-hero span{color:var(--teal)}.contact-hero h1{font-size:clamp(40px,6vw,68px);margin:12px}.contact-hero p{color:var(--muted)}@media(max-width:760px){.site-header{height:135px}.brand img{width:180px}.site-header nav{gap:20px}.site-header nav a{font-size:10px;letter-spacing:1px}.hero{height:440px}.hero h1{letter-spacing:-1px}.about-grid{grid-template-columns:1fr;gap:25px}.about-mark{height:180px;order:-1}.brand-grid{grid-template-columns:1fr 1fr}.location{grid-template-columns:1fr;gap:35px}.distribution{flex-direction:column;align-items:flex-start}.section{padding:70px 24px}}

/* V2 */
.site-header nav{justify-content:center;align-items:center;gap:52px;width:100%}
.brand-list{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px 42px}
.brand-card{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;background:#fff;padding:20px;border:1px solid #e3eeee;min-height:175px}
.brand-logo-slot{height:130px;border:2px dashed #c9dfe3;background:#f9fcfc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#83a2a8;text-align:center}
.brand-logo-slot span{font-size:14px;font-weight:800;letter-spacing:2px}.brand-logo-slot small{font-size:11px;margin-top:7px}
.brand-card h3{font-size:22px;margin:0 0 10px}.brand-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.location-section{background:#fff}.map-wrap{max-width:1100px;height:460px;margin:0 auto;overflow:hidden;border-radius:5px;box-shadow:0 12px 35px rgba(21,37,43,.12)}.map-wrap iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:760px){.site-header nav{gap:34px}.brand-list{grid-template-columns:1fr}.brand-card{grid-template-columns:110px 1fr;gap:16px;padding:15px}.brand-logo-slot{height:100px}.map-wrap{height:380px}}
@media(max-width:430px){.brand-card{grid-template-columns:1fr}.brand-logo-slot{height:125px}}
/* V3 */
.site-header{height:auto;min-height:155px;padding:18px 24px 12px}.site-header nav{position:relative;max-width:920px}.lang-switch{position:absolute;right:0;display:flex;align-items:center;gap:3px}.lang-switch button{border:0;background:transparent;padding:7px 5px;font:700 11px Arial;letter-spacing:.5px;color:#718187;cursor:pointer}.lang-switch button+button:before{content:'·';margin-right:7px;color:#b5c1c4}.lang-switch button.active{color:var(--teal-dark)}
.hero:after{height:68px;background:none;filter:none;clip-path:polygon(0 53%,2% 45%,4% 58%,6% 38%,8% 52%,10% 43%,12% 66%,14% 55%,16% 70%,18% 49%,20% 57%,22% 40%,24% 52%,26% 44%,28% 60%,30% 50%,32% 66%,34% 47%,36% 56%,38% 39%,40% 51%,42% 44%,44% 59%,46% 49%,48% 64%,50% 46%,52% 57%,54% 40%,56% 51%,58% 44%,60% 60%,62% 49%,64% 65%,66% 47%,68% 56%,70% 41%,72% 52%,74% 44%,76% 61%,78% 50%,80% 66%,82% 48%,84% 56%,86% 40%,88% 52%,90% 44%,92% 60%,94% 49%,96% 64%,98% 45%,100% 54%,100% 100%,0 100%);background:#fff}
.hero-bg{filter:blur(30px) saturate(.45);transform:scale(1.18)}
.team-section{background:var(--soft)}.team-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.person-card{background:#fff;border:1px solid #e0e9eb;border-radius:8px;padding:26px;display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center;box-shadow:0 5px 16px rgba(21,37,43,.05)}.avatar{width:90px;height:90px;border-radius:50%;background:#eef7f8;display:grid;place-items:center;color:var(--teal-dark);font-weight:900;font-size:24px}.person-card h3{margin:0 0 6px;font-size:21px}.person-card p{margin:0 0 13px;color:var(--muted);font-size:14px}.card-link{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:var(--teal-dark);text-decoration:none}.digital-card{min-height:calc(100vh - 155px);background:var(--soft);padding:55px 22px}.digital-card-inner{max-width:520px;margin:auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(21,37,43,.13);text-align:center}.card-top{background:var(--teal);height:145px;position:relative}.profile-photo{width:132px;height:132px;border:7px solid #fff;border-radius:50%;background:#eef7f8;position:absolute;left:50%;bottom:-66px;transform:translateX(-50%);display:grid;place-items:center;font-size:34px;font-weight:900;color:var(--teal-dark)}.card-body{padding:82px 32px 34px}.card-body h1{margin:0;font-size:30px}.card-role{color:var(--muted);margin:7px 0 24px}.contact-actions{display:grid;gap:10px}.contact-actions a,.contact-actions button{border:1px solid #d9e5e7;background:#fff;color:var(--ink);padding:13px 15px;text-decoration:none;font:700 14px Arial;border-radius:6px;cursor:pointer}.contact-actions .primary{background:var(--teal);border-color:var(--teal);color:#fff}.card-company{width:160px;margin:26px auto 4px}.back-link{display:inline-block;margin-top:22px;color:var(--teal-dark);text-decoration:none;font-size:13px;font-weight:700}
@media(max-width:760px){.site-header nav{padding-right:95px}.lang-switch{right:0}.team-grid{grid-template-columns:1fr}.hero:after{height:50px}.hero-bg{filter:blur(25px) saturate(.45)} }
@media(max-width:500px){.site-header nav{padding-right:0;flex-wrap:wrap;gap:25px}.lang-switch{position:static;width:100%;justify-content:center}.person-card{grid-template-columns:70px 1fr;padding:20px}.avatar{width:70px;height:70px}.card-body{padding-left:22px;padding-right:22px}}
.brand-logo-slot{border:0;background:#fff}.brand-logo-slot img{max-width:100%;max-height:110px;object-fit:contain;display:block}.brand-logo-slot.placeholder img{max-height:100px;opacity:.75}.avatar{overflow:hidden}.avatar img{width:82%;height:82%;object-fit:contain}.profile-photo{overflow:hidden}.profile-photo img{width:88%;height:88%;object-fit:contain}.copy-email,.wechat-button{width:100%}

/* v5 cache-safe media normalization */
.brand-logo-slot{width:150px;height:130px;overflow:hidden;justify-self:center}
.brand-logo-slot img{width:120px!important;height:100px!important;max-width:120px!important;max-height:100px!important;object-fit:contain!important}
.brand-logo-slot.placeholder img{width:100px!important;height:100px!important}
@media(max-width:760px){.brand-logo-slot{width:110px;height:100px}.brand-logo-slot img{width:95px!important;height:85px!important;max-width:95px!important;max-height:85px!important}}