@import url('https://fonts.googleapis.com/css2?family=Exo:wght@700&family=Roboto:wght@400&display=swap');

.ag-project-gallery-content,
.ag-project-gallery-content *{ box-sizing:border-box !important; }

.ag-project-gallery-content{
  --ag-white:#FFFFFF;
  --ag-text:#D5D5D5;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#000000 !important;
  overflow:hidden !important;
}

.ag-project-gallery-content .ag-gallery-detail__inner{
  width:100% !important;
  margin:0 !important;
  padding:110px 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,58%) minmax(0,42%) !important;
  align-items:center !important;
}

.ag-project-gallery-content .ag-gallery-detail__media{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.ag-project-gallery-content .ag-gallery-detail__image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.ag-project-gallery-content .ag-gallery-detail__content{
  width:100% !important;
  max-width:560px !important;
  margin:0 !important;
  padding:0 45px 0 70px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}

.ag-project-gallery-content .ag-gallery-detail__title{
  width:100% !important;
  margin:0 0 23px !important;
  padding:0 !important;
  font-family:"Exo",sans-serif;
  font-weight:700;
  font-size:50px;
  line-height:65px;
  letter-spacing:0;
  text-align:left !important;
  text-transform:none !important;
  color:var(--ag-white);
}

.ag-project-gallery-content .ag-gallery-detail__text{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"Roboto",sans-serif;
  font-weight:400;
  font-size:17px;
  line-height:25px;
  letter-spacing:0;
  text-align:left !important;
  color:var(--ag-text);
}

.ag-project-gallery-content .ag-gallery-detail__line{
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
}

@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content .ag-gallery-detail__inner{
    grid-template-columns:minmax(0,56%) minmax(0,44%) !important;
    padding:90px 0 !important;
  }
  .ag-project-gallery-content .ag-gallery-detail__content{
    max-width:540px !important;
    padding:0 30px 0 50px !important;
  }
  .ag-project-gallery-content .ag-gallery-detail__line{ white-space:normal !important; }
}

@media (max-width:900px){
  .ag-project-gallery-content .ag-gallery-detail__inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:0 !important;
  }
  .ag-project-gallery-content .ag-gallery-detail__media{ width:100% !important; }
  .ag-project-gallery-content .ag-gallery-detail__image{ width:100% !important; height:auto !important; }
  .ag-project-gallery-content .ag-gallery-detail__content{
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    padding:55px 35px 65px !important;
  }
  .ag-project-gallery-content .ag-gallery-detail__title{ margin-bottom:20px !important; }
  .ag-project-gallery-content .ag-gallery-detail__line{ display:inline !important; white-space:normal !important; }
  .ag-project-gallery-content .ag-gallery-detail__line::after{ content:" " !important; }
}

@media (max-width:560px){
  .ag-project-gallery-content .ag-gallery-detail__content{ padding:38px 20px 48px !important; }
  .ag-project-gallery-content .ag-gallery-detail__title{ margin-bottom:16px !important; }
}

/* Hipermercado Éxito */
.ag-project-gallery-content--hipermercado .ag-gallery-detail__content{
  max-width:600px !important;
}

.ag-project-gallery-content .ag-gallery-detail__paragraph{
  display:block !important;
  width:100% !important;
  margin:0 0 22px !important;
  padding:0 !important;
}

.ag-project-gallery-content .ag-gallery-detail__paragraph:last-child{
  margin-bottom:0 !important;
}

@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--hipermercado .ag-gallery-detail__content{
    max-width:560px !important;
  }
}

@media (max-width:560px){
  .ag-project-gallery-content .ag-gallery-detail__paragraph{
    margin-bottom:20px !important;
  }
}

/* Gimnasio */
.ag-project-gallery-content--gimnasio .ag-gallery-detail__inner{
  padding:70px 0 !important;
}

.ag-project-gallery-content--gimnasio .ag-gallery-detail__media{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16 / 8 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#111111 !important;
  line-height:0 !important;
}

.ag-project-gallery-content--gimnasio .ag-gallery-detail__image{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:cover !important;
  object-position:center 65% !important;
  vertical-align:top !important;
}

.ag-project-gallery-content--gimnasio .ag-gallery-detail__content{
  max-width:520px !important;
  padding:0 35px 0 55px !important;
}

