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

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Ubuntu', sans-serif;
}

.not-active { 
  pointer-events: none; 
  cursor: default; 
} 

:root,
[data-bs-theme="light"] {
  --bs-body-bg:#fffbfb1e !important; 
  /* --bs-body-bg:#5f0303 !important; */
 /* --bs-body-bg:#feee00 !important; */
}



/*  CARDS NOTICIAS */
 /*
.lead {
  color: #aaa;
}

.wrapper {
  margin: 10vh;
} 

.card {
  border: none;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
  border-radius: 20px;
  min-height: 450px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
 

  &.card-has-bg {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center center;
    &:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: inherit;
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    &:hover {
      transform: scale(0.98);
      box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);
      background-size: 130%;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

      .card-img-overlay {
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        background: rgb(255, 186, 33);
        background: linear-gradient(
          0deg,
          rgba(255, 186, 33, 0.5) 0%,
          rgba(255, 186, 33, 1) 100%
        );
      }
    }
  }
  .card-footer {
    background: none;
    border-top: none;
    .media {
      img {
        border: solid 3px rgba(255, 255, 255, 0.3);
      }
    }
  }
  .card-title {
    font-weight: 800;
  }
  .card-meta {
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
  }
  .card-body {
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  &:hover {
    .card-body {
      margin-top: 30px;
      transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    }
    cursor: pointer;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .card-img-overlay {
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    background: rgb(255, 186, 33);
    background: linear-gradient(
      0deg,
      rgba(255, 186, 33, 0.3785889355742297) 0%,
      rgba(255, 186, 33, 1) 100%
    );
  }
} */



/* NOTICIAS SNIPPET */
.card-margin {
  margin-bottom: 1.875rem;
}

.card {
  border: 0;
  box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
  -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #feed0091 !important; /*ffffff;*/
  background-clip: border-box;
  border: 1px solid #e6e4e9;
  border-radius: 8px;
}

