.agab-section,
.agab-section *{
  box-sizing:border-box;
}

.agab-section{
  --agab-bg:#030505;
  --agab-accent:#a4b129;
  --agab-text:#fff;
  --agab-muted:#e3e3e3;
  --agab-height-desktop:860px;
  --agab-height-laptop:760px;
  --agab-height-tablet-landscape:680px;
  --agab-height-tablet-portrait:0px;
  --agab-height-mobile:0px;
  --agab-top-desktop:145px;
  --agab-top-laptop:110px;
  --agab-top-tablet-landscape:80px;
  --agab-top-tablet-portrait:78px;
  --agab-top-mobile:58px;
  --agab-image:none;
  --agab-tablet-image:none;
  --agab-mobile-image:none;
  --agab-device-desktop-image:none;
  --agab-device-tablet-image:none;
  --agab-overlay:.62;
  --agab-bg-pos-desktop:68%;
  --agab-bg-pos-laptop:70%;
  --agab-bg-pos-tablet-landscape:72%;
  --agab-bg-pos-tablet-portrait:66%;
  --agab-bg-pos-mobile:70%;
  --agab-menu-overlap-desktop:105px;
  --agab-menu-overlap-laptop:90px;
  --agab-menu-overlap-tablet-landscape:82px;
  --agab-menu-overlap-tablet-portrait:76px;
  --agab-menu-overlap-mobile:70px;
  --agab-content-offset-desktop:-110px;
  --agab-content-offset-laptop:-75px;
  --agab-content-offset-tablet-landscape:-35px;
  --agab-content-offset-tablet-portrait:0px;
  --agab-content-offset-mobile:0px;
  --agab-current-content-offset:var(--agab-content-offset-desktop);
  --agab-current-device-image:var(--agab-device-desktop-image);
  --agab-current-device-width:var(--agab-device-width-desktop,64vw);
  --agab-current-device-right:var(--agab-device-right-desktop,-10px);
  --agab-current-device-bottom:var(--agab-device-bottom-desktop,0px);
  --agab-current-device-vertical:0px;
  --agab-current-top:var(--agab-top-desktop);
  --agab-current-menu-overlap:var(--agab-menu-overlap-desktop);
  isolation:isolate;
  position:relative;
  z-index:0;
  width:100vw;
  max-width:none;
  min-height:var(--agab-height-desktop);
  min-height:max(100svh,var(--agab-height-desktop));
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  color:var(--agab-text);
  background:var(--agab-bg);
  font-family:Arial,Helvetica,sans-serif;
}

.agab-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:var(--agab-overlay);
  background:
    linear-gradient(90deg,#000 0%,#000 25%,rgba(0,0,0,.88) 40%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.08) 58%,rgba(0,0,0,.34));
  pointer-events:none;
}

.agab-section::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  display:none;
  background-color:var(--agab-bg);
  background-image:var(--agab-image);
  background-repeat:no-repeat;
  background-position:var(--agab-bg-pos-desktop) bottom;
  background-size:cover;
  pointer-events:none;
}

.agab-section--has-background::after{display:block}

.agab-section__device{
  position:absolute;
  z-index:1;
  right:var(--agab-current-device-right);
  bottom:var(--agab-current-device-bottom);
  width:min(var(--agab-current-device-width),1230px);
  max-height:calc(100svh - var(--agab-current-menu-overlap) - 24px);
  aspect-ratio:3/2;
  background-image:var(--agab-current-device-image);
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:contain;
  transform:translateY(var(--agab-current-device-vertical));
  pointer-events:none;
}

.agab-section--behind-menu{
  margin-top:calc(-1 * var(--agab-current-menu-overlap));
  min-height:calc(100svh + var(--agab-current-menu-overlap));
}

.agab-section--behind-menu .agab-section__inner{
  padding-top:calc(var(--agab-current-top) + var(--agab-current-menu-overlap));
}

.agab-section__inner{
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  align-items:center;
  width:min(100%,1920px);
  min-height:inherit;
  margin:0 auto;
  padding:var(--agab-top-desktop) 0 46px;
}

.agab-section__content{
  position:relative;
  z-index:3;
  grid-column:1;
  justify-self:center;
  width:min(86%,660px);
  max-width:660px;
  padding:0;
  background:transparent!important;
  transform:translateY(var(--agab-current-content-offset));
}

.agab-section__content,
.agab-section__content > *,
.agab-section__body,
.agab-section__body > *{
  background-color:transparent!important;
  background-image:none!important;
}

.agab-section__content:only-child{
  max-width:660px;
}