@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--gimnasio .ag-gallery-detail__inner{
    padding:75px 0 !important;
  }

  .ag-project-gallery-content--gimnasio .ag-gallery-detail__media{
    aspect-ratio:16 / 8 !important;
  }

  .ag-project-gallery-content--gimnasio .ag-gallery-detail__content{
    max-width:520px !important;
    padding:0 30px 0 45px !important;
  }
}

@media (max-width:900px){
  .ag-project-gallery-content--gimnasio .ag-gallery-detail__inner{
    padding:0 !important;
  }

  .ag-project-gallery-content--gimnasio .ag-gallery-detail__media{
    width:100% !important;
    aspect-ratio:16 / 9 !important;
  }

  .ag-project-gallery-content--gimnasio .ag-gallery-detail__image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 65% !important;
  }

  .ag-project-gallery-content--gimnasio .ag-gallery-detail__content{
    max-width:760px !important;
    padding:55px 35px 65px !important;
  }
}

@media (max-width:560px){
  .ag-project-gallery-content--gimnasio .ag-gallery-detail__content{
    padding:38px 20px 48px !important;
  }
}


/* Mamusa Lubricantes */
.ag-project-gallery-content--mamusa{
  --ag-yellow:#EAAA04;
}

.ag-project-gallery-content--mamusa .ag-gallery-detail__media{
  position:relative !important;
  width:100% !important;
  height:560px !important;
  overflow:hidden !important;
  background:#111111 !important;
}

.ag-project-gallery-content--mamusa .ag-gallery-detail__image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transition:transform .6s ease !important;
}

.ag-project-gallery-content--mamusa .ag-gallery-detail__media:hover .ag-gallery-detail__image{
  transform:scale(1.02) !important;
}

.ag-project-gallery-content--mamusa .ag-gallery-detail__media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:radial-gradient(circle at center,rgba(0,0,0,.02) 0%,rgba(0,0,0,.07) 55%,rgba(0,0,0,.20) 100%) !important;
  pointer-events:none !important;
}

.ag-project-gallery-content--mamusa .ag-video-play-wrap{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  z-index:20 !important;
  width:210px !important;
  height:210px !important;
  transform:translate(-50%,-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.ag-project-gallery-content--mamusa .ag-video-wave{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:86px !important;
  height:86px !important;
  margin:-43px 0 0 -43px !important;
  display:block !important;
  border:2px solid rgba(234,170,4,.78) !important;
  box-shadow:0 0 10px rgba(234,170,4,.18) !important;
  border-radius:50% !important;
  background:transparent !important;
  opacity:0;
  pointer-events:none !important;
  transform:scale(1);
  transform-origin:center center !important;
  animation:ag-mamusa-soft-wave 3.2s linear infinite !important;
  will-change:transform,opacity !important;
}

.ag-project-gallery-content--mamusa .ag-video-wave--1{animation-delay:0s !important;}
.ag-project-gallery-content--mamusa .ag-video-wave--2{animation-delay:-.8s !important;}
.ag-project-gallery-content--mamusa .ag-video-wave--3{animation-delay:-1.6s !important;}
.ag-project-gallery-content--mamusa .ag-video-wave--4{animation-delay:-2.4s !important;}

@keyframes ag-mamusa-soft-wave{
  0%{transform:scale(1);opacity:.72;}
  25%{transform:scale(1.28);opacity:.56;}
  50%{transform:scale(1.55);opacity:.38;}
  75%{transform:scale(1.82);opacity:.18;}
  100%{transform:scale(2.10);opacity:0;}
}

.ag-project-gallery-content--mamusa .ag-video-play{
  position:relative !important;
  z-index:30 !important;
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#EAAA04 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  outline:0 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.38) !important;
  transition:transform .25s ease,background .25s ease !important;
}

.ag-project-gallery-content--mamusa .ag-video-play:hover{
  transform:scale(1.05) !important;
  background:#FFFFFF !important;
}

.ag-project-gallery-content--mamusa .ag-video-play__icon{
  display:block !important;
  width:0 !important;
  height:0 !important;
  margin-left:7px !important;
  border-top:13px solid transparent !important;
  border-bottom:13px solid transparent !important;
  border-left:21px solid #111111 !important;
  pointer-events:none !important;
}

.ag-mamusa-video-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(0,0,0,.92) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .3s ease,visibility .3s ease !important;
}

.ag-mamusa-video-modal.ag-video-modal--open{
  opacity:1 !important;
  visibility:visible !important;
}

.ag-mamusa-video-modal .ag-video-modal__dialog{
  position:relative !important;
  width:min(430px,90vw) !important;
  max-height:90vh !important;
  margin:0 !important;
  padding:0 !important;
}

.ag-mamusa-video-modal .ag-video-modal__video-wrap{
  position:relative !important;
  width:100% !important;
  aspect-ratio:9 / 16 !important;
  margin:0 !important;
  padding:0 !important;
  background:#000000 !important;
  overflow:hidden !important;
  box-shadow:0 20px 70px rgba(0,0,0,.60) !important;
}

.ag-mamusa-video-modal .ag-video-modal__video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  background:#000000 !important;
}