.card .card-header.no-border {
  border: 0;
}
.card .card-header {
  background: none;
  padding: 0 0.9375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  min-height: 50px;
}
.card-header:first-child {
  border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.widget-49 .widget-49-title-wrapper {
display: flex;
align-items: center;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #edf1fc;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day {
color: #4e73e5;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month {
color: #4e73e5;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #fcfcfd;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day {
color: #dde1e9;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-month {
color: #dde1e9;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #e8faf8;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day {
color: #17d1bd;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-month {
color: #17d1bd;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #ebf7ff;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day {
color: #36afff;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month {
color: #36afff;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: floralwhite;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day {
color: #FFC868;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-month {
color: #FFC868;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #feeeef;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day {
color: #F95062;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-month {
color: #F95062;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #fefeff;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day {
color: #f7f9fa;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-month {
color: #f7f9fa;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #ebedee;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day {
color: #394856;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month {
color: #394856;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #f0fafb;
width: 4rem;
height: 4rem;
border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day {
color: #68CBD7;
font-weight: 500;
font-size: 1.5rem;
line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month {
color: #68CBD7;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
display: flex;
flex-direction: column;
margin-left: 1rem;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
color: #3c4142;
font-size: 14px;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time {
color: #B1BAC5;
font-size: 13px;
}

.widget-49 .widget-49-meeting-points {
font-weight: 400;
font-size: 13px;
margin-top: .5rem;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item {
display: list-item;
color: #727686;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item span {
margin-left: .5rem;
}

.widget-49 .widget-49-meeting-action {
text-align: right;
}

.widget-49 .widget-49-meeting-action a {
text-transform: uppercase;
}



/* DEFAULT */
/*
.main{
  position: relative;
  min-height: 100vh;
  /*background: radial-gradient(#f0483a,#d10a20);*/
  /*background: radial-gradient(#3a40f0,#02026b);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 30px 100px;
}

header
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}

.logo
{
  max-width: 90px;
}

.logo-pie{
  margin-top: 15vh;
  scale: 3;
}

.separador{
  width: 40%;
  border: 3px;
  border-color: #fff200;
  padding-bottom: 2vh;
}

.navigation
{
  display: flex; 
}

.navigation li 
{
  list-style: none;
}

.navigation li a 
{
  position: relative;
  color: #fff;
  text-decoration: none;
  margin-left: 40px;
}

.content
{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content .text
{
  width: 100%;
  max-width: 600px;
}

.content .text h2
{
  color: #fff;
  font-size: 5em;
  font-weight: 300;
}

.content .text h2 span
{
  font-weight: 700;
}

.content .text p 
{
  color: #fff;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 20px 0;
}

.etiqueta{
  color: rgb(254, 238, 0);
  text-align: center;
}

.botoneria {
  margin-top: -3vh;
  margin-bottom: 5vh;
  background: radial-gradient(#fff200,#ffcc00cc);
  border-radius: 20vh;
  display: inline-block;
}

.botoneria *{
  margin: 0.7vh; 
}

#btn-movil{
  visibility: visible; 
}

#btn-pc{
  visibility: visible; 
}
#btn-tv{
  visibility: visible; 
}

.btn
{
  position: relative;
  --display: inline-block;
  display:inline-flex;
  padding:1.5vh;
  background: #ffffff;
  color: #333;
  font-size: 1.1em;
  font-weight: 400;
  border-radius: 40px;
  text-decoration: none;
  transition: 0.25s;
}

.btn:hover 
{
  letter-spacing: 1.8px;
}

.slider
{
  position: relative;
}

.slider .slides 
{
  display: none;
}

.slider .slides.active
{
  display: block;
}

.slider .slides img 
{
  width: 100%;
  max-width: 600px;
}

.footer
{
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  padding: 30px 100px;
  justify-content: space-between;
  align-items: flex-end;
}

.sci 
{
  display: flex;
}

.sci li
{
  list-style: none;
}

.sci li a 
{
  color: #fff;
  font-size: 2em;
  margin-right: 20px;
  display: inline-block;
  transition: 0.25s;
}

.sci li a:hover 
{
  transform: translateY(-5px);
}

.prevNext 
{
  position: relative;
  user-select: none;
}

.prevNext p 
{
  position: relative;
  color: #fff;
  text-align: end;
  margin-bottom: 15px;
}

.prevNext p::before 
{
  content: '';
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  width: 50px;
  height: 2px;
  background: #fff;
}

.prevNext span
{
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  cursor: pointer;
  font-size: 2em;
  color: #fff;
}

.prevNext span:nth-child(2)
{
  margin-right: 20px;
}

*/

/* VERSION AZUL */

#index_azul{
  background-color: #02026b;
  height: 100vh;
}

#main_azul{
  position: relative;
  min-height: 100vh; 
  background: radial-gradient(#3a40f0,#02026b);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 30px 100px;
}



#index_azul header
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}

#index_azul .logo
{
  max-width: 90px;
}

#index_azul .logo-pie{
  margin-top: 15vh;
  scale: 3;
}

#index_azul .separador{
  width: 40%;
  border: 3px;
  border-color: #fff200;
  padding-bottom: 2vh;
}

#index_azul .navigation
{
  display: flex; 
}

#index_azul .navigation li 
{
  list-style: none;
}

#index_azul .navigation li a 
{
  position: relative;
  color: #fff;
  text-decoration: none;
  margin-left: 40px;
}

#index_azul .content
{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#index_azul .content
{
  width: 100%;
  max-width: 600px;
}

#index_azul .content h1
{
  color: #fff;
  font-size: 3em;
  font-weight: 300;
}

#index_azul .content h2 
{
  color: #fff;
  font-size: 2em;
  font-weight: 700;
}

#index_azul .content p 
{
  color: #fff;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 20px 0;
}

#index_azul .botoneria {
  margin-top: -3vh;
  margin-bottom: 5vh;
  background: radial-gradient(#fff200,#ffcc00cc);
  border-radius: 20vh;
  display: inline-block;
}

#index_azul .botoneria *{
  margin: 0.7vh; 
}

#index_azul #btn-movil{
  visibility: visible; /*hidden*/
}

