:root{--ink:#101410;--paper:#f2f0e8;--lime:#b7ef3f;--white:#fff;--muted:#747b74;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.wrap{width:min(calc(100% - 34px),var(--max));margin:auto}.topbar{position:fixed;inset:0 0 auto;z-index:50;background:rgba(242,240,232,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,20,16,.09)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font:800 17px "Manrope";letter-spacing:.08em}.roller{position:relative;width:31px;height:30px;display:inline-block}.roller i{position:absolute;left:2px;top:2px;width:22px;height:10px;background:var(--ink);border-radius:3px}.roller b{position:absolute;left:21px;top:8px;width:4px;height:11px;background:var(--ink);border-radius:0 2px 2px 0}.roller em{position:absolute;left:17px;top:16px;width:8px;height:12px;background:var(--lime);border-radius:2px;transform:rotate(-10deg)}.nav-right{display:flex;align-items:center;gap:18px}.login{font-size:12px;font-weight:600;color:#59605a;display:flex;align-items:center;gap:8px}.login span{width:10px;height:10px;border:3px solid var(--ink);border-radius:50%}.pill{min-height:54px;padding:0 24px;border-radius:999px;background:var(--lime);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:14px;border:0;cursor:pointer}.small{min-height:40px;padding:0 16px;font-size:12px}.hero{height:min(860px,100svh);min-height:720px;position:relative;overflow:hidden;color:#fff;margin-top:72px}.hero-photo,.crew-photo{position:absolute;inset:0;background-size:cover;background-position:center}.hero-photo{background-image:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=88")}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,5,.87),rgba(8,12,8,.53) 50%,rgba(8,12,8,.18))}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.kicker,.eyebrow{font:800 10px "Manrope";letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}.kicker{color:rgba(255,255,255,.68)}.eyebrow{color:#717871}.eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:var(--ink);margin-right:10px;vertical-align:middle}.light{color:rgba(255,255,255,.55)}.light:before{background:var(--lime)}h1,h2{font:700 clamp(55px,7vw,96px)/.92 "Manrope";letter-spacing:-.06em;margin:0}.hero h1 span,.tech h2 span,.crew h2 span,.contact h2 span{color:var(--lime)}.hero-content>p{max-width:510px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.75);margin:28px 0}.proof{display:flex;gap:34px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22)}.proof span{font-size:11px;color:rgba(255,255,255,.62)}.proof b{color:#fff}.idea{padding:120px 0}.idea-grid{display:grid;grid-template-columns:110px 1.15fr .75fr;gap:45px;align-items:end}.num{width:52px;height:52px;border:1px solid rgba(16,20,16,.18);border-radius:50%;display:grid;place-items:center;font:800 10px "Manrope"}.idea h2,.people h2,.coverage h2{font-size:clamp(48px,5.7vw,76px)}.idea h2 span,.people h2 span,.coverage h2 span{color:#899088}.idea-grid>p,.people-grid>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.tech{padding:120px 0;background:var(--ink);color:#fff;overflow:hidden}.tech-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:70px}.tech h2{font-size:clamp(48px,6vw,78px)}.tech-head>p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.54);margin:0}.tech-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.phone-zone{position:relative;min-height:670px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(183,239,63,.12);filter:blur(20px)}.phone{position:relative;width:310px;height:635px;padding:9px;border-radius:50px;background:#090a09;box-shadow:0 40px 100px rgba(0,0,0,.62),0 0 0 2px #3b3e3b}.island{position:absolute;z-index:3;top:16px;left:50%;transform:translateX(-50%);width:92px;height:25px;border-radius:20px;background:#050505}.screen{height:100%;border-radius:39px;background:#f5f3eb;color:var(--ink);padding:56px 16px 17px;overflow:hidden}.appbar{display:flex;justify-content:space-between;align-items:center}.appbar strong{font:800 11px "Manrope"}.appbar span{width:27px;height:27px;border-radius:50%;background:#e0ded4;display:grid;place-items:center;font-size:8px}.screen>small{display:block;margin-top:27px;font-size:8px;color:#808680}.screen>h3{font:700 20px "Manrope";margin:4px 0 14px}.metric{padding:15px;background:#e6e3d8;border-radius:18px}.metric small{display:block;font-size:7px;letter-spacing:.13em;color:#838982}.metric strong{display:block;font:800 30px "Manrope";margin:5px 0 11px}.metric i{display:block;width:var(--w);height:5px;background:var(--ink);border-radius:99px;margin:5px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.mini-grid div{background:#fff;border:1px solid #dedbd0;border-radius:13px;padding:10px;display:flex;flex-direction:column;gap:4px}.mini-grid small{font-size:8px;color:#8a908a}.mini-grid b{font-size:11px}.ai{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;border-radius:14px;padding:11px;margin-top:8px}.ai>span{width:29px;height:29px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#efffc8,var(--lime) 40%,#536c1e)}.ai div{display:flex;flex-direction:column;gap:2px;flex:1}.ai small{font-size:6px;letter-spacing:.14em;color:rgba(255,255,255,.42)}.ai b{font-size:10px}.ai>strong{width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}.steps{display:grid;grid-template-columns:38px 8px 1fr;gap:7px 8px;align-items:center;margin-top:14px}.steps span{font-size:7px;color:#8a908a}.steps i{width:7px;height:7px;border-radius:50%;background:var(--lime)}.steps b{font-size:8px}.caption{position:absolute;bottom:-4px;max-width:315px;text-align:center;font-size:8px;color:rgba(255,255,255,.34)}.motor-list>div{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"n h" "n p";padding:19px 0;border-bottom:1px solid rgba(255,255,255,.12)}.motor-list div>span{grid-area:n;font:700 9px "Manrope";color:rgba(255,255,255,.32);padding-top:7px}.motor-list h3{grid-area:h;font:700 29px "Manrope";margin:0}.motor-list p{grid-area:p;font-size:12px;color:rgba(255,255,255,.47);margin:4px 0 0}.motor-list .focus h3{color:var(--lime)}.motor-list aside{margin-top:34px;background:#222922;border-radius:20px;padding:23px}.motor-list aside small{font:700 8px "Manrope";letter-spacing:.15em;color:rgba(255,255,255,.35)}.motor-list aside strong{display:block;margin-top:8px;font:700 20px/1.25 "Manrope";color:var(--lime)}.crew{height:760px;position:relative;overflow:hidden;color:#fff}.crew-photo{background-image:url("https://images.unsplash.com/photo-1589939705384-5185137a7f0f?auto=format&fit=crop&w=1800&q=88")}.crew-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,9,.85),rgba(9,12,9,.4) 62%,rgba(9,12,9,.15))}.crew-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.crew h2{font-size:clamp(50px,6vw,80px)}.crew-content>p{max-width:490px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.63);margin:25px 0 28px}.figures{display:flex;gap:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}.figures div{display:flex;align-items:center;gap:11px}.figures strong{font:800 37px "Manrope";color:var(--lime)}.figures span{font-size:10px;line-height:1.35;color:rgba(255,255,255,.6)}.people{padding:110px 0;background:#f7f5ef}.people-grid{display:grid;grid-template-columns:1fr .9fr .7fr;gap:55px;align-items:center}.advisor{background:var(--ink);color:#fff;border-radius:26px;padding:26px;display:flex;align-items:center;gap:17px}.avatar{width:62px;height:62px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font:800 22px "Manrope"}.advisor>div:last-child{display:flex;flex-direction:column;gap:6px}.advisor small{font:700 7px "Manrope";letter-spacing:.12em;color:rgba(255,255,255,.42)}.advisor strong{font:700 16px/1.35 "Manrope"}.coverage{padding:105px 0;background:var(--lime)}.coverage-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.coverage p{font-size:13px;line-height:1.6;max-width:360px}.map{height:430px;position:relative}.rings{position:absolute;left:50%;top:50%;width:120px;height:120px;border:1px solid rgba(16,20,16,.3);border-radius:50%;transform:translate(-50%,-50%)}.rings:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;background:var(--ink);border:5px solid var(--lime);box-shadow:0 0 0 1px var(--ink);border-radius:50%;transform:translate(-50%,-50%)}.rings i{position:absolute;inset:-55px;border:1px solid rgba(16,20,16,.17);border-radius:50%}.rings i:nth-child(2){inset:-110px;opacity:.7}.rings i:nth-child(3){inset:-165px;opacity:.45}.p{position:absolute;background:var(--ink);color:#fff;padding:8px 11px;border-radius:999px;font:600 9px "Manrope";z-index:2}.p1{left:8%;top:18%}.p2{left:1%;top:48%}.p3{left:18%;bottom:10%}.p4{left:33%;top:31%}.p5{right:5%;top:15%}.p6{right:1%;top:49%}.p7{right:19%;bottom:7%}.p8{left:48%;bottom:27%}.contact{padding:110px 0;background:var(--ink);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px}.contact h2{font-size:clamp(50px,6vw,78px)}.contact-grid>div>p{font-size:14px;color:rgba(255,255,255,.5);margin-top:22px}.contact form{background:#f5f3eb;padding:23px;border-radius:26px;display:flex;flex-direction:column;gap:10px}.contact input,.contact textarea{border:1px solid #dad7cc;background:#fff;border-radius:12px;padding:14px 15px;outline:0;font-size:12px}.contact input{height:48px}.contact textarea{resize:vertical}.contact form small{color:#8a8f89;font-size:8px;text-align:center}footer{background:#080a08;color:#fff;padding:42px 0 100px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:30px}.footer>span,.footer>a:last-child{font-size:10px;color:rgba(255,255,255,.45)}.footer .roller i,.footer .roller b{background:#fff}.mobile{display:none}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);font-size:11px;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:900px){.idea-grid,.tech-head,.tech-grid,.people-grid,.coverage-grid,.contact-grid{grid-template-columns:1fr}.idea-grid{gap:24px}.tech-head{gap:20px}.people-grid{gap:26px}.advisor{max-width:520px}.map{max-width:650px;width:100%;margin:auto}}@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav{height:66px}.brand{font-size:15px}.small{display:none}.login{font-size:11px}.hero{margin-top:66px;height:calc(100svh - 66px);min-height:650px}.hero-photo{background-position:58% center}.hero-overlay{background:linear-gradient(180deg,rgba(7,10,7,.28),rgba(7,10,7,.72) 58%,rgba(7,10,7,.92))}.hero-content{justify-content:flex-end;padding-bottom:78px}.kicker{font-size:8px;margin-bottom:14px}.hero h1{font-size:clamp(55px,17vw,78px)}.hero-content>p{font-size:15px;margin:19px 0;max-width:92%}.hero-cta{width:100%}.proof{width:100%;gap:15px;margin-top:21px;display:grid;grid-template-columns:1fr 1fr}.proof span{font-size:9px;line-height:1.4}.idea,.tech,.people,.coverage,.contact{padding:82px 0}.idea-grid{grid-template-columns:1fr}.num{display:none}.idea h2,.tech h2,.people h2,.coverage h2,.contact h2{font-size:clamp(44px,13vw,59px)}.idea-grid>p{font-size:14px}.tech-head{margin-bottom:35px}.tech-head>p{font-size:13px}.phone-zone{min-height:620px}.phone{width:285px;height:585px}.caption{bottom:0;max-width:280px}.motor-list h3{font-size:25px}.crew{height:670px}.crew-photo{background-position:60% center}.crew-content{justify-content:flex-end;padding-bottom:62px}.crew h2{font-size:clamp(46px,13vw,60px)}.crew-content>p{font-size:13px}.figures{gap:24px}.figures strong{font-size:31px}.coverage .map{height:355px}.rings{transform:translate(-50%,-50%) scale(.82)}.p{font-size:8px;padding:7px 9px}.p1,.p2{left:0}.p3{left:9%}.p5,.p6{right:0}.p7{right:9%}.contact-grid{gap:40px}.contact form{padding:17px}.footer{flex-direction:column;align-items:flex-start}.mobile{display:grid;grid-template-columns:1fr 52px;gap:8px;position:fixed;z-index:45;left:10px;right:10px;bottom:10px;background:rgba(16,20,16,.92);backdrop-filter:blur(13px);padding:7px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.mobile .pill{min-height:48px}.circle{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--lime);display:grid;place-items:center}}

.brand-mark{width:38px;height:38px;object-fit:contain;display:block;flex:0 0 auto}



/* V2.2 — afinado fino */
.brand-mark{width:38px;height:38px;object-fit:contain;display:block;flex:0 0 auto}

/* HERO: pintura + tecnología debe leerse como categoría, no como nota */
.kicker{
  display:flex;align-items:center;gap:9px;
  font-size:13px;letter-spacing:.17em;
  color:#fff;margin-bottom:22px
}
.kicker strong{font:800 13px "Manrope";color:#fff}
.kicker span{font:800 15px "Manrope";color:var(--lime);letter-spacing:0}

/* Promesa de 1 día con más jerarquía */
.proof{align-items:center}
.proof span{display:flex;align-items:baseline;gap:6px}
.proof .proof-day b{font:800 18px "Manrope";color:var(--lime);letter-spacing:-.02em}
.proof .proof-day em{font-style:normal;font-size:11px;color:rgba(255,255,255,.72)}
.proof>span:last-child b{font-size:12px}

/* Carrusel automático, texto completamente fijo */
.crew-carousel{position:absolute;inset:0;overflow:hidden}
.crew-slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transform:scale(1.025);
  animation:crewCycle 12s infinite ease-in-out
}
/* Interior: equipo profesional, ambiente premium */
.slide-interior{background-image:url("assets/equipo-interior.png");animation-delay:0s;background-position:center}
/* Exterior: casa contemporánea + equipo */
.slide-exterior{background-image:url("assets/equipo-exterior.jpg");animation-delay:6s;background-position:center}
@keyframes crewCycle{
  0%{opacity:0;transform:scale(1.025)}
  7%{opacity:1}
  43%{opacity:1;transform:scale(1)}
  50%{opacity:0}
  100%{opacity:0;transform:scale(1)}
}

/* Cobertura: mapa visual esquemático, sin copy de 'foco especial' */
.map-v2{
  height:430px;position:relative;border-radius:28px;overflow:hidden;
  background:rgba(255,255,255,.22);border:1px solid rgba(16,20,16,.13)
}
.map-v2 svg{width:100%;height:100%;display:block}
.river{fill:rgba(255,255,255,.32)}
.route{fill:none;stroke:rgba(16,20,16,.30);stroke-width:3;stroke-linecap:round}
.route.soft{stroke-width:1.5;stroke-dasharray:7 8;opacity:.7}
.map-point circle{fill:var(--ink);stroke:var(--lime);stroke-width:5}
.map-point text{font:700 11px "Manrope";fill:var(--ink)}
.map-note{
  position:absolute;left:18px;bottom:18px;
  padding:12px 15px;border-radius:16px;background:var(--ink);color:#fff;
  display:flex;flex-direction:column;gap:2px
}
.map-note b{font:800 9px "Manrope";letter-spacing:.12em;color:var(--lime)}
.map-note span{font-size:10px;color:rgba(255,255,255,.72)}

@media(max-width:640px){
  .nav{gap:10px}
  .nav-right{gap:8px;min-width:0}
  .login{
    font-size:10px;font-weight:700;color:#59605a;
    display:flex;align-items:center;gap:6px;
    white-space:nowrap;border:0;width:auto;height:auto
  }
  .login span{width:9px;height:9px;border:3px solid var(--ink);border-radius:50%;margin:0}
  .brand{gap:8px;white-space:nowrap}
  .brand-mark{width:34px;height:34px}
  .kicker{font-size:11px;margin-bottom:15px;gap:7px}
  .kicker strong{font-size:11px}
  .hero-content{padding-bottom:100px}
  .hero-cta{
    min-height:64px;margin-bottom:2px;padding:8px 18px;
    font-size:12.5px;line-height:1.15;text-align:center
  }
  .proof{margin-top:19px;margin-bottom:4px;gap:12px}
  .proof span{display:block}
  .proof .proof-day b{display:block;font-size:22px;line-height:1}
  .proof .proof-day em{display:block;margin-top:5px;font-size:10px}
  .proof>span:last-child b{display:block;font-size:11px;margin-bottom:4px}
  .crew-slide{background-position:center}
  .slide-exterior{background-image:url("assets/equipo-exterior.jpg");animation-delay:6s;background-position:center}
  .map-v2{height:360px}
  .map-point text{font-size:10px}
  .mobile{bottom:max(10px,env(safe-area-inset-bottom))}
}

/* V2.4 — ajustes finos, preservando la dirección visual aprobada */

/* Logo: usar el tile oficial sin deformar ni recortar */
.brand-mark{
  width:38px;height:38px;object-fit:cover;display:block;flex:0 0 38px;
  border-radius:0
}
.footer .brand-mark{width:38px;height:38px}

/* Hero: un punto más de presencia, mismo estilo */
.kicker{margin-bottom:20px}
.kicker strong{font-size:15px;font-weight:800;letter-spacing:.18em}
.kicker span{font-size:18px;font-weight:800}
.proof .proof-day b{font-size:21px;font-weight:800}
.proof .proof-day em{font-size:12px;font-weight:600}

/* Resultado: 1 día debe entrar primero por los ojos */
.result-day{
  display:flex;align-items:baseline;gap:12px;margin:12px 0 18px
}
.result-day strong{
  font:800 clamp(34px,4vw,54px)/.95 "Manrope";
  color:var(--lime);letter-spacing:-.04em
}
.result-day span{
  font:700 11px "Manrope";
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted)
}
.idea-grid>p strong{font-weight:800;color:var(--ink)}

