:root{--navy:#0d294b;--navy2:#082441;--gold:#c89535;--gray:#5b6675;--light:#f5f5f3;--line:#d9dce0;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif;background:#fff}.wrap{width:min(1440px,calc(100% - 70px));margin:auto}
header{height:96px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;position:sticky;top:0;z-index:50}.nav{display:grid;grid-template-columns:310px 1fr 70px;align-items:center;gap:28px}
.logo{color:var(--navy);text-decoration:none;width:max-content}.logo strong{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.02em}.logo span{display:block;text-align:center;font-size:12px;letter-spacing:.36em;margin-top:7px}.logo em{display:block;text-align:center;font-size:9px;font-style:normal;letter-spacing:.24em;color:#6d7480;margin-top:6px}.logo i{display:inline-block;width:23px;height:3px;background:var(--gold);vertical-align:middle;margin-right:12px}
nav{display:flex;justify-content:center;gap:38px}nav a,.lang{font-size:12px;font-weight:700;text-decoration:none;color:var(--navy)}nav a.gold{color:var(--gold)}.lang b{color:#aaa;margin:0 8px}.menu{display:none}
.hero{height:520px;position:relative;overflow:hidden;background:linear-gradient(90deg,#f7f6f2 0%,#f4f3ef 45%,#e6edf2 100%)}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(247,246,242,.99) 0%,rgba(247,246,242,.94) 30%,rgba(247,246,242,.62) 48%,rgba(247,246,242,.10) 67%),url('wtc_montevideo_demo.jpg');background-size:cover;background-position:center right;}.hero:after{content:"MONTEVIDEO · URUGUAY";position:absolute;right:7%;bottom:35px;font-size:12px;letter-spacing:.22em;color:#708293}.hero-content{height:100%;display:flex;align-items:center;position:relative}.copy{max-width:650px}.copy h1{font-family:Georgia,serif;font-size:55px;line-height:1.05;font-weight:400;margin:0 0 22px;letter-spacing:-.025em}.goldline{width:65px;height:3px;background:var(--gold);margin:0 0 22px}.copy p{font-size:17px;line-height:1.55;color:#465468;max-width:600px}.buttons{display:flex;gap:18px;margin-top:28px}.btn{display:inline-block;padding:16px 27px;border:1px solid var(--navy);text-decoration:none;color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.03em}.btn.primary{background:var(--navy);color:#fff}.values{background:#fff;padding:22px 0}.six{display:grid;grid-template-columns:repeat(6,1fr)}.six article{padding:14px 25px;border-right:1px solid var(--line);min-height:130px}.six article:last-child{border-right:0}.ico{font-size:30px;margin-bottom:13px}.six b{font-size:11px}.six p{font-size:11px;color:var(--gray);line-height:1.5}.practice{background:linear-gradient(135deg,var(--navy2),#0d365e);color:#fff;padding:34px 0 45px}.section-title{text-align:center}.section-title i{display:block;width:45px;height:3px;background:var(--gold);margin:0 auto 12px}.section-title h2{font-family:Georgia,serif;font-weight:400;font-size:24px}.services article{border-color:rgba(255,255,255,.2);min-height:170px}.services p{color:#d4dce5}.services a{color:var(--gold);font-size:24px;text-decoration:none}.split,.light,.contact{padding:75px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--gold)}h2{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:12px 0 20px}.split p,.contact p{color:var(--gray);font-size:17px;line-height:1.6}.items{display:grid}.items span{padding:13px 0;border-bottom:1px solid var(--line)}.light{background:#f7f7f5}.pills{display:flex;flex-wrap:wrap;gap:12px}.pills span{border:1px solid var(--line);background:#fff;border-radius:30px;padding:12px 18px;font-size:13px}.border{border-top:1px solid var(--line)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.three article{border-top:2px solid var(--navy);padding-top:20px}.three small{color:var(--gold);font-weight:700}.three h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.35}.contact{background:#fff}.contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.darkoutline{background:#fff}footer{background:var(--navy2);color:#d6dce3;padding:28px 0}.foot{display:flex;justify-content:space-between;font-size:12px}
@media(max-width:1050px){.nav{grid-template-columns:1fr auto auto}nav{display:none;position:absolute;top:96px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block;background:none;border:0;font-size:24px}.six{grid-template-columns:repeat(3,1fr)}.six article:nth-child(3){border-right:0}.two{gap:40px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,1440px)}header{height:80px}.nav{grid-template-columns:1fr auto}.lang{display:none}.logo strong{font-size:17px}.logo span{font-size:9px}.hero{height:auto;min-height:520px}.copy h1{font-size:42px}.buttons{flex-direction:column;align-items:flex-start}.six{grid-template-columns:1fr 1fr}.six article:nth-child(3){border-right:1px solid var(--line)}.six article:nth-child(even){border-right:0}.two,.three{grid-template-columns:1fr}.contact-actions{justify-content:flex-start;flex-wrap:wrap}.foot{gap:10px;flex-direction:column}}


.logo em{display:block;text-align:center;font-size:9px;font-style:normal;letter-spacing:.24em;color:#6d7480;margin-top:6px}
.firm{padding:80px 0;background:#fff;border-top:1px solid var(--line)}
.firm-copy p{font-size:16px;color:var(--gray);line-height:1.75;margin-top:0}
.team{padding:75px 0}
.teamgrid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:40px;margin-top:35px}
.teamgrid article{background:#fff;border:1px solid var(--line);padding-bottom:25px}
.portrait{height:330px;background:linear-gradient(145deg,#e9ebed,#f7f7f5);display:flex;align-items:center;justify-content:center}
.portrait span{font-family:Georgia,serif;font-size:54px;color:#9aa1a9}
.teamgrid h3,.teamgrid p,.teamgrid small{margin-left:24px;margin-right:24px}.teamgrid h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-top:22px;margin-bottom:6px}.teamgrid p{color:var(--gold);font-weight:700;font-size:12px}.teamgrid small{display:block;color:var(--gray);line-height:1.5}
.clients{padding:75px 0;background:#fff;border-top:1px solid var(--line)}
.clientgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:30px}
.clientgrid div{min-height:105px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-weight:700;letter-spacing:.04em;color:#66717d;filter:grayscale(1)}
.clientnote{font-size:11px;color:#7a828a;margin-top:14px}
@media(max-width:700px){.teamgrid,.clientgrid{grid-template-columns:1fr}.portrait{height:270px}}

.logo-cell img{max-width:72%;max-height:72px;object-fit:contain;filter:grayscale(1);opacity:.82}
.wordmark{font-size:18px}.wordmark span{display:block;font-size:9px;letter-spacing:.18em;margin-top:5px;font-weight:500}
.vipercar{font-style:italic;letter-spacing:.08em}.scarppe{font-size:21px;letter-spacing:.16em}.atg{font-size:23px}.bianco{font-family:Georgia,serif;font-size:19px;font-weight:400}.chiquiar{font-size:20px}.bresque{font-family:Georgia,serif;font-size:21px;font-weight:400}.biko{font-size:28px;letter-spacing:.12em}

.client-status{margin-top:18px;padding:16px 18px;background:#f7f7f5;border-left:3px solid var(--gold);font-size:11px;line-height:1.6;color:#66717d}
.client-status strong{display:block;color:var(--navy);margin-bottom:4px}
.client-status span{display:block}

.specialty{margin:10px 24px 12px;color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.11em}
.profile-link{display:inline-block;margin:18px 24px 0;color:var(--gold);font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.05em}

.portrait img,.bio-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

.software-nav{font-weight:800!important}
.software-feature{padding:85px 0;background:#f3f5f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.software-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.software-feature h2{font-size:43px}
.software-feature p{color:var(--gray);font-size:16px;line-height:1.75}
.software-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.textlink{color:var(--gold);font-size:11px;font-weight:700;text-decoration:none}
.software-kpis{background:var(--navy2);padding:18px 34px}
.software-kpis span{display:block;color:#c9d2da;border-bottom:1px solid rgba(255,255,255,.16);padding:19px 0;font-size:11px}
.software-kpis span:last-child{border-bottom:0}.software-kpis b{color:#fff;margin-left:15px;letter-spacing:.05em}
@media(max-width:800px){.software-feature-grid{grid-template-columns:1fr}.software-feature h2{font-size:34px}}

/* Auditoría V1 */
nav a{white-space:nowrap}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.clientgrid img{max-width:100%;max-height:70px;object-fit:contain}
@media(max-width:900px){
 .nav{flex-wrap:wrap}
 header nav{display:none;width:100%;padding:16px 0;flex-direction:column;gap:12px}
 header nav.open{display:flex}
 .lang{display:none}
 .menu{display:block}
}

/* REVISION VISUAL V2 */
.services{grid-template-columns:repeat(3,1fr)}
.services article:nth-child(3){border-right:0}
.services article:nth-child(4){border-right:1px solid rgba(255,255,255,.2)}
.services article{min-height:195px}
.clientgrid{grid-template-columns:repeat(3,1fr)}
.hero .copy{max-width:610px}
.hero .copy p{max-width:560px}
.software-feature{padding-top:72px;padding-bottom:72px}
.team,.clients,.light,.split{padding-top:66px;padding-bottom:66px}
.three article{min-height:165px}
@media(max-width:900px){
 .services{grid-template-columns:repeat(2,1fr)}
 .services article:nth-child(3){border-right:1px solid rgba(255,255,255,.2)}
 .services article:nth-child(even){border-right:0}
}
@media(max-width:700px){
 header{height:72px}
 .logo strong{font-size:15px}
 .logo span{font-size:8px;letter-spacing:.26em;margin-top:4px}
 .logo em{display:none}
 .hero{min-height:540px}
 .hero-image{background-image:linear-gradient(90deg,rgba(247,246,242,.99) 0%,rgba(247,246,242,.96) 48%,rgba(247,246,242,.52) 100%),url('wtc_montevideo_demo.jpg')!important;background-position:64% center!important}
 .copy h1{font-size:39px}
 .copy p{font-size:15px}
 .services{grid-template-columns:1fr}
 .services article,.services article:nth-child(3),.services article:nth-child(4),.services article:nth-child(even){border-right:0}
 .clientgrid{grid-template-columns:repeat(2,1fr)}
 .clientgrid div{min-height:86px}
 .teamgrid{gap:22px}
 .software-feature,.team,.clients,.light,.split{padding-top:54px;padding-bottom:54px}
}

/* PHOTOGRAPHY SYSTEM V3 */
.editorial-photo{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.photo-band{padding:0;background:#f7f7f5}
.photo-band .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding-top:0;padding-bottom:0}
.photo-band .photo-copy{padding:54px 48px 54px 0}
.photo-band .photo-copy p{color:var(--gray);line-height:1.75}
.photo-frame{min-height:330px;overflow:hidden}
.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.photo-credit{font-size:9px;color:#8b9298;margin-top:6px}
@media(max-width:800px){.photo-band .wrap{grid-template-columns:1fr}.photo-band .photo-copy{padding:40px 0}.photo-frame{min-height:240px}}


/* V5 PRE-PUBLICATION: accessibility, responsive, bilingual, clean V4.12 hero */
.lang a{color:var(--navy);text-decoration:none;font-size:12px;font-weight:700}
.lang .active-lang{color:var(--gold)}
img{max-width:100%}
.hero-v5{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1672/941;overflow:hidden;background:#081f34}
.hero-v5 .hero-image{position:absolute;inset:0;width:100%;height:100%;background:none!important}
.hero-v5 .hero-image img{width:100%;height:100%;object-fit:fill;display:block}
.hero-v5 .hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,52,.88) 0%,rgba(8,31,52,.56) 38%,rgba(8,31,52,.06) 72%);pointer-events:none}
.hero-v5 .hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hero-v5:after{content:"MONTEVIDEO · URUGUAY";position:absolute;z-index:3;right:7%;bottom:35px;font-size:12px;letter-spacing:.22em;color:#d8e0e7}
.hero-v5 .copy,.hero-v5 .copy h1,.hero-v5 .copy p{color:#fff}
.hero-v5 .btn:not(.primary){background:rgba(8,31,52,.92);border-color:#d3ad57;color:#fff}
.hero-v5 .btn:not(.primary):hover{background:#d3ad57;color:#081f34}
@media(max-width:1050px){
 .wrap{width:min(1440px,calc(100% - 44px))}
 .nav{grid-template-columns:1fr auto auto;gap:14px}
 nav{gap:20px}
 .pagehero h1{font-size:52px!important}
}
@media(max-width:700px){
 body{overflow-x:hidden}
 .wrap{width:calc(100% - 32px)}
 .nav{grid-template-columns:1fr auto auto}
 .lang{display:block}
 .hero-v5{aspect-ratio:auto;min-height:600px}
 .hero-v5 .hero-image img{object-fit:cover;object-position:center}
 .hero-v5 .hero-image:after{background:linear-gradient(90deg,rgba(8,31,52,.92),rgba(8,31,52,.66))}
 .hero-v5:after{display:none}
 .hero-v5 .copy h1{font-size:38px}
 .hero-v5 .copy p{font-size:15px}
 .pagehero{padding:66px 0 50px!important}
 .pagehero h1{font-size:40px!important}
 .pagehero p{font-size:17px!important}
 h2{font-size:34px}
 .two{gap:28px}
 .clientgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
 .logo strong{font-size:14px}
 .logo span{font-size:7px}
 .lang a,.lang{font-size:10px}
 .hero-v5 .copy h1{font-size:34px}
 .clientgrid{grid-template-columns:1fr}
}


.client-logo.vipercar-logo{
  display:block;
  width:min(100%,210px);
  height:auto;
  max-height:64px;
  object-fit:contain;
  margin:auto;
}


/* V5.6 — refinamiento de contraste del HERO y presencia de marca */
.hero .btn.primary{
  background:#c9a227;
  border-color:#c9a227;
  color:#081f34;
  box-shadow:0 8px 24px rgba(0,0,0,.20);
}
.hero .btn.primary:hover{
  background:#e0bd43;
  border-color:#e0bd43;
  color:#081f34;
}
.hero .btn:not(.primary){
  background:rgba(8,31,52,.94);
  border:2px solid #f0d47a;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.20);
}
.hero .btn:not(.primary):hover{
  background:#f0d47a;
  color:#081f34;
}


/* V5.8.12 FINAL RESPONSIVE OVERRIDES */
/* Desktop is the reference layout. Keep its geometry unchanged and prevent hero distortion. */
@media (min-width: 801px) {
  .hero-v5 .hero-media img,
  .hero-v5 > img {
    object-fit: cover;
  }
}

/* Mobile/tablet safeguards only; desktop styling remains authoritative above 800px. */
@media (max-width: 800px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }
  img, video, svg {
    max-width: 100%;
  }
  .hero-v5 .hero-media img,
  .hero-v5 > img {
    object-fit: cover;
  }
}

/* V6.11 — fixed mobile header + Marcelo uniform photo */

/* Mobile header remains fixed while scrolling. */
@media (max-width: 800px) {
  header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
  }
  body { padding-top: 72px; }
  header nav {
    top: 72px;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
  }
}

/* Marcelo uses the SAME image and SAME visual height everywhere. */
.portrait.marcelo-uniform-box,
.bio-photo.marcelo-uniform-box {
  height: 330px !important;
  overflow: hidden;
  background: #f2f2ef !important;
}

.portrait.marcelo-uniform-box img.marcelo-uniforme,
.bio-photo.marcelo-uniform-box img.marcelo-uniforme {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
  transform: none !important;
}

@media (max-width: 800px) {
  .portrait.marcelo-uniform-box,
  .bio-photo.marcelo-uniform-box {
    height: 270px !important;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}



/* V6.13 — Marcelo mobile extra headroom */
@media (max-width: 800px) {
  .portrait.marcelo-uniform-box img.marcelo-uniforme,
  .bio-photo.marcelo-uniform-box img.marcelo-uniforme {
    object-position: center 18% !important;
  }
}