:root {
    --amarillo:   #F8DE64;
    --azul:    #0092B5;
    --rojo:      #CA4E3C;
    --blanco:       #ffffff;
  }

header {
    box-shadow: 0 0 20px #e84d3852;
}

.navbar-nav .nav-link {
    font-size: 0.875rem;
    font-weight: 800;
    text-transform: none;
    line-height: 84px;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--azul) !important;
}

.navbar-nav .nav-link:hover {
    color: var(--rojo) !important;
}

.hi_rojo {
    color: var(--rojo);
}

.hi_azul {
    color: var(--azul);
}

.hi_bg_amarillo {
    background-color: var(--amarillo);
}

.hi_bg_azul {
    background-color: var(--azul);
}

.hi_logo {
    width:142px;
}

.hi_button {
    background: var(--amarillo);
    color: var(--azul);
    font-size: 18px;
    font-weight: bold;
    border:none;
}

.hi_button:hover {
    background: var(--blanco);
    color: var(--azul);
}

.hi_ctatop {
    background: var(--rojo);
    color: var(--blanco);
    font-size: 18px;
    font-weight: bold;
    border:none;
}

.hi_ctatop:hover {
    background: var(--amarillo);
    color: var(--azul);
}

ul.hi_requisitos li {
    font-size: 24px;
    color: var(--azul);
}

#carouselExampleIndicators {
    height:700px;
}

#carouselExampleIndicators .carousel-inner, .carousel-item {
    height:700px;
}

#carouselExampleIndicators .carousel-inner {
    /* padding-top: 40px; */
}

.sliderbg1 {
    background: url(../images/hippy/slider1.jpg) no-repeat;
    background-size: cover;
}

.sliderbg2 {
    background: url(../images/hippy/slider2.jpg) no-repeat;
    background-size: cover;
}

.sliderbg3 {
    background: url(../images/hippy/slider3.jpg) no-repeat;
    background-size: cover;
}


.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    }

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    }

.carousel-indicators li {
    background-color: #e84d38;
}

.hi_siguiente {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--azul);
}

.hi_siguiente i {
    margin-left: 10px;
}

.rowinfo {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;

}

.containerareas {
    display: flex;
    align-items: flex-start;
}
.itemarea {
    display: flex;
    flex-direction: column;
    padding: 3em;
    align-items: flex-start;
    justify-content: center;
    text-align:left;
    flex-basis: 100%;
}

.itemarea a {
    background: white;
    padding: 1em;
    border-radius: 1em;
    
}

.itemarea a:hover {
    box-shadow: 1px 1px 16px rgb(0 0 0 / 20%);
    }

.itemarea p {
    padding: 0 0px !important;
}

.itemarea h4 {
    color: var(--azul);
    margin-top:40px;
    align-self: center;
}

.itemarea img {
    align-self: center;
}

.navbar-nav .dropdown-menu:before {
    background: var(--rojo) !important;
}

.btn-grad {
    background: var(--rojo);
}