#index_azul #btn-pc{
  visibility: hidden; /*visible*/
}
#index_azul #btn-tv{
  visibility: visible; /*hidden*/
}

#index_azul .btn
{
  position: relative;
  display: inline-block;
  /*display:inline-flex;*/
  padding:1.5vh;
  background: #ffffff;
  color: #333;
  font-size: 1.1em;
  font-weight: 400;
  border-radius: 40px;
  text-decoration: none;
  transition: 0.25s;
}

#index_azul .btn:hover 
{
  letter-spacing: 1.8px;
}


#index_azul .slider .etiqueta{
  color: rgb(254, 238, 0);
  text-align: center; 
  font-size: 2.2vw;
} 

#index_azul .slider
{
  position: relative;
  width: 26vw;
  max-width: 280px;
  height: 20vw;
}

#index_azul .slider .slides 
{
  display: none;
}

#index_azul .slider .slides.active
{
  display: block;
}

#index_azul .slider .slides img 
{
  width: 100%;
  max-width: 600px;
}

#index_azul .footer
{
  position: absolute;
  bottom: 0;
  width: 100vw;
  display: flex;
  /*padding: 30px 100px;*/
  justify-content: space-between;
  align-items: flex-end;
}

#index_azul .sci 
{
  display: flex;
}

#index_azul .sci li
{
  list-style: none;
}

#index_azul .sci li a 
{
  color: #fff;
  font-size: 1.5em;
  margin-right: 10px;
  display: inline-block;
  transition: 0.25s;
}

#index_azul .sci li a:hover 
{
  transform: translateY(-5px);
}

#index_azul .prevNext 
{
  position: relative;
  user-select: none;
  margin-right: 20px;
}

#index_azul .prevNext p 
{
  position: relative;
  color: #fff;
  text-align: end;
  margin-bottom: 15px;
}

#index_azul .prevNext p::before 
{
  content: '';
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  width: 50px;
  height: 2px;
  background: #fff;
}

#index_azul .prevNext span
{
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  cursor: pointer;
  font-size: 2em;
  color: #fff;
}

#index_azul .prevNext span:nth-child(2)
{
  margin-right: 20px;
}