.agab-section__title{
  margin:0;
  color:var(--agab-text);
  font-family:Baskerville,"Baskerville Old Face",Georgia,"Times New Roman",serif;
  font-size:clamp(36px,2.5vw,48px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:.98;
  text-wrap:balance;
}

.agab-section__title-line{
  display:block;
  color:inherit;
}

.agab-section__title-line--accent-mobile{
  color:var(--agab-accent);
}

.agab-section__subtitle{
  margin:24px 0 0;
  color:var(--agab-accent);
  font-size:clamp(15px,.94vw,18px);
  line-height:1.45;
}

.agab-section__body{
  max-width:650px;
  margin-top:22px;
  color:var(--agab-muted);
  font-size:clamp(13px,.76vw,15px);
  line-height:1.5;
}

.agab-section__body p{
  margin:0 0 20px;
}

.agab-section__body p:last-child{
  margin-bottom:0;
}

.agab-section__mobile-visual{
  display:none;
}

.agab-section__mobile-visual img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
}

.agab-section__clients{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px clamp(24px,2vw,40px);
  margin-top:36px;
}

.agab-client{
  display:grid;
  min-width:86px;
  min-height:40px;
  align-items:center;
  color:var(--agab-text)!important;
  text-decoration:none!important;
  transition:opacity .2s ease,transform .2s ease;
}

.agab-client:hover,
.agab-client:focus-visible{
  opacity:.78;
  transform:translateY(-2px);
}

.agab-client img{
  display:block;
  width:auto;
  max-width:132px;
  height:auto;
  max-height:44px;
  object-fit:contain;
  filter:grayscale(1) brightness(0) invert(1);
}

.agab-client__wordmark{
  color:var(--agab-text);
  font-size:clamp(23px,1.75vw,34px);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1;
  white-space:nowrap;
}

.agab-client:nth-child(2) .agab-client__wordmark{
  font-style:italic;
  font-weight:800;
}

.agab-client:nth-child(4) .agab-client__wordmark,
.agab-client:nth-child(5) .agab-client__wordmark{
  font-size:clamp(21px,1.5vw,29px);
  text-transform:lowercase;
}

.agab-section__feature{
  display:inline-flex;
  align-items:center;
  gap:18px;
  max-width:410px;
  margin-top:26px;
  color:var(--agab-text)!important;
  text-decoration:none!important;
}

.agab-section__feature-icon{
  display:grid;
  flex:0 0 66px;
  width:66px;
  height:66px;
  border:2px solid var(--agab-accent);
  border-radius:50%;
  place-items:center;
}

