/*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('../images/split.png'); 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; }
   }
   & .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);}

.portada
{
   padding-top: 120px; 
   background-image: radial-gradient(at 91.9255418098836% 53.68151948301219%, hsla(0, 0%, 86.27450980392157%, 1) 0%, hsla(0, 0%, 86.27450980392157%, 0) 100%), radial-gradient(at 14.463812734691327% 30.361506619782695%, hsla(0, 0%, 85.09803921568627%, 1) 0%, hsla(0, 0%, 85.09803921568627%, 0) 100%), radial-gradient(at 33.31838350868133% 73.78893242393842%, hsla(0, 0%, 85.88235294117646%, 1) 0%, hsla(0, 0%, 85.88235294117646%, 0) 100%), radial-gradient(at 23.43465533655906% 8.961257460448468%, hsla(0, 0%, 95.29411764705881%, 1) 0%, hsla(0, 0%, 95.29411764705881%, 0) 100%), radial-gradient(at 96.07829247403362% 77.12382795440959%, hsla(0, 0%, 84.70588235294117%, 1) 0%, hsla(0, 0%, 84.70588235294117%, 0) 100%), radial-gradient(at 7.063202477327657% 59.18556954940901%, hsla(0, 0%, 86.27450980392157%, 1) 0%, hsla(0, 0%, 86.27450980392157%, 0) 100%), radial-gradient(at 2.2847804727666787% 16.402723582467328%, hsla(0, 0%, 85.09803921568627%, 1) 0%, hsla(0, 0%, 85.09803921568627%, 0) 100%), radial-gradient(at 87.94872307430093% 4.920970737348274%, hsla(0, 0%, 85.88235294117646%, 1) 0%, hsla(0, 0%, 85.88235294117646%, 0) 100%), radial-gradient(at 99.59439163062302% 10.77177592341052%, hsla(0, 0%, 95.29411764705881%, 1) 0%, hsla(0, 0%, 95.29411764705881%, 0) 100%), radial-gradient(at 80.75172371352328% 14.988352316199549%, hsla(0, 0%, 84.70588235294117%, 1) 0%, hsla(0, 0%, 84.70588235294117%, 0) 100%), radial-gradient(at 91.95467230408583% 43.13019877433186%, hsla(0, 0%, 86.27450980392157%, 1) 0%, hsla(0, 0%, 86.27450980392157%, 0) 100%), radial-gradient(at 59.28921600661996% 47.75702828098789%, hsla(0, 0%, 85.09803921568627%, 1) 0%, hsla(0, 0%, 85.09803921568627%, 0) 100%);

   .portada__grid
   {
      display: grid; grid-template-columns: repeat(2, 1fr); align-items: center;
   }
   .portada__titulo
   {
      img{width: 50%;}
   }

}



@media (width <= 575px)
{
   .portada {
      .portada__grid
      {
         grid-template-columns:  repeat(1, 1fr);
         .portada__titulo{grid-area: 2/1/3/2; display: flex; justify-content: center; padding: 20px 0; }
      }
   }
}

@media (576px <= width <= 767px)
{
   .portada 
   {
      .portada__grid
      {
         grid-template-columns:  repeat(1, 1fr);
         .portada__titulo{grid-area: 2/1/3/2; display: flex; justify-content: center; padding-bottom: 20px; }
      }
      & .portada__titulo
      {
         img{width: 40%;}
      }
      .portada__frase
      {
         display: flex; justify-content: center;
         img{max-width: 80%; }
      }

   }
}

@media (768px <= width <= 991px)
{

}

@media (992px <= width <= 1199px)
{

}


@media (max-width: 1024px){
	.ocultar_web{
    display: block; 
    padding-top: 30px;
  } 
   .mostrar_web{
    display: none;
  } 
}

@media (min-width: 1024px) {
  .ocultar_web{
    display: none;
  }
  .mostrar_web{
    display: block;
  }
}