/* Dirección fotográfica final: contexto, actividad y detalle.
   Capas de fotografía y color independientes del texto; conserva la marca ASEMAT. */

.brand-style{--photo-ink:#102d29;--photo-green:#9ce1bc;--photo-paper:#f5f8f5}
.brand-style .hero-background{position:relative;isolation:isolate;overflow:hidden;border:0;background:#102d29}
.brand-style .hero-background:before{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mask-image:none;background:linear-gradient(90deg,rgba(5,30,27,.97) 0%,rgba(5,30,27,.93) 30%,rgba(5,30,27,.72) 50%,rgba(5,30,27,.12) 83%,rgba(5,30,27,.16) 100%)}
.brand-style .editorial-photo{border:0;border-radius:0;box-shadow:none;background:transparent;margin:0;overflow:hidden}
.brand-style .editorial-photo picture{display:block;width:100%;height:100%}
.brand-style .editorial-photo img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;mix-blend-mode:normal}
.brand-style .editorial-photo figcaption{display:none}

/* La portada ocupa el ancho de la pantalla; la retícula de lectura se conserva. */
.brand-style .hero{position:static;display:flex;align-items:center;min-height:690px;padding-block:64px 62px}
.brand-style .hero-copy{position:relative;z-index:2;width:600px;max-width:52%}
.brand-style .home-photo{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}
.brand-style .home-photo img{object-position:center 54%}
.brand-style .hero h1{color:white;font-size:clamp(44px,4.3vw,62px);line-height:1.08;font-weight:650;margin-block:25px 27px}
.brand-style .hero h1 em,.brand-style .landing-hero h1 em{color:var(--photo-green);background:none;-webkit-text-fill-color:currentColor}
.brand-style .hero-copy>.eyebrow,.brand-style .landing-hero>div>.eyebrow{padding:0;border:0;border-radius:0;background:transparent;color:#c8efdc;font-size:10px;letter-spacing:.13em}
.brand-style .hero .dot{background:#91dfb6;box-shadow:0 0 0 5px #91dfb612;margin-right:5px}
.brand-style .hero .lead{font-size:19px;color:#f0f6f3;max-width:500px;line-height:1.65}
.brand-style .hero-description{color:#d4e1da;font-size:14px;max-width:430px;line-height:1.8}
.brand-style .hero-foot{color:#c2d8cd;margin-top:27px;font-size:10px;letter-spacing:.08em}
.brand-style .hero-foot .mini-line{background:#81b59d}
.brand-style .hero .button,.brand-style .landing-hero .button{background:#c5efd9;color:#123e2b;border-radius:7px;box-shadow:0 5px 16px #031a2026;font-size:13px}
.brand-style .hero .button:hover,.brand-style .landing-hero .button:hover{background:#def9eb;box-shadow:0 7px 22px #031a2033;color:#123e2b}
.brand-style .hero-background :focus-visible{outline-color:#b7f1d2}

/* Una escena de actividad por paquete; las fotos conservan sus colores naturales. */
.brand-style .solutions{background:#f7f9f7;padding-block:76px 80px;border:0}
.brand-style .package-choice{background:white;border:1px solid #dce5df;border-radius:10px;box-shadow:0 5px 18px #173c2810}
.brand-style .package-choice:hover,.brand-style .package-choice:focus-within{border-color:#9cc7b1;box-shadow:0 9px 26px #173c2817}
.brand-style .package-tab{display:flex;flex-direction:column;align-items:stretch;padding:0 25px 24px;background:white}
.brand-style .package-tab.active{background:#f0f7f2;box-shadow:inset 0 -3px 0 var(--package-color)}
.brand-style .package-tab[data-package=agente].active{background:#eff7f6}
.brand-style .package-tab[data-package=ingenieria].active{background:#f2f5f8}
.brand-style .package-image{display:block;flex:none;height:228px;padding:0;margin:0 -25px 22px;background:#d4ded7;border:0;overflow:hidden}
.brand-style .package-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 43%;transition:transform .45s ease}
.brand-style .image-agente img{object-position:50% 36%}
.brand-style .image-ingenieria img{object-position:52% 35%}
.brand-style .package-choice:hover .package-image img{transform:scale(1.035)}
.brand-style .package-tab>strong{font-size:28px;margin-block:17px 17px;font-weight:650}
.brand-style .package-more{font-size:13px;padding-block:14px 17px}
.brand-style .package-panels{margin-top:28px;border-radius:12px;box-shadow:0 6px 25px #173c2808}
.brand-style .package-panel{padding:40px 42px;gap:48px}
.brand-style .deliverable{border-radius:8px;background:#f3f7f3;box-shadow:none}
.brand-style .connection{padding-block:85px}
.brand-style .connection .hero-map{background:#fafcf9;border-radius:12px;box-shadow:none;border-color:#dfe8e1;padding:26px}

/* Las bandas de contexto dejan espacios tranquilos para leer el contenido. */
.brand-style .spot{position:relative;isolation:isolate;background:#102a37;padding-block:80px;overflow:hidden}
.brand-style .spot:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,31,44,.78),rgba(9,31,44,.94) 55%,rgba(9,31,44,.97)),url('visual-final/inventario-1024.webp') left 46%/cover no-repeat}
.brand-style .spot .eyebrow{color:#9ce1bc}
.brand-style .spot-intro>p:not(.eyebrow){color:#d3e2e6}
.brand-style .service-list,.brand-style .service-list details{border-color:#8da9b14d}
.brand-style .service-list summary small{color:#b8ced6}
.brand-style .service-body p{color:#d6e3e7}
.brand-style .contact-background{position:relative;isolation:isolate;overflow:hidden;background:#f1f7f1;border:0}
.brand-style .contact-background:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(242,248,242,.93),rgba(242,248,242,.82) 48%,rgba(242,248,242,.72)),url('visual-final/contacto-1280.webp') center 52%/cover no-repeat}
.brand-style .contact{padding-block:82px;min-height:400px}
.brand-style .contact-action{background:rgba(255,255,255,.94);border:1px solid #e0e9e1;border-radius:12px;box-shadow:0 8px 30px #173c2812}
.brand-style .site-footer{background:#10252c}
.brand-style .footer-bottom{border-top-color:#ffffff1c}

/* Landings: una escena propia, con lectura a la izquierda y actividad a la derecha. */
.brand-style .landing-subnav{background:#f8faf8}
.brand-style .landing-hero{display:flex;align-items:center;position:static;min-height:575px;padding-block:68px 72px}
.brand-style .landing-hero>div:first-child{position:relative;z-index:2;max-width:52%;width:630px}
.brand-style .landing-photo{position:absolute;inset:0 0 0 36%;z-index:0;pointer-events:none;min-height:0;width:64%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%)}
.brand-style .landing-photo img{object-position:75% 45%}
.brand-style .landing-hero-background:before{background:linear-gradient(90deg,rgba(6,31,27,.98),rgba(6,31,27,.96) 30%,rgba(6,31,27,.87) 44%,rgba(6,31,27,.15) 75%,rgba(6,31,27,.07))}
.brand-style.theme-agente .landing-hero-background:before{background:linear-gradient(90deg,rgba(5,35,37,.98),rgba(5,35,37,.97) 30%,rgba(5,35,37,.88) 44%,rgba(5,35,37,.16) 75%,rgba(5,35,37,.08))}
.brand-style.theme-ingenieria .landing-hero-background:before{background:linear-gradient(90deg,rgba(13,32,48,.98),rgba(13,32,48,.97) 30%,rgba(13,32,48,.87) 44%,rgba(13,32,48,.18) 75%,rgba(13,32,48,.08))}
.brand-style.theme-agente .landing-photo{left:42%;width:58%}
.brand-style.theme-agente .landing-photo img{object-position:left center}
.brand-style.theme-ingenieria .landing-photo img{object-position:center 39%}
.brand-style.landing .landing-hero h1{color:#fff;font-weight:650;font-size:clamp(40px,4vw,58px);line-height:1.09;margin-block:24px 24px}
.brand-style .landing-name{color:#c7edda;max-width:500px;font-size:14px;font-weight:500}
.brand-style.theme-agente .landing-name{color:#c4e9e4}
.brand-style.theme-ingenieria .landing-name{color:#cfdfef}
.brand-style .landing-hero .lead{color:#e4eee9;font-size:17px;line-height:1.8;max-width:490px}
.brand-style .landing-actions{gap:24px}
.brand-style .landing-actions .text-link{color:#e2f2e9;font-size:12px}
.brand-style .landing-overview{padding-block:0}
.brand-style .landing-overview .hero-note{border:0;border-bottom:1px solid #dfe8e1;box-shadow:none;border-radius:0;background:#fff;padding:38px 0 28px;column-gap:45px;row-gap:23px}
.brand-style .landing-overview .overview-heading h2{font-size:23px}
.brand-style .landing-overview .hero-chain li>b{background:#f0f7f2;border-color:#d8e8dd;border-radius:50%}
.brand-style .landing-overview .note-caption{border-top-color:#e5ece6;font-size:11px}
.brand-style .landing-section{padding-block:70px}
.brand-style .soft-section{background:#f6f8f5;border-color:#e4eae3}
.brand-style .scope-block{border-radius:10px;background:#fff;border-color:#dfe7df;box-shadow:none}

/* Escena editorial del método: primero la actividad, luego el detalle de cada paso. */
.brand-style .method-editorial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.brand-style .method-photo{margin:0;position:sticky;top:110px;overflow:hidden;background:#e3e9e1}
.brand-style .method-photo img{display:block;width:100%;height:630px;object-fit:cover;object-position:50% 44%}
.brand-style.theme-agente .method-photo img{object-position:49% center}
.brand-style.theme-ingenieria .method-photo img{object-position:48% center}
.brand-style .method-photo:after{content:"";display:block;height:4px;background:var(--accent)}
.brand-style .method-content{min-width:0}
.brand-style .method-content .section-heading{display:block;margin-bottom:28px}
.brand-style .method-content .section-heading>p{max-width:520px;margin-top:18px}
.brand-style .method-content .method-list li{grid-template-columns:35px 1fr;gap:16px;padding-block:21px}
.brand-style .method-content .method-list li>div{display:block}
.brand-style .method-content .method-list h3{margin-bottom:8px;font-size:19px}
.brand-style .method-content .method-list p{font-size:13px;line-height:1.8}
.brand-style .method-content .method-list li>b{font-size:22px}
.brand-style .evidence-section{background:#102b35}
.brand-style .example-card{background:#ffffff05;border:1px solid #ffffff25;border-radius:8px;box-shadow:none}
.brand-style .landing-contact{position:relative;isolation:isolate;overflow:hidden;border:0;background:#edf6ef;padding-block:75px}
.brand-style .landing-contact:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(241,248,241,.96),rgba(241,248,241,.9) 52%,rgba(241,248,241,.68)),url('visual-final/contacto-1280.webp') center 50%/cover no-repeat;pointer-events:none}
.brand-style .landing-contact>.container{position:relative;z-index:1}
.brand-style .landing-contact h2{max-width:670px}

@media(min-width:1600px){
  .brand-style .hero-background:before{background:linear-gradient(90deg,rgba(5,30,27,.97),rgba(5,30,27,.94) 34%,rgba(5,30,27,.73) 52%,rgba(5,30,27,.12) 83%)}
  .brand-style .landing-photo,.brand-style.theme-agente .landing-photo{left:auto;right:0;max-width:1000px}
  .brand-style .landing-photo img,.brand-style.theme-ingenieria .landing-photo img{object-position:center top}
  .brand-style.theme-agente .landing-photo img{object-position:left top}
}
@media(max-width:1200px){
  .brand-style .hero-copy{max-width:55%}
  .brand-style .hero h1{font-size:54px}
  .brand-style .hero{min-height:650px;padding-block:58px}
  .brand-style .package-tab{padding-inline:22px}
  .brand-style .package-image{height:205px;margin-inline:-22px}
  .brand-style .package-tab>strong{font-size:26px}
  .brand-style .package-panel{padding:32px;gap:32px}
  .brand-style .landing-hero>div:first-child{max-width:55%}
  .brand-style.landing .landing-hero h1{font-size:49px}
  .brand-style .method-editorial{gap:40px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
  .brand-style .method-photo img{height:590px}
}
@media(min-width:801px) and (max-width:1000px){
  .brand-style .hero-copy{max-width:64%;width:570px}
  .brand-style .hero h1{font-size:48px}
  .brand-style .hero .lead{font-size:17px}
  .brand-style .hero-background:before{background:linear-gradient(90deg,rgba(5,30,27,.98),rgba(5,30,27,.95) 33%,rgba(5,30,27,.78) 59%,rgba(5,30,27,.15))}
  .brand-style .landing-hero>div:first-child{max-width:65%}
  .brand-style.landing .landing-hero h1{font-size:45px}
  .brand-style .landing-hero-background:before{background:linear-gradient(90deg,rgba(6,31,27,.98),rgba(6,31,27,.95) 37%,rgba(6,31,27,.78) 62%,rgba(6,31,27,.22))}
  .brand-style.theme-agente .landing-hero-background:before{background:linear-gradient(90deg,rgba(5,35,37,.98),rgba(5,35,37,.96) 37%,rgba(5,35,37,.8) 62%,rgba(5,35,37,.22))}
  .brand-style.theme-ingenieria .landing-hero-background:before{background:linear-gradient(90deg,rgba(13,32,48,.98),rgba(13,32,48,.96) 37%,rgba(13,32,48,.8) 62%,rgba(13,32,48,.22))}
}
@media(max-width:1100px){
  .brand-style .landing-photo,.brand-style.theme-agente .landing-photo{left:0;width:100%;mask-image:none;-webkit-mask-image:none}
  .brand-style.theme-agente .landing-photo img{object-position:center 40%}
}
@media(max-width:800px){
  .brand-style .hero{display:block;min-height:650px;padding-block:48px 54px}
  .brand-style .hero-copy{max-width:590px;width:100%}
  .brand-style .hero h1{font-size:52px;max-width:600px}
  .brand-style .hero .lead{font-size:18px;max-width:490px}
  .brand-style .hero-background:before{background:linear-gradient(90deg,rgba(5,30,27,.94),rgba(5,30,27,.79)),linear-gradient(0deg,transparent 35%,rgba(5,30,27,.3))}
  .brand-style .home-photo img{object-position:60% center}
  .brand-style .solutions,.brand-style .connection,.brand-style .spot{padding-block:52px}
  .brand-style .package-tab{padding:0 16px 20px}
  .brand-style .package-image{height:175px;margin-inline:-16px;margin-bottom:18px}
  .brand-style .package-tab>strong{font-size:22px}
  .brand-style .package-panel{padding:28px;gap:28px}
  .brand-style .contact{padding-block:54px;gap:28px}
  .brand-style .contact-background:before{background:linear-gradient(90deg,rgba(242,248,242,.96),rgba(242,248,242,.86)),url('visual-final/contacto-640.webp') center/cover no-repeat}
  .brand-style .landing-hero{display:block;min-height:560px;padding-block:46px 52px}
  .brand-style .landing-hero>div:first-child{max-width:580px;width:100%}
  .brand-style.landing .landing-hero h1{font-size:50px;max-width:610px}
  .brand-style .landing-hero .lead{font-size:17px}
  .brand-style .landing-hero-background:before{background:linear-gradient(90deg,rgba(6,31,27,.96),rgba(6,31,27,.78)),linear-gradient(0deg,transparent,rgba(6,31,27,.2))}
  .brand-style.theme-agente .landing-hero-background:before{background:linear-gradient(90deg,rgba(5,35,37,.96),rgba(5,35,37,.79)),linear-gradient(0deg,transparent,rgba(5,35,37,.2))}
  .brand-style.theme-ingenieria .landing-hero-background:before{background:linear-gradient(90deg,rgba(13,32,48,.96),rgba(13,32,48,.79)),linear-gradient(0deg,transparent,rgba(13,32,48,.2))}
  .brand-style .landing-photo img{object-position:65% center}
  .brand-style .landing-overview .hero-note{padding:30px 0 24px;row-gap:24px}
  .brand-style .landing-section{padding-block:48px}
  .brand-style .method-editorial{grid-template-columns:1fr;gap:32px}
  .brand-style .method-photo{position:relative;top:auto}
  .brand-style .method-photo img{height:340px;object-position:center 40%}
  .brand-style.theme-agente .method-photo img{object-position:center 37%}
  .brand-style.theme-ingenieria .method-photo img{object-position:center 40%}
  .brand-style .method-content .method-list p{font-size:14px}
  .brand-style .landing-contact{padding-block:50px}
  .brand-style .landing-contact:before{background:linear-gradient(90deg,rgba(241,248,241,.95),rgba(241,248,241,.86)),url('visual-final/contacto-640.webp') center/cover no-repeat}
}
@media(max-width:500px){
  .brand-style .hero{min-height:620px;padding-block:42px 42px}
  .brand-style .hero h1{font-size:clamp(36px,10.4vw,48px);line-height:1.08;margin-block:24px}
  .brand-style .hero-copy>.eyebrow{font-size:9px;letter-spacing:.08em;gap:6px}
  .brand-style .hero .lead{font-size:17px;line-height:1.7}
  .brand-style .hero-description{font-size:13px;line-height:1.8;max-width:36ch}
  .brand-style .hero .button{padding:15px 20px;font-size:12px}
  .brand-style .hero-foot{margin-top:27px;font-size:9px}
  .brand-style .home-photo img{object-position:63% center}
  .brand-style .package-tabs{grid-template-columns:1fr;gap:20px}
  .brand-style .package-tab{display:grid;grid-template-columns:34px 1fr;padding:0 20px 20px;border-left:0}
  .brand-style .package-image{grid-column:1/-1;grid-row:1;height:186px;margin:0 -20px 20px}
  .brand-style .package-tab .tab-top{grid-column:1;grid-row:2/4}
  .brand-style .package-tab>strong{grid-column:2;grid-row:2;font-size:24px;margin:0}
  .brand-style .package-tab>strong br{display:none}
  .brand-style .package-tab .tab-bottom{grid-column:2;grid-row:3;margin-top:7px;font-size:11px}
  .brand-style .package-more{margin-inline:20px}
  .brand-style .package-panel{padding:26px 21px}
  .brand-style .package-panel h3{font-size:25px}
  .brand-style .connection .hero-map{padding:17px 12px;border-radius:10px}
  .brand-style .contact-action{padding:24px 20px}
  .brand-style .landing-hero{min-height:0;padding-block:38px 44px}
  .brand-style.landing .landing-hero h1{font-size:clamp(35px,10vw,45px);line-height:1.1;margin-block:23px 22px}
  .brand-style .landing-name{font-size:12px;line-height:1.7}
  .brand-style .landing-hero .lead{font-size:16px;line-height:1.8}
  .brand-style .landing-actions{gap:22px}
  .brand-style .landing-actions .button{font-size:12px;padding:15px 20px}
  .brand-style .landing-actions .text-link{font-size:12px}
  .brand-style .method-photo img{height:270px}
  .brand-style .method-editorial{gap:28px}
  .brand-style .method-content .section-heading h2{font-size:29px}
  .brand-style .method-content .method-list li{grid-template-columns:30px 1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .brand-style .package-image img{transition:none}
  .brand-style .package-choice:hover .package-image img{transform:none}
}
@media print{
  .brand-style .hero-background{background:white;overflow:visible}
  .brand-style .hero-background:before,.brand-style .spot:before,.brand-style .contact-background:before,.brand-style .landing-contact:before{display:none}
  .brand-style .hero,.brand-style .landing-hero{display:block;min-height:0;padding-block:24px}
  .brand-style .hero-copy,.brand-style .landing-hero>div:first-child{width:100%;max-width:none}
  .brand-style .hero h1,.brand-style .landing-hero h1{color:#102d29}
  .brand-style .hero h1 em,.brand-style .landing-hero h1 em{color:#007956}
  .brand-style .hero .lead,.brand-style .hero-description,.brand-style .landing-name,.brand-style .landing-hero .lead,.brand-style .hero-copy>.eyebrow,.brand-style .landing-hero>div>.eyebrow{color:#344b43}
  .brand-style .editorial-photo,.brand-style .method-photo{display:none}
  .brand-style .method-editorial{display:block}
  .brand-style .landing-overview .hero-note{padding-block:18px}
}