/* Motor: más minimalista y más claramente propio */
.tech-head{grid-template-columns:1fr}
.owned-badge{
  display:inline-flex;margin-top:20px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  font:800 8px "Manrope";letter-spacing:.16em;color:rgba(255,255,255,.72)
}
.motor-list aside strong{
  max-width:400px;font-size:18px;line-height:1.35
}

/* Equipo: imágenes elegidas + mejor legibilidad */
.crew-overlay{
  background:linear-gradient(90deg,rgba(9,12,9,.83),rgba(9,12,9,.47) 58%,rgba(9,12,9,.23))
}
.crew-content>p{
  color:rgba(255,255,255,.78);
  font-weight:500
}
.figures strong{font-size:34px;white-space:nowrap}
.figures span{color:rgba(255,255,255,.76);font-weight:600}

/* Atención humana */
.people-grid>p strong{font-weight:800;color:var(--ink)}

/* Volver a la cobertura radial anterior: más limpia y aspiracional */
.map-v2{display:none}

/* Dos formularios, dos objetivos distintos */
.client-contact{background:var(--ink)}
.client-contact h2 span{color:var(--lime)}
.client-contact-grid{}
.advisor-contact{background:#0d110d;border-top:1px solid rgba(255,255,255,.07)}
.advisor-pitch{max-width:460px!important;font-size:16px!important;line-height:1.55!important;color:rgba(255,255,255,.66)!important}
.advisor-pitch strong{color:var(--lime);font-weight:800}
.client-contact .contact-grid>div>p strong{color:#fff;font-weight:800}

/* CTA flotante: siempre prioriza al cliente */
.mobile .pill{font-size:12px;line-height:1.1;text-align:center;padding:0 16px}
.mobile .circle{font:500 28px/1 "Manrope"}

@media(max-width:640px){
  .brand-mark{width:34px;height:34px;flex-basis:34px}
  .kicker strong{font-size:13px}
  .kicker span{font-size:16px}
  .proof .proof-day b{font-size:25px}
  .proof .proof-day em{font-size:11px}
  .result-day{margin:8px 0 18px;display:block}
  .result-day strong{display:block;font-size:48px}
  .result-day span{display:block;margin-top:7px;font-size:10px}
  .tech-head{margin-bottom:28px}
  .owned-badge{margin-top:14px}
  .crew-content>p{font-size:13.5px;line-height:1.62}
  .figures strong{font-size:28px}
  .advisor-pitch{font-size:15px!important}
  .mobile{grid-template-columns:1fr 52px}
}

/* V2.5 — ajustes finales de mensaje y comportamiento */

/* Isologo: no recortar */
.brand-mark{
  width:38px;height:38px;
  object-fit:contain;
  object-position:center;
  display:block;
  flex:0 0 38px;
  border-radius:0;
  background:#111;
}
.footer .brand-mark{width:38px;height:38px;object-fit:contain}

/* Refuerzo: 1 día = tu espacio, no lenguaje interno de fases */
.proof .proof-day em{font-weight:700}
.result-day span{font-weight:800}
.idea-grid>p strong{font-weight:800}
.figures div:last-child strong{font-weight:800}

/* Exterior: recorte superior para que no aparezcan camioneta/logos inferiores */
.slide-exterior{background-image:url("assets/equipo-exterior.jpg");animation-delay:6s;background-position:center}

/* CTA flotante mobile: oculto en landing, aparece al salir del hero */
.mobile{
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.mobile.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

@media(max-width:640px){
  .brand-mark{width:34px;height:34px;flex-basis:34px;object-fit:contain}
}

/* V2.6 — correcciones visuales y precisión del motor */

/* Isologo: tile negro uniforme, sin borde/corte blanco */
.brand-mark{
  width:38px;height:38px;
  object-fit:contain;
  object-position:center;
  display:block;
  flex:0 0 38px;
  background:#0e0e0e;
  border:0;
  box-shadow:none;
}
.footer .brand-mark{
  width:38px;height:38px;
  background:#0e0e0e;
  border:0;
  box-shadow:none;
}

/* Cobertura: Zona Norte + CABA con más presencia */
.coverage-lead strong{
  font-weight:800;
  font-size:1.18em;
  letter-spacing:-.01em;
}

/* Carrusel: originales elegidos; mejor encuadre */
.slide-interior{
  background-size:cover;
  background-position:center;
}
.slide-exterior{
  background-size:cover;
  background-position:center 16%;
}

@media(max-width:640px){
  .coverage-lead strong{font-size:1.12em}
  .brand-mark{width:34px;height:34px;flex-basis:34px}
}

/* V2.6.1 — isologo limpio: solo símbolo blanco, sin caja ni líneas */
.brand-mark,
.footer .brand-mark{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}

/* V2.6.2 — logo: header restaurado + footer vectorial */
header .brand-mark{
  width:38px;height:38px;
  object-fit:contain;
  background:#0e0e0e !important;
  border:0 !important;
  box-shadow:none !important;
}
footer .brand-mark{
  width:38px;height:38px;
  object-fit:contain;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media(max-width:640px){
  header .brand-mark, footer .brand-mark{width:34px;height:34px}
}

/* V2.6.3 — footer: solo wordmark PINTAFIX */
.footer .brand{
  margin-left:0;
}
.footer-wordmark{
  display:block;
  font:800 22px/1 "Manrope";
  letter-spacing:.08em;
  color:#fff;
}
@media(max-width:640px){
  .footer-wordmark{
    font-size:21px;
  }
}

/* V2.6.4 — etapa visual cerrada: una sola imagen de equipo */
.team-carousel .slide:not(:first-child),
.crew-carousel .slide:not(:first-child),
.team-gallery > *:not(:first-child),
.crew-gallery > *:not(:first-child){
  display:none !important;
}

/* V2.6.5 — capacidad de ejecución: una sola imagen premium seleccionada */
.crew .crew-carousel .crew-slide.slide-team-premium{
  position:absolute;
  inset:0;
  opacity:1 !important;
  animation:none !important;
  transform:none !important;
  background-image:url("https://apgpainting.com.au/hero-painting-background.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:640px){
  .crew .crew-carousel .crew-slide.slide-team-premium{
    background-position:center center !important;
  }
}


/* V2.6.6 — modal de confirmación Pintafix */
body.modal-open{overflow:hidden}

.pf-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.pf-modal.is-open{
  opacity:1;
  pointer-events:auto;
}
.pf-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(6px);
}
.pf-modal-card{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  background:#f4f0e7;
  color:#111;
  border-radius:28px;
  padding:34px 34px 30px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
}
.pf-modal-kicker{
  margin-bottom:18px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  color:#6f6f68;
}
.pf-modal-card h3{
  margin:0 42px 12px 0;
  font-size:clamp(34px,5vw,52px);
  line-height:.96;
  letter-spacing:-.04em;
}
.pf-modal-card p{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.45;
  color:#55554f;
}
.pf-modal-card strong{
  display:block;
  font-size:19px;
  line-height:1.4;
  max-width:420px;
}
.pf-modal-button{
  margin-top:28px;
  width:100%;
  border:0;
  border-radius:999px;
  padding:15px 22px;
  background:#b8ff22;
  color:#101010;
  font:800 15px/1 "Manrope";
  cursor:pointer;
}
.pf-modal-close{
  position:absolute;
  top:18px;
  right:20px;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:rgba(17,17,17,.08);
  color:#111;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
@media(max-width:640px){
  .pf-modal{padding:18px}
  .pf-modal-card{
    border-radius:24px;
    padding:28px 24px 24px;
  }
  .pf-modal-card p{font-size:17px}
  .pf-modal-card strong{font-size:18px}
}

/* V2.6.7 — ÚNICO CAMBIO: destacar PINTURA + TECNOLOGÍA */
.hero .kicker{
  position:relative;
  width:max-content;
  max-width:100%;
  padding-bottom:14px;
  margin-bottom:26px;
  gap:12px;
  font-size:18px;
  letter-spacing:.14em;
}
.hero .kicker strong{
  font-size:18px;
  font-weight:800;
}
.hero .kicker span{
  font-size:22px;
  font-weight:900;
}
.hero .kicker::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  border-radius:999px;
  background:var(--lime);
}
@media(max-width:640px){
  .hero .kicker{
    gap:9px;
    font-size:15px;
    letter-spacing:.12em;
    padding-bottom:11px;
    margin-bottom:20px;
  }
  .hero .kicker strong{font-size:15px}
  .hero .kicker span{font-size:19px}
  .hero .kicker::after{height:3px}
}


/* V2.6.8 — corrección exclusivamente responsive mobile.
   Mantiene intacto el destaque aprobado de PINTURA + TECNOLOGÍA. */
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}

  .wrap{
    width:calc(100% - 28px);
    max-width:calc(100% - 28px);
    margin-left:auto;
    margin-right:auto;
  }

  .nav{
    width:100%;
    max-width:100%;
    padding-left:14px;
    padding-right:14px;
    gap:8px;
  }

  .nav .brand{
    flex:0 1 auto;
    min-width:0;
  }

  .nav-right{
    flex:0 0 auto;
    min-width:0;
    max-width:45%;
  }

  .login{
    max-width:100%;
    font-size:10px;
    gap:5px;
  }

  .login span{flex:0 0 auto}

  .hero-content{
    width:calc(100% - 28px);
    max-width:calc(100% - 28px);
    min-width:0;
  }

  .hero .kicker{
    width:fit-content;
    max-width:100%;
  }

  .hero-cta{
    width:100%;
    max-width:100%;
    min-width:0;
    padding-left:14px;
    padding-right:14px;
    white-space:normal;
  }

  .hero-cta b{flex:0 0 auto}

  .proof{
    width:100%;
    max-width:100%;
    min-width:0;
  }
}

@media(max-width:390px){
  .nav .brand{font-size:14px}
  .nav .brand-mark{width:32px;height:32px}
  .login{font-size:9px}
}

/* AJUSTE FINAL APROBADO — PINTURA + TECNOLOGÍA */
.hero .kicker{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  letter-spacing:.17em;
  color:#fff;
  margin-bottom:22px;
  padding-bottom:10px;
  border-bottom:3px solid var(--lime);
}
.hero .kicker strong{
  font-size:16px;
  font-weight:800;
  color:#fff;
}
.hero .kicker span{
  font-size:19px;
  font-weight:800;
  color:var(--lime);
  letter-spacing:0;
}
.hero .kicker::after{
  content:none;
}

@media(max-width:640px){
  .hero .kicker{
    font-size:12px;
    gap:8px;
    padding-bottom:7px;
    border-bottom-width:2px;
    margin-bottom:20px;
  }
  .hero .kicker strong{font-size:12px}
  .hero .kicker span{font-size:15px}
}

/* PINTAFIX — cierre final social */
.footer-brand-social{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.instagram-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:inherit;
  text-decoration:none;
  font:600 12px/1 "Manrope";
  opacity:.8;
  transition:opacity .2s ease;
}
.instagram-link:hover{opacity:1}
.instagram-link svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
@media(max-width:640px){
  .footer-brand-social{align-items:center}
}