.texto-flecha{
  color: rgb(254, 238, 0) !important;
}
.flecha{
  background: radial-gradient(#fff200,#ffcc00cc);
}


 
/* XS Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 480px) 
    { 
     /*
      #index_azul header,
      #index_azul .main
      {
        padding: 20px;
      }
      #index_azul .toggle.active 
      {
        right: 20px;
      }
      #index_azul .content .text h2
      {
        font-size: 3em;
      }
      #index_azul .btn 
      {
        padding: 15px 30px;
      }
      #index_azul .footer
      {
        flex-direction: column-reverse;
        align-items: center;
      }
      #index_azul .sci
      {
        margin-top: 40px;
      }
      */
      #index_azul .main
      {
        padding: 40px;
      }
      #index_azul header
      {
        padding: 20px 40px;
      }
      #index_azul .logo
      {
        max-width: 70px;
      }
      #index_azul .content
      {
        flex-direction: column;
        margin: 120px 0 40px;
      }
      #index_azul .content .text
      {
        max-width: 100%;
      }
      #index_azul .content .text h2
      {
        font-size: 4em;
      }
      #index_azul .slider
      {
        margin-top: 40px;
        margin-bottom: 50px;
      }
      #index_azul .slider .slides img
      {
        width: 100%;
        max-width: 420px;
      }
      #index_azul .footer
      {
        position: relative;
        padding: 0;
      }

      #index_azul .navigation
      {
        display: none;
      }

      #index_azul .navigation.active
      {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(#8e0101,#c0061c);
        /*background: #d10a20;*/
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }

      #index_azul .navigation li a
      {
        font-size: 1.5em;
        margin: 10px 0;
        display: inline-block;
      }


      #index_azul .toggle
      {
        position: relative;
        width: 32px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100000;
        cursor: pointer;
      }
      #index_azul .toggle.active 
      {
        position: fixed;
        right: 40px;
      }
      #index_azul .toggle::before
      {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        transform: translateY(-10px);
        box-shadow: 0 10px 0 #fff;
        transition: 0.25s;
      }
      #index_azul .toggle.active::before
      {
        transform: translateY(0px) rotate(45deg);
        box-shadow: 0 0 0 #fff;
      }
      #index_azul .toggle::after
      {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        transform: translateY(10px);
        transition: 0.25s;
      }
      #index_azul .toggle.active::after
      {
        transform: translateY(0px) rotate(-45deg);
      }
  
    }

/* S Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 400px) and (max-width: 768px)
    { 
      #index_azul .main
        {
          padding: 40px;
        }
        #index_azul header
        {
          padding: 20px 40px;
        }
        #index_azul .logo
        {
          max-width: 70px;
        }
        #index_azul .content
        {
          flex-direction: column;
          margin: 120px 0 40px;
        }
        #index_azul .content .text
        {
          max-width: 100%;
        }
        #index_azul .content .text h2
        {
          font-size: 4em;
        }
        #index_azul .slider
        {
          margin-top: 40px;
        }
        #index_azul .slider .slides img
        {
          width: 100%;
          max-width: 420px;
        }
        #index_azul .footer
        {
          position: relative;
          padding: 0;
        }

        #index_azul .navigation
        {
          display: none;
        }

        #index_azul .navigation.active
        {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: radial-gradient(#8e0101,#c0061c);
          /*background: #d10a20;*/
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }

        #index_azul .navigation li a
        {
          font-size: 1.5em;
          margin: 10px 0;
          display: inline-block;
        }


        #index_azul .toggle
        {
          position: relative;
          width: 32px;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 100000;
          cursor: pointer;
        }
        #index_azul .toggle.active 
        {
          position: fixed;
          right: 40px;
        }
        #index_azul .toggle::before
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(-10px);
          box-shadow: 0 10px 0 #fff;
          transition: 0.25s;
        }
        #index_azul .toggle.active::before
        {
          transform: translateY(0px) rotate(45deg);
          box-shadow: 0 0 0 #fff;
        }
        #index_azul .toggle::after
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(10px);
          transition: 0.25s;
        }
        #index_azul .toggle.active::after
        {
          transform: translateY(0px) rotate(-45deg);
        }
    }

/* M Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) 
    { 
      
      #index_azul .main
        {
          padding: 40px;
        }
        #index_azul header
        {
          padding: 20px 40px;
        }
        #index_azul .logo
        {
          max-width: 70px;
        }
        #index_azul .content
        {
          flex-direction: column;
          margin: 120px 0 40px;
        }
        #index_azul .content .text
        {
          max-width: 100%;
        }
        #index_azul .content .text h2
        {
          font-size: 4em;
        }
        #index_azul .slider
        {
          margin-top: 40px;
        }
        #index_azul .slider .slides img
        {
          width: 100%;
          max-width: 420px;
        }
        #index_azul .footer
        {
          position: relative;
          padding: 0;
        }

        #index_azul .navigation
        {
          display: none;
        }

        #index_azul .navigation.active
        {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: radial-gradient(#8e0101,#c0061c);
          /*background: #d10a20;*/
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }

        #index_azul .navigation li a
        {
          font-size: 1.5em;
          margin: 10px 0;
          display: inline-block;
        }


        #index_azul .toggle
        {
          position: relative;
          width: 32px;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 100000;
          cursor: pointer;
        }
        #index_azul .toggle.active 
        {
          position: fixed;
          right: 40px;
        }
        #index_azul .toggle::before
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(-10px);
          box-shadow: 0 10px 0 #fff;
          transition: 0.25s;
        }
        #index_azul .toggle.active::before
        {
          transform: translateY(0px) rotate(45deg);
          box-shadow: 0 0 0 #fff;
        }
        #index_azul .toggle::after
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(10px);
          transition: 0.25s;
        }
        #index_azul .toggle.active::after
        {
          transform: translateY(0px) rotate(-45deg);
        }
    
    }