.ag-mamusa-video-modal .ag-video-modal__close{
  position:absolute !important;
  top:-18px !important;
  right:-18px !important;
  z-index:10 !important;
  width:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#EAAA04 !important;
  color:#111111 !important;
  font-family:Arial,sans-serif !important;
  font-size:30px !important;
  font-weight:400 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 25px rgba(0,0,0,.45) !important;
}

.ag-mamusa-video-modal .ag-video-modal__close:hover{background:#FFFFFF !important;}

@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--mamusa .ag-gallery-detail__media{height:500px !important;}
}

@media (max-width:900px){
  .ag-project-gallery-content--mamusa .ag-gallery-detail__media{width:100% !important;height:460px !important;}
  .ag-project-gallery-content--mamusa .ag-gallery-detail__image{width:100% !important;height:100% !important;}
}

@media (max-width:560px){
  .ag-project-gallery-content--mamusa .ag-gallery-detail__media{height:340px !important;}
  .ag-project-gallery-content--mamusa .ag-video-play-wrap{width:170px !important;height:170px !important;}
  .ag-project-gallery-content--mamusa .ag-video-play{width:68px !important;height:68px !important;min-width:68px !important;}
  .ag-project-gallery-content--mamusa .ag-video-wave{width:68px !important;height:68px !important;margin:-34px 0 0 -34px !important;border-width:1.4px !important;}
  .ag-project-gallery-content--mamusa .ag-video-play__icon{margin-left:5px !important;border-top-width:10px !important;border-bottom-width:10px !important;border-left-width:17px !important;}
  .ag-mamusa-video-modal{padding:22px !important;}
  .ag-mamusa-video-modal .ag-video-modal__dialog{width:min(360px,88vw) !important;}
  .ag-mamusa-video-modal .ag-video-modal__close{top:-15px !important;right:-15px !important;width:42px !important;height:42px !important;font-size:27px !important;}
}

/* Canchas de tenis */
.ag-project-gallery-content--tenis .ag-gallery-detail__content{
  max-width:560px !important;
}

@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--tenis .ag-gallery-detail__content{
    max-width:540px !important;
  }
}

/* Plaza Los Palos Grandes: medidas del bloque aprobado. */
.ag-project-gallery-content--palos-grandes .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--palos-grandes .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--palos-grandes .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--palos-grandes .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}

/* Parque extremo: medidas del bloque aprobado. */
.ag-project-gallery-content--parque-extremo .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--parque-extremo .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--parque-extremo .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--parque-extremo .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}

/* Parque del Este: medidas del bloque aprobado. */
.ag-project-gallery-content--parque-del-este .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--parque-del-este .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--parque-del-este .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--parque-del-este .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}

/* Edificio en Chacao: medidas del bloque aprobado. */
.ag-project-gallery-content--edificio-chacao .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--edificio-chacao .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--edificio-chacao .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--edificio-chacao .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}

/* Complejo deportivo Eugenio Mendoza: medidas del bloque aprobado. */
.ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}

.ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title-line{
  display:block!important;white-space:nowrap!important;
}
@media(max-width:900px) and (min-width:561px){
  .ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title{max-width:690px!important;}
  .ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title-line{display:inline!important;white-space:normal!important;}
  .ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title-line:first-child::after{content:" "!important;}
}
@media(max-width:560px){
  .ag-project-gallery-content--eugenio-mendoza .ag-gallery-detail__title-line{display:block!important;white-space:normal!important;}
}

/* Inserca: medidas del bloque aprobado. */
.ag-project-gallery-content--inserca .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--inserca .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--inserca .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--inserca .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}


