.slide
{   
   .slide__titulo--tmp
   {
      font-size: clamp(.5rem, 4vw + 1rem, 2.7rem); line-height: 55px;
      & span{font-size: clamp(.2rem, 4vw + 1rem, 3.8rem);}
   }
}


.Envolvente--tmp
{
   clip-path: path("M-0.84,104.13 C214.16,257.08 276.80,-36.98 500.84,107.08 L500.00,150.00 L0.00,150.00 Z");   
   height: 150px;
   background-color: lime;
}
.grid__modelo--tmp{height: 400px;}

.definicion
{
   margin: 40px 0;
   .definicion__contenedor
   {
      display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px;
      & > div:nth-child(2){width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); row-gap: 20px; column-gap: 15px; }
      & > div.grid__modelo--mapa{grid-template-columns: 1fr; grid-template-rows: 1fr; } 
      & .grid__modelo--2
      {
         grid-template-rows: repeat(4, auto);
         & .definicion__img:nth-child(3){grid-area: 1/2/4/4; }
         .definicion__img:nth-child(2){height: 100%;}
      }
   }
   .definicion__medio
   {
      display: flex; flex-flow: column; justify-content: center; 
      & h2{margin: 0 0 30px 0; }
   } 
   .definicion__img{margin: 0; border-radius: 20px; overflow: hidden;} 
   .definicion__img img{max-inline-size: 100%; block-size: auto; object-fit: cover; object-position: right center; height: 100%; width: 100%;}
   .definicion__img:nth-child(1){width: 300px; height: auto;}
   .definicion__img:nth-child(2){width: 300px; }
   .definicion__img:nth-child(3){height: 100%; grid-area: 1/2/3/3; }
}

.alterno
{
   margin: 80px 0;   
   & .espacio {display: grid; grid-template-columns: repeat(2, 1fr);}      
   & .alterno__img{position: absolute; width: 650px; left: 0; border-radius: 0 20px 150px 0; overflow: hidden;}
   & .alterno__img img{object-fit: contain; object-position: center center; max-inline-size: 100%; block-size: auto;}
   & .alterno__img--derecho{right: 0; margin: 0; top: 0px; border-radius: 20px 0px 0px 150px; position: absolute; right: 0; overflow: hidden; width: 650px; }
   & .alterno__img--derecho img{object-fit: cover; object-position: center center; max-inline-size: 100%; block-size: auto; display: block;}         
   & .alterno__img--linear::before, & .alterno__img--degrade::before{content: ''; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background: linear-gradient(101deg, rgba(33, 118, 255, 0.70) 2.36%, rgba(33, 118, 255, 0.14) 48.38%, rgba(255, 129, 33, 0.42) 71.38%, rgba(255, 129, 33, 0.70) 94.39%);} 
   & .alterno__img--degrade::before{ background: linear-gradient(0deg, rgba(33, 118, 255, 0.70) 0%, rgba(33, 118, 255, 0.70) 100%); }
}


h3
{
   color: var(--negro); margin-bottom: 10px; font-size: 1.03rem; font-weight: bolder;
   & i{margin-right: 10px; font-weight: bolder}
   &.titulo__activo--verde, &.titulo__activo--verde i{color: var(--azul);}
   &.titulo__plus{margin-bottom: 20px; cursor: pointer;}
   &.titulo__plus+.titulo__plus--cont{padding-left: 25px; display: none; transition: var(--transicion); } 
   & span{display: block; }   
   & span::before{content: ''; display: block; width: 14px; height: 14px; background: var(--negro); position: absolute; border-radius: 100%; left: -26px; top: 25px;}
   & span::after{content: ''; display: block; width: 8px; height: 8px; background: var(--blanco); position: absolute; border-radius: 100%; left: -23px; top: 28px;}
   &.titulo__time
   {
      padding: 0 0 20px 20px; margin-bottom: 0; cursor: pointer;
      .titulo__plus--cont{color: initial; font-weight: initial; padding-top: 10px; display: none;}
      .titulo__plus--contActivo{display: block; }
   }
   &.titulo__time::before{content: ''; display: block; height: 100%; width: 2px; background: var(--negro); position: absolute; left: 0px;}   
   &.titulo__plus+.titulo__plus--contActivo{display: block; min-height: 200px; } 
}
.titulo__time--activo
{
   color: var(--azul);
   & span::before{width: 18px; height: 18px; background: var(--azul); left: -28px; }
   & span::after{display: none;}
}

