/* Spotter V3.4 — header rebuilt, scoped to portfolio */
#pv3-account-actions{display:flex;gap:9px;align-items:center;padding:0;margin:0;max-width:none;position:static;font-family:Inter,Arial,sans-serif}
#pv3-account-actions a{white-space:nowrap;font-size:12px;padding:9px 12px;border-radius:8px}
body > #pv3-account-actions{visibility:hidden;height:0;overflow:hidden;padding:0}
.spotter-v3 .site-header{width:100%;height:auto;min-height:82px;display:flex;gap:24px;justify-content:space-between;align-items:center;padding:12px max(36px,calc((100% - 1220px)/2));border-bottom:1px solid #363e39}
.spotter-v3 .site-header .logo{flex:0 0 auto;min-width:0}
.spotter-v3 .site-header .pv3-official-logo{width:124px;height:auto;max-height:43px;object-fit:contain}
.spotter-v3 .site-header nav{display:flex;gap:21px;align-items:center;margin-left:auto}
.spotter-v3 .site-header nav a{white-space:nowrap}
.spotter-v3 .pv34-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}
.spotter-v3 .pv34-actions .nav-contact{display:inline-flex;align-items:center;padding:11px 13px;background:#7ed321;border:1px solid #7ed321;color:#1f2224;font-size:12px;font-weight:800}
.spotter-v3 .pv34-actions .nav-contact span{color:#1f2224;margin-left:7px}
.spotter-v3 .pv34-mobile-nav{display:none}
@media(max-width:1050px){.spotter-v3 .site-header{gap:14px;padding:12px 22px}.spotter-v3 .site-header nav{gap:12px}.spotter-v3 .site-header .pv3-official-logo{width:110px}.spotter-v3 .logo-divider,.spotter-v3 .logo small{display:none}}
@media(max-width:760px){
 .spotter-v3 .site-header{min-height:64px;padding:10px 18px;gap:10px;flex-wrap:nowrap}
 .spotter-v3 .site-header .pv3-official-logo{width:115px;max-height:40px}
 .spotter-v3 .site-header nav{display:none}
 .spotter-v3 .pv34-actions{gap:0;margin-left:auto}
 .spotter-v3 .pv34-actions .nav-contact{padding:10px 14px;font-size:12px}
 #pv3-account-actions{display:none!important}
 .spotter-v3 .pv34-mobile-nav{display:flex!important;gap:7px;overflow-x:auto;scrollbar-width:none;padding:10px 18px 12px;border-bottom:1px solid #333c36;-webkit-overflow-scrolling:touch}
 .spotter-v3 .pv34-mobile-nav::-webkit-scrollbar{display:none}
 .spotter-v3 .pv34-mobile-nav a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;border:1px solid #414b44;border-radius:100px;padding:8px 13px;color:#cdd8cc;font-size:11px;font-weight:700;white-space:nowrap}
 .spotter-v3 .pv34-mobile-nav a:focus-visible{border-color:#7ed321}
 .spotter-v3 .pv34-mobile-nav a.pv34-account-chip{color:#7ed321;border-color:#557c2c}
}
@media(min-width:761px) and (max-width:1050px){.spotter-v3 .site-header nav a{font-size:11px}#pv3-account-actions a{padding:8px 9px;font-size:11px}}

/* SPOTTER HAMBURGER V35 */
.spotter-v3 .pv35-toggle { display:none; }

@media(max-width:760px){
 .spotter-v3 { position:relative; }

 .spotter-v3 .site-header {
   position:relative;
   z-index:101;
 }

 .spotter-v3 .pv34-actions {
   display:flex;
   align-items:center;
   gap:9px;
 }

 .spotter-v3 .pv35-toggle {
   display:flex;
   width:40px;
   height:40px;
   padding:10px;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:5px;
   background:#282f2b;
   border:1px solid #475248;
   border-radius:10px;
   cursor:pointer;
 }

 .spotter-v3 .pv35-toggle span {
   display:block;
   width:18px;
   height:2px;
   background:#fff;
   border-radius:2px;
   transition:transform .2s,opacity .2s;
 }

 .spotter-v3.pv35-open .pv35-toggle span:nth-child(1){
   transform:translateY(7px) rotate(45deg);
 }
 .spotter-v3.pv35-open .pv35-toggle span:nth-child(2){
   opacity:0;
 }
 .spotter-v3.pv35-open .pv35-toggle span:nth-child(3){
   transform:translateY(-7px) rotate(-45deg);
 }

 .spotter-v3 .pv34-mobile-nav {
   display:none!important;
   position:absolute;
   top:64px;
   left:0;
   right:0;
   z-index:100;
   padding:14px 18px 20px;
   background:#232925;
   border-bottom:1px solid #465247;
   box-shadow:0 20px 35px #0007;
   overflow:visible;
 }

 .spotter-v3.pv35-open .pv34-mobile-nav {
   display:flex!important;
   flex-direction:column;
   gap:4px;
 }

 .spotter-v3 .pv34-mobile-nav a {
   width:100%;
   box-sizing:border-box;
   border:none;
   border-radius:8px;
   padding:13px 14px;
   font-size:13px;
   justify-content:flex-start;
 }

 .spotter-v3 .pv34-mobile-nav a:hover,
 .spotter-v3 .pv34-mobile-nav a:focus-visible {
   background:#344037;
   color:#7ed321;
 }
}

/* SPOTTER LOGO SIZE V36 */

/* Header escritorio */
.spotter-v3 .pv34-logo img,
.spotter-v3 .pv34-brand img {
    width:145px !important;
    max-width:145px !important;
    height:auto !important;
    object-fit:contain;
}

/* Footer escritorio */
.spotter-v3 .pv3-footer img,
.spotter-v3 .pv34-footer img {
    width:155px !important;
    max-width:155px !important;
    height:auto !important;
    object-fit:contain;
}

@media(max-width:760px){

    /* Header movil */
    .spotter-v3 .pv34-logo img,
    .spotter-v3 .pv34-brand img {
        width:115px !important;
        max-width:115px !important;
        height:auto !important;
    }

    /* Footer movil */
    .spotter-v3 .pv3-footer img,
    .spotter-v3 .pv34-footer img {
        width:135px !important;
        max-width:135px !important;
        height:auto !important;
    }
}


/* SPOTTER HEADER V37 */

/* Logo oficial: selector real del header */
.spotter-v3 .site-header .logo .pv3-official-logo {
    display:block !important;
    width:160px !important;
    max-width:160px !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain;
}

@media (max-width:760px) {
    .spotter-v3 .site-header .logo {
        display:flex !important;
        align-items:center !important;
        flex:0 1 150px !important;
        min-width:0 !important;
    }

    .spotter-v3 .site-header .logo .pv3-official-logo {
        width:150px !important;
        max-width:100% !important;
        max-height:none !important;
    }

    .spotter-v3.pv35-open .pv34-mobile-nav {
        display:flex !important;
        flex-direction:column !important;
        gap:4px !important;
    }
}

/* SPOTTER HERO MOBILE V4 */
@media(max-width:700px) {
 .spotter-v3 .hero.wrap {
   position:relative;
   display:flex;
   flex-direction:column;
   justify-content:flex-end;
   width:calc(100% - 24px);
   min-height:clamp(590px,160vw,760px);
   margin:12px auto 48px;
   padding:0 0 24px;
   overflow:hidden;
   border-radius:18px;
   isolation:isolate;
   background:#141916;
 }
 .spotter-v3 .hero-visual {
   position:absolute;
   inset:0;
   padding:0;
   width:100%;
   height:100%;
   z-index:-1;
 }
 .spotter-v3 .hero-photo {
   position:absolute;
   inset:0;
   width:100%;
   height:100%;
   min-height:0;
   border:0;
   border-radius:0;
 }
 .spotter-v3 .hero-photo::after {
   content:"";
   position:absolute;
   inset:0;
   background:linear-gradient(180deg,
     rgba(15,20,17,.04) 15%,
     rgba(15,20,17,.20) 40%,
     rgba(15,20,17,.83) 76%,
     #101612 100%);
   pointer-events:none;
 }
 .spotter-v3 .pv3-photo,
 .spotter-v3 .pv3-photo img {
   width:100%;
   height:100%;
 }
 .spotter-v3 .pv3-photo img {
   object-fit:cover;
   object-position:center 24%;
 }
 .spotter-v3 .hero-copy {
   position:relative;
   z-index:2;
   width:100%;
   padding:0 22px;
   color:#fff;
 }
 .spotter-v3 .hero .eyebrow {
   font-size:10px;
   letter-spacing:.1em;
 }
 .spotter-v3 .hero h1 {
   color:#fff;
   font-size:clamp(38px,10vw,56px);
   line-height:1.04;
   margin:12px 0 10px;
   letter-spacing:-.045em;
 }
 .spotter-v3 .hero-expertise {
   color:#7ed321;
   font-size:16px;
   font-weight:800;
   line-height:1.35;
   margin:0 0 10px;
 }
 .spotter-v3 .hero .lead {
   color:#f0f4ef;
   font-size:13px;
   line-height:1.55;
   margin-bottom:16px;
   max-width:36ch;
 }
 .spotter-v3 .hero-actions {
   display:flex;
   flex-direction:column;
   gap:10px;
   margin-top:16px;
 }
 .spotter-v3 .hero .primary {
   width:100%;
   border-radius:12px;
   background:#7ed321;
   color:#1f2224;
   justify-content:center;
   padding:16px;
   font-weight:800;
 }
 .spotter-v3 .hero .quiet {
   align-self:center;
   font-size:12px;
 }
 .spotter-v3 .hero-visual .portrait {
   display:none;
 }
 .spotter-v3 .hero-visual .rotated,
 .spotter-v3 .hero-visual .photo-label {
   display:none!important;
 }
}

/* SPOTTER HERO MOBILE V41 */
.spotter-v3 .pv41-socials {
 display:flex;
 align-items:center;
 gap:10px;
 margin:20px 0 16px;
}
.spotter-v3 .pv41-social {
 display:flex;
 width:44px;
 height:44px;
 align-items:center;
 justify-content:center;
 border:1px solid #657167;
 background:rgba(20,27,23,.65);
 border-radius:12px;
 color:#fff;
 text-decoration:none;
 backdrop-filter:blur(10px);
}
.spotter-v3 .pv41-social.is-disabled {
 opacity:.38;
 cursor:default;
}
@media(max-width:700px){
 .spotter-v3 {
   position:relative;
 }
 .spotter-v3 .site-header {
   position:absolute !important;
   z-index:40;
   top:0;
   left:0;
   right:0;
   min-height:72px;
   border:0 !important;
   background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent) !important;
 }
 .spotter-v3 .site-header .nav-contact {
   display:none !important;
 }
 .spotter-v3 .hero.wrap {
   margin-top:0 !important;
   padding-top:90px;
   padding-bottom:24px;
 }
 .spotter-v3 .pv34-mobile-nav {
   z-index:39;
 }
 .spotter-v3 .hero-actions .pv41-services-cta {
   display:flex;
   align-items:center;
   justify-content:center;
   width:100%;
   background:#7ed321 !important;
   color:#1f2224 !important;
   border-radius:14px;
   padding:17px 14px;
   font-size:15px;
   font-weight:800;
   text-decoration:none;
 }
 .spotter-v3 .hero-actions .primary {
   display:none !important;
 }
 .spotter-v3 .hero .eyebrow {
   display:none;
 }
}

/* SPOTTER HERO FULL BLEED V42 */
@media (max-width:700px) {

 .spotter-v3 .hero.wrap {
   box-sizing:border-box !important;
   display:flex !important;
   flex-direction:column !important;
   justify-content:flex-end !important;
   position:relative !important;
   isolation:isolate !important;
   width:100% !important;
   max-width:none !important;
   min-height:max(700px,100svh) !important;
   height:auto !important;
   margin:0 !important;
   padding:100px 20px 24px !important;
   overflow:hidden !important;
   border:0 !important;
   border-radius:0 !important;
   background:#111713 !important;
 }

 .spotter-v3 .hero-visual,
 .spotter-v3 .hero-photo {
   position:absolute !important;
   inset:0 !important;
   width:100% !important;
   height:100% !important;
   min-height:100% !important;
   padding:0 !important;
   margin:0 !important;
   border:0 !important;
   border-radius:0 !important;
   overflow:hidden !important;
 }

 .spotter-v3 .pv3-photo,
 .spotter-v3 .pv3-photo img {
   display:block !important;
   width:100% !important;
   height:100% !important;
   min-height:100% !important;
   border-radius:0 !important;
 }

 .spotter-v3 .pv3-photo img {
   object-fit:cover !important;
   object-position:center 28% !important;
 }

 .spotter-v3 .hero-photo::after {
   content:"" !important;
   position:absolute !important;
   inset:0 !important;
   background:linear-gradient(
     180deg,
     rgba(8,12,10,.38) 0%,
     rgba(8,12,10,0) 25%,
     rgba(8,12,10,.12) 42%,
     rgba(8,12,10,.70) 65%,
     #111713 94%
   ) !important;
   pointer-events:none !important;
 }

 .spotter-v3 .hero-copy {
   position:relative !important;
   z-index:2 !important;
   box-sizing:border-box !important;
   width:100% !important;
   max-width:none !important;
   margin-top:auto !important;
   padding:0 !important;
 }

 .spotter-v3 .hero-actions {
   display:flex !important;
   flex-direction:column !important;
   width:100% !important;
   margin:16px 0 0 !important;
   padding:0 !important;
 }

 .spotter-v3 .hero-actions .pv41-services-cta {
   display:flex !important;
   width:100% !important;
   min-height:54px !important;
   align-items:center !important;
   justify-content:center !important;
   margin:0 !important;
   border-radius:14px !important;
   background:#7ed321 !important;
   color:#1f2224 !important;
   font-size:15px !important;
   font-weight:800 !important;
 }

 .spotter-v3 .site-header {
   box-sizing:border-box !important;
   padding:12px 20px !important;
 }

 .spotter-v3 .hero.wrap + section {
   margin-top:0 !important;
 }

}