.agab-section__feature-icon svg{
  width:46px;
  height:46px;
  fill:none;
  stroke:var(--agab-text);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.agab-section__feature-copy{
  display:grid;
  gap:1px;
  font-size:14px;
  line-height:1.35;
}

.agab-section__feature-copy span{
  color:var(--agab-text);
}

.agab-section__feature-copy strong{
  color:var(--agab-accent);
  font-weight:400;
}

a.agab-section__feature:hover .agab-section__feature-icon,
a.agab-section__feature:focus-visible .agab-section__feature-icon{
  background:rgba(164,177,41,.13);
}

/* Laptop y pantallas intermedias. */
@media (min-width:1100px) and (max-width:1439px){
  .agab-section{
    --agab-current-top:var(--agab-top-laptop);
    --agab-current-menu-overlap:var(--agab-menu-overlap-laptop);
    --agab-current-content-offset:var(--agab-content-offset-laptop);
    --agab-current-device-width:var(--agab-device-width-laptop);
    --agab-current-device-right:var(--agab-device-right-laptop);
    --agab-current-device-bottom:0px;
    --agab-current-device-vertical:var(--agab-device-vertical-laptop);
    min-height:var(--agab-height-laptop);
    min-height:max(100svh,var(--agab-height-laptop));
  }
  .agab-section::after{background-position:var(--agab-bg-pos-laptop) bottom}
  .agab-section__inner{
    padding-top:var(--agab-top-laptop);
    padding-bottom:40px;
  }
  .agab-section__content{width:min(86%,600px);padding:0}
  .agab-section__title{font-size:clamp(34px,3vw,43px)}
  .agab-section__subtitle{margin-top:20px;font-size:15px}
  .agab-section__body{margin-top:19px;font-size:13px;line-height:1.45}
  .agab-section__body p{margin-bottom:16px}
  .agab-section__clients{gap:14px 26px;margin-top:28px}
  .agab-client__wordmark{font-size:27px}
  .agab-section__feature{margin-top:22px}
}

/* Tablet horizontal. */
@media (min-width:768px) and (max-width:1366px) and (min-height:500px) and (orientation:landscape){
  .agab-section{
    --agab-current-top:var(--agab-top-tablet-landscape);
    --agab-current-menu-overlap:var(--agab-menu-overlap-tablet-landscape);
    --agab-current-content-offset:var(--agab-content-offset-tablet-landscape);
    --agab-current-device-image:var(--agab-device-tablet-image);
    --agab-current-device-width:var(--agab-device-width-tablet-landscape);
    --agab-current-device-right:var(--agab-device-right-tablet-landscape);
    --agab-current-device-bottom:var(--agab-device-bottom-tablet-landscape);
    min-height:var(--agab-height-tablet-landscape);
    min-height:max(100svh,var(--agab-height-tablet-landscape));
  }
  .agab-section::after{background-image:var(--agab-tablet-image);background-position:var(--agab-bg-pos-tablet-landscape) bottom}
  .agab-section__inner{
    align-items:center;
    grid-template-columns:minmax(0,48%) minmax(0,52%);
    padding:var(--agab-top-tablet-landscape) 0 34px;
  }
  .agab-section__content{width:min(86%,560px);padding:0}
  .agab-section__title{font-size:clamp(31px,3.7vw,40px);line-height:1}
  .agab-section__subtitle{margin-top:17px;font-size:14px}
  .agab-section__body{margin-top:16px;font-size:12.5px;line-height:1.42}
  .agab-section__body p{margin-bottom:13px}
  .agab-section__clients{gap:11px 22px;margin-top:22px}
  .agab-client{min-width:70px;min-height:32px}
  .agab-client img{max-width:102px;max-height:34px}
  .agab-client__wordmark{font-size:23px}
  .agab-client:nth-child(4) .agab-client__wordmark,
  .agab-client:nth-child(5) .agab-client__wordmark{font-size:20px}
  .agab-section__feature{gap:13px;margin-top:18px}
  .agab-section__feature-icon{flex-basis:54px;width:54px;height:54px}
  .agab-section__feature-icon svg{width:38px;height:38px}
  .agab-section__feature-copy{font-size:12.5px}
}

/* Evita que una laptop de 1100–1439 px herede la posición de tablet horizontal. */
@media (min-width:1100px) and (max-width:1439px) and (hover:hover) and (pointer:fine){
  .agab-section{
    --agab-current-device-image:var(--agab-device-desktop-image);
    --agab-current-device-width:var(--agab-device-width-laptop);
    --agab-current-device-right:var(--agab-device-right-laptop);
    --agab-current-device-bottom:0px;
    --agab-current-device-vertical:var(--agab-device-vertical-laptop);
  }
  .agab-section::after{
    background-image:var(--agab-image);
    background-position:var(--agab-bg-pos-laptop) bottom;
  }
}

/* Tablet vertical. */
@media (min-width:600px) and (max-width:1024px) and (orientation:portrait){
  .agab-section{
    --agab-current-top:var(--agab-top-tablet-portrait);
    --agab-current-menu-overlap:var(--agab-menu-overlap-tablet-portrait);
    --agab-current-content-offset:var(--agab-content-offset-tablet-portrait);
    --agab-current-device-image:var(--agab-device-tablet-image);
    --agab-current-device-width:var(--agab-device-width-tablet-portrait);
    --agab-current-device-right:var(--agab-device-right-tablet-portrait);
    --agab-current-device-bottom:var(--agab-device-bottom-tablet-portrait);
    min-height:var(--agab-height-tablet-portrait);
    min-height:max(100svh,var(--agab-height-tablet-portrait));
  }
  .agab-section::after{background-image:var(--agab-tablet-image);background-position:var(--agab-bg-pos-tablet-portrait) bottom}
  .agab-section::before{
    background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 46%,rgba(0,0,0,.62) 100%);
  }
  .agab-section__inner{
    align-items:start;
    display:block;
    padding:var(--agab-top-tablet-portrait) 46px max(58vw,430px);
  }
  .agab-section__content,
  .agab-section__content:only-child{width:min(88%,680px);max-width:680px;margin:0 auto;padding-right:0}
  .agab-section__title{font-size:clamp(38px,6vw,50px);line-height:.98}
  .agab-section__subtitle{max-width:680px;margin-top:22px;font-size:16px}
  .agab-section__body{max-width:760px;margin-top:20px;font-size:14px;line-height:1.5}
  .agab-section__body p{margin-bottom:17px}
  .agab-section__clients{gap:15px 32px;margin-top:28px}
  .agab-client img{max-width:118px;max-height:40px}
  .agab-client__wordmark{font-size:29px}
  .agab-section__feature{margin-top:23px}
}