.titulo__plus--cont, .definicion__contenedor, .alterno
{
   ul li{padding-left: 10px; margin-bottom: 5px;} 
   ul li::before{content: ''; width: 5px; height: 5px; background: #58595B; display: block; border-radius: 100%; position: absolute; left: 0; top: 8px;}
}

ul li.acordeon--interno
{
   cursor: pointer; 
   &::before{width: 0; height: 0; }
   .fa-solid{position: absolute; top: 0; left: -5px; }
   .titulo__plus--cont{display: none;}
}

.indicadores
{
   padding: 70px 0; 
   & p{color: #fff; font-size: 1.1rem; text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); max-width: 900px; text-align: center;}
   & .espacio{flex-flow: column; align-items: center; }
}
.indicadores--postular{background: linear-gradient(0deg, rgba(33, 118, 255, 0.80) 0%, rgba(33, 118, 255, 0.80) 100%), url('../imagenes/landing/postulacion.png') lightgray; background-size: cover; background-position: center; background-repeat: no-repeat;}
.indicadores--programa{background: linear-gradient(0deg, rgba(33, 118, 255, 0.80) 0%, rgba(33, 118, 255, 0.80) 100%), url('../imagenes/landing/programa.png') lightgray; background-size: cover; background-position: center; background-repeat: no-repeat; }

.informativo__texto{display: flex; flex-flow: column; justify-content: center;}


.itemCuadro 
{
   & .itemCuadro__enlace 
   {
      & i { top: 7px; right: 8px}
   }
   .tituloPrincipal span{text-transform: initial; padding-top: 5px; }
}

.itemCuadro:hover
{
   cursor: pointer; 
   & .itemCuadro__texto{max-height: 350px;}
   
}

.bannerBloque
{
   .menuBloque
   {
      .menuBloque__logo
      {
         .fa-solid{display: none; }
      }
   }

   .menuBloque--fijo
   {
      background: var(--naranja); position: fixed; top: 0; padding: 10px;
      .menuBloque__logo{width: 120px; }
   }

   section.enlaceDirecto--movil
   {
      padding: 0px; flex-flow: column wrap; display: flex; position: fixed; top: 0;
      .menuBloque__logo
      { 
         width: 100%; background-color: var(--naranja); display: flex; justify-content: space-between; padding: 10px; align-items: center;
         a{width: 120px; }
         .fa-solid{ display: block; font-size: 22px; color: var(--blanco); cursor: pointer; }
      }
      .menuPrincipal
      {
         display: none; background: var(--naranja); padding-top: 10%; transform: translateX(200%); transition: var(--transicion);
         .menuPrincipal__n1{flex-flow: column wrap; }
         & a{padding: 10px 20px; width: 100%; }

      }

   }
   
}

/*Acceso Directo*/
.sAcceso
{
   display: flex; flex-flow: column; row-gap: 8px; align-items: flex-end; position: fixed; right: 0; z-index: 50; bottom: 15%; transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1); transform: translateX(0px);
   & div{width: 30px; height: 30px; background: url('../imagenes/landing/split.webp'); margin: 0 20px;} 
   & a{ position: relative; padding: 15px 0px 15px; border-radius: 37px 0 0 37px; width: 70px; margin: 0; transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1); }
   & a::before, & a::after{content: ''; height: 100%; position: absolute; border-radius: 37px 0 0 37px; top: 0; width: 50%; z-index: -1; transform: translateX(0px); transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1); }  
   & a:hover{ width: 100px; }
   & a:hover::before{ transform: translateX(-10px); }
   & a:hover::after{ transform: translateX(-20px); } 

   & .sAcceso__whatsapp
   { 
      background: #2AB318;
      &::before{background: rgb(42 179 24 / 80%); }
      &::after{background: rgb(42 179 24 / 60%); }
      & div{background-position: -27px -73px; }
   }
   & .sAcceso__info
   { 
      background: var(--naranja); color: var(--blanco); text-align: center;
      &::before{background: rgb(255 129 33 / 80%); }
      &::after{background: rgb(255 129 33 / 60%); }
      & div{background-position: -87px -74px; }
   }
   & .sAccesso_esan
   { 
      background: #E31A40;
      &::before{background: rgb(227 26 64 / 80%); }
      &::after{background: rgb(227 26 64 / 60%); }
      & div{background-position: -57px -73px; }
   }
   & .sAccesso_subir
   { 
      background: #575757;
      &::before{background: rgb(87 87 87 / 80%); }
      &::after{background: rgb(87 87 87 / 60%); }
      & div{background-position: 3px -73px; } 
   }
}

.sAcceso--ocultar{transform: translateX(90px);}