.ag-project-gallery-content--inserca .ag-gallery-detail__media{position:relative!important;height:560px!important;}
.ag-project-gallery-content--inserca .ag-gallery-detail__image{height:100%!important;object-fit:cover!important;object-position:center center!important;}
@media(max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--inserca .ag-gallery-detail__media{height:500px!important;}
}
@media(max-width:900px){
  .ag-project-gallery-content--inserca .ag-gallery-detail__media{height:440px!important;}
}
@media(max-width:560px){
  .ag-project-gallery-content--inserca .ag-gallery-detail__media{height:340px!important;}
}

/* Planta de gasolina: medidas del bloque aprobado. */
.ag-project-gallery-content--planta-gasolina .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--planta-gasolina .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--planta-gasolina .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--planta-gasolina .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}


.ag-project-gallery-content--planta-gasolina .ag-gallery-detail__media{position:relative!important;height:560px!important;}
.ag-project-gallery-content--planta-gasolina .ag-gallery-detail__image{height:100%!important;object-fit:cover!important;object-position:center center!important;}
@media(max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--planta-gasolina .ag-gallery-detail__media{height:500px!important;}
}
@media(max-width:900px){
  .ag-project-gallery-content--planta-gasolina .ag-gallery-detail__media{height:440px!important;}
}
@media(max-width:560px){
  .ag-project-gallery-content--planta-gasolina .ag-gallery-detail__media{height:340px!important;}
}

/* Clasificador de semillas: imagen, ondas y video modal. */



.ag-project-gallery-content--clasificador-semillas,
.ag-project-gallery-content--clasificador-semillas *{
  box-sizing:border-box !important;
}

.ag-project-gallery-content--clasificador-semillas{
  --ag-white:#FFFFFF;
  --ag-text:#D5D5D5;
  --ag-yellow:#EAAA04;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  background:#000000 !important;

  overflow:hidden !important;
}

/* =========================================================
   ESTRUCTURA
========================================================= */

.ag-project-gallery-content--clasificador-semillas .ag-gallery-detail__inner{
  width:100% !important;

  margin:0 !important;
  padding:110px 0 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,58%)
    minmax(0,42%) !important;

  align-items:center !important;
}

/* =========================================================
   IMAGEN
========================================================= */

.ag-project-gallery-content--clasificador-semillas .ag-gallery-detail__media{
  position:relative !important;

  width:100% !important;
  height:560px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  background:#111111 !important;
}

.ag-project-gallery-content--clasificador-semillas .ag-gallery-detail__image{
  display:block !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center center !important;

  transition:transform .6s ease !important;
}

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__media:hover
.ag-gallery-detail__image{
  transform:scale(1.02) !important;
}

/* =========================================================
   OSCURECIMIENTO SUAVE
========================================================= */

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__media::after{
  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  z-index:2 !important;

  background:
    radial-gradient(
      circle at center,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.07) 55%,
      rgba(0,0,0,.20) 100%
    ) !important;

  pointer-events:none !important;
}

/* =========================================================
   ZONA PLAY
========================================================= */

.ag-project-gallery-content--clasificador-semillas .ag-video-play-wrap{
  position:absolute !important;

  top:50% !important;
  left:50% !important;

  z-index:20 !important;

  width:210px !important;
  height:210px !important;

  margin:0 !important;
  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  overflow:visible !important;

  pointer-events:none !important;
}

/* =========================================================
   ONDAS SUAVES
========================================================= */

.ag-project-gallery-content--clasificador-semillas .ag-video-wave{
  position:absolute !important;

  top:50% !important;
  left:50% !important;

  width:86px !important;
  height:86px !important;

  margin:-43px 0 0 -43px !important;

  display:block !important;

  border:2px solid rgba(234,170,4,.78) !important;

  box-shadow:0 0 10px rgba(234,170,4,.18) !important;
  border-radius:50% !important;

  background:transparent !important;

  opacity:0;

  pointer-events:none !important;

  transform:scale(1);

  transform-origin:center center !important;

  animation:
    ag-clasificador-soft-wave
    3.2s
    linear
    infinite !important;

  will-change:transform,opacity !important;
}

.ag-project-gallery-content--clasificador-semillas .ag-video-wave--1{
  animation-delay:0s !important;
}

.ag-project-gallery-content--clasificador-semillas .ag-video-wave--2{
  animation-delay:-.8s !important;
}