.bg-grad {
    background: -moz-linear-gradient(150deg, #e74d38  0%, #0092b5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e74d38 ), color-stop(100%, #0092b5));
    background: -webkit-linear-gradient(150deg, #e74d38  0%, #0092b5 100%);
    background: -o-linear-gradient(150deg, #e74d38  0%, #0092b5 100%);
    background: -ms-linear-gradient(150deg, #e74d38  0%, #0092b5 100%);
    background: linear-gradient(150deg, #e74d38  0%, #0092b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
  }

.cardcolaborador {
    display: flex;
    align-items: center;
    padding: 2em;
    border-radius: 1em;
    background:white;
}

.cardcolaborador img {
    border: solid 3px var(--rojo);
    width: 20%;
    height: 20%;
}

.infocard {
    padding:1em;
}

.line {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.line img {
    width: 80px;
}

section#equipo-hippy {
    background: rgb(244 212 86 / 29%);
}



.metaitem {
    padding: 1.3em;
    border-radius: 1em;
    margin-top: 1.2em;
}

.metaitem p {
    color:#00728e;
    font-size: 1.1rem;
}

.accordion-title {
    border-radius: 2em;
    margin-top: 2em;
}

.accordion-grad .accordion-title a { 
    background: var(--azul);

    font-size: 18px;
    font-weight: bold;
    border-radius: 2em;
    padding: 20px;
}

.accordion-grad .accordion-title a.collapsed {
    background: -moz-linear-gradient(150deg, #e74d38  0%, #ffdf5a  100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e74d38 ), color-stop(100%, #ffdf5a ));
    background: -webkit-linear-gradient(150deg, #e74d38  0%, #ffdf5a  100%);
    background: -o-linear-gradient(150deg, #e74d38  0%, #ffdf5a  100%);
    background: -ms-linear-gradient(150deg, #e74d38  0%, #ffdf5a  100%);
    background: linear-gradient(150deg, #e74d38  0%, #ffdf5a  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
    color:white;
}


footer {
    background: #ffdf5a;
    color:black;
}

footer a {
    color:#0092B5 !important ;
}

/* @media (min-width: 576px) {
    .card-columns.galeriacards {
        column-count: 4;
    }
} */

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
}

@media (max-width: 992px) {
    .itemarea {
        display: flex;
        flex-direction: column;
        padding: 1em 10%;
        align-items: flex-start;
        justify-content: center;
        width: 50%;
    }

    .containerareas {
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    

    .hi_ctatop {
        font-size:10px;
       
    }
}

@media (max-width:399px) {
    .navbar-nav {
        padding-bottom: 1em;
        width:100%;
    }
}

/* enviar */

.alert-danger {
    background:#ff797a;
    -webkit-animation: blinking 1s infinite;  /* Safari 4+ */
    -moz-animation: blinking 1s infinite;  /* Fx 5+ */
    -o-animation: blinking 1s infinite;  /* Opera 12+ */
    animation: blinking 1s infinite;  /* IE 10+, Fx 29+ */
    color: white;
      display: flex;
      padding: .9em;
      margin: 0;
      /* padding-top: 0; */
      /* margin-top: 0; */
      line-height: 1;
      margin-bottom: 10px;
  }
  
  .alert-success {
    background:#AAD0AD;
    color: white;
      display: flex;
      padding: .9em;
      margin: 0;
      /* padding-top: 0; */
      /* margin-top: 0; */
      line-height: 1;
      margin-bottom: 10px;
  }
  
  .alert-warning {
    background:#ff797a;
    -webkit-animation: blinking-orange 1s infinite;  /* Safari 4+ */
    -moz-animation: blinking-orange 1s infinite;  /* Fx 5+ */
    -o-animation: blinking-orange 1s infinite;  /* Opera 12+ */
    animation: blinking-orange 1s infinite;  /* IE 10+, Fx 29+ */
    color: white;
      display: flex;
      padding: .9em;
      margin: 0;
      /* padding-top: 0; */
      /* margin-top: 0; */
      line-height: 1;
      margin-bottom: 10px;
  }
  
  @-webkit-keyframes blinking {
    0%, 49% {
      background-color: #ff797a;
    }
    50%, 100% {
      background-color: #ffa1a2;
    }
  }
  
  @-webkit-keyframes blinking-orange {
    0%, 49% {
      background-color: #ffb55e;
    }
    50%, 100% {
      background-color: #ffa336;
    }
  }
  
  #loading {
    background: url(https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif) center center no-repeat rgba(0,0,0,0.85);
    width:100vw;
    height:100vh;
    position:absolute;
    z-index:99;
    display: none;
  }
  
  #loading span {
    color: white;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 57vh;
    font-weight: bold;
  }
  
  body.load {
    overflow: hidden;
    height: 98vh;
  }