/* Móvil. */
@media (max-width:599px){
  .agab-section{
    --agab-current-top:var(--agab-top-mobile);
    --agab-current-menu-overlap:var(--agab-menu-overlap-mobile);
    --agab-current-content-offset:var(--agab-content-offset-mobile);
    min-height:var(--agab-height-mobile);
    min-height:max(100svh,var(--agab-height-mobile));
  }
  .agab-section::after{display:none!important}
  .agab-section__device{display:none}
  .agab-section::before{
    opacity:1;
    background:var(--agab-bg);
  }
  .agab-section__inner{
    display:block;
    align-items:flex-start;
    padding:calc(var(--agab-top-mobile) + var(--agab-menu-overlap-mobile) + 50px) 22px 44px;
  }
  .agab-section__content,
  .agab-section__content:only-child{width:100%;max-width:560px;margin:0 auto;padding-right:0}
  .agab-section__title{font-size:clamp(34px,10.8vw,43px);line-height:1.02;text-align:center}
  .agab-section__subtitle{margin-top:19px;font-size:15px;line-height:1.4}
  .agab-section__body{margin-top:19px;font-size:14px;line-height:1.48}
  .agab-section__body p{margin-bottom:16px}
  .agab-section__mobile-visual{
    display:block!important;
    width:calc(100% + 44px);
    margin:30px -22px 0;
    overflow:hidden;
    background:var(--agab-bg);
  }
  .agab-section__mobile-visual img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:contain;
  }
  .agab-section__clients{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
    margin-top:26px;
  }
  .agab-client{min-width:0;min-height:34px}
  .agab-client img{max-width:108px;max-height:36px}
  .agab-client__wordmark{font-size:25px;white-space:normal}
  .agab-client:nth-child(4) .agab-client__wordmark,
  .agab-client:nth-child(5) .agab-client__wordmark{font-size:22px}
  .agab-section__feature{gap:14px;margin-top:24px}
  .agab-section__feature-icon{flex-basis:58px;width:58px;height:58px}
  .agab-section__feature-icon svg{width:40px;height:40px}
  .agab-section__feature-copy{font-size:13px}
}

@media (max-width:380px){
  .agab-section__inner{padding-right:18px;padding-left:18px}
  .agab-section__mobile-visual{width:calc(100% + 36px);margin-right:-18px;margin-left:-18px}
  .agab-section__title{font-size:33px}
  .agab-section__clients{gap:12px 14px}
  .agab-client__wordmark{font-size:23px}
}

@media (max-width:599px){
  .agab-section--mobile-behind-menu{
    margin-top:calc(-1 * var(--agab-menu-overlap-mobile));
    min-height:calc(100svh + var(--agab-menu-overlap-mobile));
  }
  .agab-section--mobile-behind-menu .agab-section__inner,
  .agab-section--behind-menu .agab-section__inner{
    padding-top:calc(var(--agab-top-mobile) + var(--agab-menu-overlap-mobile) + 50px);
  }
}

/* Móvil en horizontal: dos columnas compactas sin forzar una altura fija. */
@media (max-width:950px) and (max-height:499px) and (orientation:landscape){
  .agab-section{
    --agab-current-top:42px;
    --agab-current-menu-overlap:var(--agab-menu-overlap-mobile);
    --agab-current-content-offset:var(--agab-content-offset-mobile);
    min-height:100vh;
    min-height:100svh;
  }
  .agab-section::after{display:none!important}
  .agab-section__device{display:none}
  .agab-section::before{background:var(--agab-bg)}
  .agab-section__inner{
    display:block;
    padding:calc(42px + var(--agab-menu-overlap-mobile) + 34px) 28px 34px;
  }
  .agab-section--mobile-behind-menu{
    margin-top:calc(-1 * var(--agab-menu-overlap-mobile));
    min-height:calc(100svh + var(--agab-menu-overlap-mobile));
  }
  .agab-section--mobile-behind-menu .agab-section__inner{
    padding-top:calc(42px + var(--agab-menu-overlap-mobile) + 34px);
  }
  .agab-section__content,
  .agab-section__content:only-child{width:min(92%,680px);margin:0 auto}
  .agab-section__title{font-size:31px}
  .agab-section__subtitle{margin-top:14px;font-size:13px}
  .agab-section__body{margin-top:13px;font-size:12px;line-height:1.38}
  .agab-section__body p{margin-bottom:10px}
  .agab-section__mobile-visual{
    width:min(76vw,680px);
    margin:22px auto 0;
  }
  .agab-section__clients{gap:8px 16px;margin-top:17px}
  .agab-client__wordmark{font-size:20px}
  .agab-section__feature{margin-top:14px}
  .agab-section__feature-icon{flex-basis:48px;width:48px;height:48px}
  .agab-section__feature-copy{font-size:11.5px}
}

/* Mantiene el contenido debajo del menú en PC y tablets. */
@media (min-width:600px) and (min-height:500px){
  .agab-section--behind-menu .agab-section__inner{
    padding-top:calc(var(--agab-current-top) + var(--agab-current-menu-overlap));
  }
}

.agab-section.agab-section--behind-menu{
  min-height:calc(100svh + var(--agab-current-menu-overlap));
}

@media (prefers-reduced-motion:reduce){
  .agab-client{transition:none}
}