.ag-project-gallery-content--clasificador-semillas .ag-video-wave--3{
  animation-delay:-1.6s !important;
}

.ag-project-gallery-content--clasificador-semillas .ag-video-wave--4{
  animation-delay:-2.4s !important;
}

@keyframes ag-clasificador-soft-wave{

  0%{
    transform:scale(1);
    opacity:.72;
  }

  25%{
    transform:scale(1.28);
    opacity:.56;
  }

  50%{
    transform:scale(1.55);
    opacity:.38;
  }

  75%{
    transform:scale(1.82);
    opacity:.18;
  }

  100%{
    transform:scale(2.10);
    opacity:0;
  }

}

/* =========================================================
   BOTÓN PLAY
========================================================= */

.ag-project-gallery-content--clasificador-semillas .ag-video-play{
  position:relative !important;

  z-index:30 !important;

  width:86px !important;
  height:86px !important;

  min-width:86px !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:0 !important;
  border-radius:50% !important;

  background:#EAAA04 !important;

  cursor:pointer !important;

  pointer-events:auto !important;

  outline:0 !important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.38) !important;

  transition:
    transform .25s ease,
    background .25s ease !important;
}

.ag-project-gallery-content--clasificador-semillas .ag-video-play:hover{
  transform:scale(1.05) !important;

  background:#FFFFFF !important;
}

/* =========================================================
   TRIÁNGULO PLAY
========================================================= */

.ag-project-gallery-content--clasificador-semillas .ag-video-play__icon{
  display:block !important;

  width:0 !important;
  height:0 !important;

  margin-left:7px !important;

  border-top:13px solid transparent !important;
  border-bottom:13px solid transparent !important;
  border-left:21px solid #111111 !important;

  pointer-events:none !important;
}

/* =========================================================
   CONTENIDO
========================================================= */

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__content{
  width:100% !important;
  max-width:560px !important;

  margin:0 !important;

  padding:
    0
    45px
    0
    70px !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:flex-start !important;
  justify-content:center !important;

  text-align:left !important;
}

/* =========================================================
   TÍTULO
========================================================= */

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__title{
  width:100% !important;

  margin:0 0 23px !important;
  padding:0 !important;

  font-family:"Exo",sans-serif;

  font-weight:700;
  font-style:normal;

  font-size:50px;
  line-height:65px;

  letter-spacing:0;

  text-align:left !important;
  text-transform:none !important;

  color:var(--ag-white);
}

/* =========================================================
   DESCRIPCIÓN
========================================================= */

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__text{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;

  font-family:"Roboto",sans-serif;

  font-weight:400;
  font-style:normal;

  font-size:17px;
  line-height:25px;

  letter-spacing:0;

  text-align:left !important;

  color:var(--ag-text);
}

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__paragraph{
  display:block !important;

  width:100% !important;

  margin:0 0 22px !important;
  padding:0 !important;
}

.ag-project-gallery-content--clasificador-semillas
.ag-gallery-detail__paragraph:last-child{
  margin-bottom:0 !important;
}

/* =========================================================
   MODAL VIDEO
========================================================= */

.ag-clasificador-video-modal{
  position:fixed !important;

  inset:0 !important;

  z-index:999999 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:30px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:rgba(0,0,0,.92) !important;

  opacity:0 !important;
  visibility:hidden !important;

  transition:
    opacity .3s ease,
    visibility .3s ease !important;
}