/* L Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px)
    {
      
      #index_azul .main
        {
          padding: 40px;
        }
        #index_azul header
        {
          padding: 20px 40px;
        }
        #index_azul .logo
        {
          max-width: 70px;
        }
        #index_azul .content
        {
          flex-direction: column;
          margin: 120px 0 40px;
        }
        #index_azul .content .text
        {
          max-width: 100%;
        }
        #index_azul .content .text h2
        {
          font-size: 4em;
        }
        #index_azul .slider
        {
          margin-top: 40px;
        }
        #index_azul .slider .slides img
        {
          width: 100%;
          max-width: 420px;
        }
        #index_azul .footer
        {
          position: relative;
          padding: 0;
        }

        #index_azul .navigation
        {
          display: none;
        }

        #index_azul .navigation.active
        {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: radial-gradient(#8e0101,#c0061c);
          /*background: #d10a20;*/
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }

        #index_azul .navigation li a
        {
          font-size: 1.5em;
          margin: 10px 0;
          display: inline-block;
        }


        #index_azul .toggle
        {
          position: relative;
          width: 32px;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 100000;
          cursor: pointer;
        }
        #index_azul .toggle.active 
        {
          position: fixed;
          right: 40px;
        }
        #index_azul .toggle::before
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(-10px);
          box-shadow: 0 10px 0 #fff;
          transition: 0.25s;
        }
        #index_azul .toggle.active::before
        {
          transform: translateY(0px) rotate(45deg);
          box-shadow: 0 0 0 #fff;
        }
        #index_azul .toggle::after
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(10px);
          transition: 0.25s;
        }
        #index_azul .toggle.active::after
        {
          transform: translateY(0px) rotate(-45deg);
        }
    }

/* XL Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px)
    {
      #index_azul .main
        {
          padding: 40px;
        }
        #index_azul header
        {
          padding: 20px 40px;
        }
        #index_azul .logo
        {
          max-width: 70px;
        }
        #index_azul .content
        {
          flex-direction: column;
          margin: 120px 0 40px;
        }
        #index_azul .content .text
        {
          max-width: 100%;
        }
        #index_azul .content .text h2
        {
          font-size: 4em;
        }
        #index_azul .slider
        {
          margin-top: 40px;
        }
        #index_azul .slider .slides img
        {
          width: 100%;
          max-width: 420px;
        }
        #index_azul .footer
        {
          position: relative;
          padding: 0;
        }

        #index_azul .navigation
        {
          display: none;
        }

        #index_azul .navigation.active
        {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: radial-gradient(#8e0101,#c0061c);
          /*background: #d10a20;*/
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }

        #index_azul .navigation li a
        {
          font-size: 1.5em;
          margin: 10px 0;
          display: inline-block;
        }


        #index_azul .toggle
        {
          position: relative;
          width: 32px;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 100000;
          cursor: pointer;
        }
        #index_azul .toggle.active 
        {
          position: fixed;
          right: 40px;
        }
        #index_azul .toggle::before
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(-10px);
          box-shadow: 0 10px 0 #fff;
          transition: 0.25s;
        }
        #index_azul .toggle.active::before
        {
          transform: translateY(0px) rotate(45deg);
          box-shadow: 0 0 0 #fff;
        }
        #index_azul .toggle::after
        {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #fff;
          transform: translateY(10px);
          transition: 0.25s;
        }
        #index_azul .toggle.active::after
        {
          transform: translateY(0px) rotate(-45deg);
        }
      
    }