/**** BLOQUE DE MEDIA QUERIES ****/
@media (max-width: 575px) /*COL*/
{         
   .tituloPrincipal{align-items: center; text-align: center;}

   .definicion
   {
      & .definicion__contenedor
      {
         grid-template-columns: 1fr;
         & > div:nth-child(2){grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); margin-top: 10px; }
         & .grid__modelo--2
         {
            grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); 
            & .definicion__img:nth-child(3){grid-area: unset; }
            & .definicion__img{height: 175px;}
            & .definicion__img:nth-child(2){grid-area: unset;}
         }

         & > div.grid__modelo--mapa{grid-template-columns: 1fr; grid-template-rows: 1fr; }
      }
      .definicion__img:nth-child(3){width: 100%; grid-area: unset;}
      .definicion__img:nth-child(2){grid-area: 2/1/3/3; width: 100%;}
      .definicion__img:nth-child(1){width: 100%;}            
   }

   .alterno
   {
      & .espacio{grid-template-columns: 1fr;}
      & .alterno__img {display: none;}
      & .alterno__img--derecho{display: none;}
   }

   .objetivos
   {
      & p{width: 95%;}
   }

   .organizacion
   {
      & .titulo{text-align: center;}
   }

   .menuBloque{display: none; }  

   .itemCuadro {width: 100%; }

}

@media (min-width: 576px) and (max-width: 767px) /*COL-SM*/
{   
   .tituloPrincipal{align-items: center; text-align: center;}

   .definicion
   {
      & .definicion__contenedor
      {
         grid-template-columns: 1fr;
         & > div:nth-child(2){grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); margin-top: 10px; }
         & .grid__modelo--2
         {
            grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); 
            & .definicion__img:nth-child(3){grid-area: unset; }
            & .definicion__img{height: 175px;}
            & .definicion__img:nth-child(2){grid-area: unset;}
         }

         & > div.grid__modelo--mapa{grid-template-columns: 1fr; grid-template-rows: 1fr; }
      }
      .definicion__img:nth-child(3){width: 100%; grid-area: unset;}
      .definicion__img:nth-child(2){grid-area: 2/1/3/3; width: 100%;}
      .definicion__img:nth-child(1){width: 100%;}            
   }

   .alterno
   {
      & .espacio{grid-template-columns: 1fr;}
      & .alterno__img {display: none;}
      & .alterno__img--derecho{display: none;}
   }

   .objetivos
   {
      & p{width: 95%;}
   }

   .organizacion
   {
      & .titulo{text-align: center;}
   }

   .menuBloque{display: none; }

}

@media (min-width: 768px) and (max-width: 991px) /*COL-MD*/
{

   .definicion
   {
      & .definicion__contenedor
      {
         grid-template-columns: 1fr;
         & > div:nth-child(2){grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); margin-top: 10px; }
         & .grid__modelo--2
         {
            grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); align-items: center;
            & .definicion__img:nth-child(3){grid-area: unset; }
            & .definicion__img{height: 175px;}
            & .definicion__img:nth-child(2){grid-area: unset;}
         }

         & > div.grid__modelo--mapa{grid-template-columns: 1fr; grid-template-rows: 1fr; }
      }
      .definicion__img:nth-child(3), .definicion__img:nth-child(2), .definicion__img:nth-child(1){width: 100%; }      
   }

   .alterno
   {      
      & .alterno__img--derecho{width: 400px;}
      & .alterno__img{left: -36%; }
   }

   .objetivos
   {
      & p{width: 85%;}
   }

   .menuBloque
   {
      padding-top: 20px;
      .menuBloque__logo{width: 120px; padding-bottom: 10px;}
   }

}

@media (min-width: 992px) and (max-width: 1199px) /*COL-LG*/
{   

   .definicion
   {
      .definicion__img:nth-child(2){grid-area: 2 / 1 / 3 / 3; }
      .definicion__img:nth-child(3){grid-area: 1 / 2 / 2 / 3; }
      .definicion__img:nth-child(3), .definicion__img:nth-child(2), .definicion__img:nth-child(1){width: 100%; } 

      & .grid__modelo--2
         {
            grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); align-items: center;
            & .definicion__img:nth-child(3){height: 100%;}
            & .definicion__img{height: 175px;}
            & .definicion__img:nth-child(2){grid-area: unset;}
         }

   }

   .alterno
   {      
      & .alterno__img--derecho{width: 550px;}
      & .alterno__img{left: -18%;}
   }

   .bannerBloque {
      section.enlaceDirecto--movil{display: none;}
   }

}

@media (min-width: 1200px) and (max-width: 1399px) /*COL-XL*/
{
   .alterno
   {            
      & .alterno__img{left: -5%;}
   }
   .bannerBloque {
      section.enlaceDirecto--movil{display: none;}
   }
}

@media (min-width: 1400px)   /*COL-XXL*/
{
   
}