.ag-clasificador-video-modal.ag-video-modal--open{
  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   VIDEO VERTICAL
========================================================= */

.ag-clasificador-video-modal .ag-video-modal__dialog{
  position:relative !important;

  width:min(430px,90vw) !important;
  max-height:90vh !important;

  margin:0 !important;
  padding:0 !important;
}

.ag-clasificador-video-modal .ag-video-modal__video-wrap{
  position:relative !important;

  width:100% !important;

  aspect-ratio:9 / 16 !important;

  margin:0 !important;
  padding:0 !important;

  background:#000000 !important;

  overflow:hidden !important;

  box-shadow:
    0 20px 70px rgba(0,0,0,.60) !important;
}

.ag-clasificador-video-modal .ag-video-modal__video{
  display:block !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:contain !important;

  background:#000000 !important;
}

/* =========================================================
   CERRAR
========================================================= */

.ag-clasificador-video-modal .ag-video-modal__close{
  position:absolute !important;

  top:-18px !important;
  right:-18px !important;

  z-index:10 !important;

  width:46px !important;
  height:46px !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:0 !important;
  border-radius:50% !important;

  background:#EAAA04 !important;

  color:#111111;

  font-family:Arial,sans-serif;

  font-size:30px;
  font-weight:400;
  line-height:1;

  cursor:pointer !important;

  box-shadow:
    0 8px 25px rgba(0,0,0,.45) !important;
}

.ag-clasificador-video-modal .ag-video-modal__close:hover{
  background:#FFFFFF !important;
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width:1200px) and (min-width:901px){

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__inner{
    grid-template-columns:
      minmax(0,56%)
      minmax(0,44%) !important;

    padding:90px 0 !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__media{
    height:500px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__content{
    max-width:540px !important;

    padding:
      0
      30px
      0
      50px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__title{
    font-size:44px;
    line-height:56px;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__text{
    font-size:16px;
    line-height:24px;
  }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width:900px){

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__inner{
    display:grid !important;

    grid-template-columns:1fr !important;

    padding:0 !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__media{
    width:100% !important;
    height:460px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__image{
    width:100% !important;
    height:100% !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__content{
    width:100% !important;

    max-width:760px !important;

    margin:0 auto !important;

    padding:
      55px
      35px
      65px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__title{
    font-size:40px;
    line-height:50px;

    margin-bottom:20px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__text{
    font-size:17px;
    line-height:25px;
  }

}

/* =========================================================
   MÓVIL
========================================================= */

@media (max-width:560px){

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__media{
    height:340px !important;
  }

  .ag-project-gallery-content--clasificador-semillas .ag-video-play-wrap{
    width:170px !important;
    height:170px !important;
  }

  .ag-project-gallery-content--clasificador-semillas .ag-video-play{
    width:68px !important;
    height:68px !important;

    min-width:68px !important;
  }

  .ag-project-gallery-content--clasificador-semillas .ag-video-wave{
    width:68px !important;
    height:68px !important;

    margin:-34px 0 0 -34px !important;

    border-width:1.4px !important;
  }

  .ag-project-gallery-content--clasificador-semillas .ag-video-play__icon{
    margin-left:5px !important;

    border-top-width:10px !important;
    border-bottom-width:10px !important;
    border-left-width:17px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__content{
    padding:
      38px
      20px
      48px !important;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__title{
    margin-bottom:16px !important;

    font-size:32px;
    line-height:40px;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__text{
    font-size:16px;
    line-height:24px;
  }

  .ag-project-gallery-content--clasificador-semillas
  .ag-gallery-detail__paragraph{
    margin-bottom:20px !important;
  }

  .ag-clasificador-video-modal{
    padding:22px !important;
  }

  .ag-clasificador-video-modal .ag-video-modal__dialog{
    width:min(360px,88vw) !important;
  }

  .ag-clasificador-video-modal .ag-video-modal__close{
    top:-15px !important;
    right:-15px !important;

    width:42px !important;
    height:42px !important;

    font-size:27px;
  }

}


/* Torre de telecomunicaciones: medidas del bloque aprobado. */
.ag-project-gallery-content--torre-telecom .ag-gallery-detail__title{
  font-style:normal;
}
.ag-project-gallery-content--torre-telecom .ag-gallery-detail__text{
  font-style:normal;
}
@media (max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--torre-telecom .ag-gallery-detail__title{font-size:44px;line-height:56px;}
  .ag-project-gallery-content--torre-telecom .ag-gallery-detail__text{font-size:16px;line-height:24px;}
}


.ag-project-gallery-content--torre-telecom .ag-gallery-detail__media{position:relative!important;height:560px!important;}
.ag-project-gallery-content--torre-telecom .ag-gallery-detail__image{height:100%!important;object-fit:cover!important;object-position:center center!important;}
@media(max-width:1200px) and (min-width:901px){
  .ag-project-gallery-content--torre-telecom .ag-gallery-detail__media{height:500px!important;}
}
@media(max-width:900px){
  .ag-project-gallery-content--torre-telecom .ag-gallery-detail__media{height:460px!important;}
}
@media(max-width:560px){
  .ag-project-gallery-content--torre-telecom .ag-gallery-detail__media{height:340px!important;}
}