@charset "UTF-8";
*, body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

/*HEADER*/
.header-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*APLICACION DE MAP - DECLARADO EN _VARIABLES - */
  background: #f7a2abd2;
  -webkit-backdrop-filter: blur(6.5px);
          backdrop-filter: blur(6.5px);
}

.header-1 .logo {
  padding-right: 3em;
}

.header-1 .logo img {
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

.header-1 .logo img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}

.header-1 .navbar {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.header-1 .navbar .navbar-nav a {
  /*APLICACION DE MIXIN - DECLARADO EN _VARIABLES - */
  font-size: 14px;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1rem;
  padding-right: 1em !important;
  padding-left: 2em !important;
}

.header-1 .navbar .navbar-nav a:hover {
  -webkit-transition: -webkit-transform 150ms;
  transition: -webkit-transform 150ms;
  transition: transform 150ms;
  transition: transform 150ms, -webkit-transform 150ms;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  color: #FFFF;
}

/*FOOTER*/
footer {
  /*APLICACIÓN DE MAP - DECLARADO EN _VARIABLES.SCSS - */
  background-color: #4a536b;
  padding-top: 15px;
  border-radius: 25% 48% 9% 9% / 15% 14% 0% 0%;
}

footer .row_footer {
  padding-top: 25px;
}

footer .row_footer .logo img {
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

footer .row_footer .logo img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}

footer .row_footer .fab {
  font-size: 37px;
  padding-left: 15px;
  padding-right: 15px;
}

footer .row_footer .nav_footer a {
  /*APLICACIÓN DE MIXIN*/
  font-size: 14px;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: black;
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 12px;
}

footer .row_footer .nav_footer a:hover {
  /*APLICACIÓN DE MAP - DECLARADO EN _VARIABLES.SCSS - */
  color: #FFFF;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

footer .row_footer .area_circulo .icon {
  color: black;
  -webkit-transition: .5s;
  transition: .5s;
}

footer .row_footer .fa-instagram:hover {
  color: #D22987;
  -webkit-transition: .2s;
  transition: .2s;
}

footer .row_footer .fa-facebook:hover {
  color: #3b5999;
  -webkit-transition: .2s;
  transition: .2s;
}

@media only screen and (min-width: 0) and (max-width: 768px) {
  footer .row_footer .nav_footer a {
    font-size: 2.6vw;
    font-weight: bold;
  }
}

/*INDEX*/
.jumbotron-fluid {
  background-image: url(../img/cover.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 88vh;
}

.jumbotron-fluid h1 {
  color: black;
  padding-top: 3rem;
}

.jumbotron-fluid p {
  padding-top: 3rem;
  padding-bottom: 1rem;
  color: black;
  font-weight: 350;
  font-size: 2.5vh;
}

.jumbotron-fluid .boton-index {
  color: #D4E8ED;
  padding: 7px 12px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
  -webkit-transition: ease-out 0.5s;
  transition: ease-out 0.5s;
}

.jumbotron-fluid .boton-index:hover {
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
  text-decoration: none;
}

.main_deck {
  padding-top: 1.5em;
}

.main_deck .card_index {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 4em;
}

.main_deck .card_index img {
  max-width: 46vh;
  height: 80%;
  border-radius: 100% 45% 39% 29% / 34% 33% 40% 35%;
}

.main_deck .card_index .card-title {
  padding-top: 1em;
}

.container-agrupaciones {
  padding-bottom: 2em;
}

.container-agrupaciones .fila-logos {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}

.container-agrupaciones .fila-logos .logo_protectora {
  padding: 10px 0 10px 0;
  max-width: clamp(8rem, 10vw, 5rem);
  height: 82%;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.container-agrupaciones .fila-logos .logo_protectora:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}

@media only screen and (min-width: 0px) and (max-width: 998px) {
  .jumbotron-fluid {
    min-height: 65vh;
  }
  .jumbotron-fluid h1 {
    font-size: 50px;
  }
  .container-agrupaciones {
    text-align: center;
  }
}

/*PAGE NOSOTROS*/
.contenedor_principal {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.contenedor_principal h1 {
  font-size: clamp(0.5rem, 10vw, 3rem);
  letter-spacing: 0.5px;
  font-weight: bolder;
  text-transform: uppercase;
  border-style: solid none;
  padding: 10px 0px 10px;
}

.featurette {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem;
}

.featurette .card_nosotros {
  margin: 5px 0px 15px 0px;
}

.featurette .featurette-image1 {
  border-radius: 79% 21% 83% 17% / 13% 83% 17% 87%;
}

.featurette .featurette-image2 {
  border-radius: 36% 24% 14% 46% / 37% 22% 52% 20%;
}

/*PAGE OBJETIVO*/
.card_objetivo {
  padding: 1em;
}

.contenedor_principal {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.contenedor_principal h1 {
  font-size: clamp(0.5rem, 10vw, 3rem);
  letter-spacing: 0.5px;
  font-weight: bolder;
  text-transform: uppercase;
  border-style: solid none;
  padding: 10px 0px 10px;
}

/*PAGE COLABORAR*/
.contenedor_principal {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.contenedor_principal h1 {
  font-size: clamp(0.5rem, 10vw, 3rem);
  letter-spacing: 0.5px;
  font-weight: bolder;
  text-transform: uppercase;
  border-style: solid none;
  padding: 10px 0px 10px;
}

.tarjeta-ayudar {
  text-align: center;
  padding: 20px 0px 20px 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tarjeta-ayudar .card_ayudar img {
  width: 21rem;
  height: 80%;
  border-radius: 91% 16% 84% 9% / 25% 75% 12% 88%;
  padding-bottom: 10px;
}

.tarjeta-ayudar .texto_ayudar {
  padding-top: 1em;
}

.ayudar_agrupaciones {
  padding: 1em 0 1em 0;
  text-align: center;
}

.ayudar_agrupaciones img {
  max-width: 20rem;
  height: 90%;
  border-radius: 21% 41% 20% 15% / 40% 31% 32% 15%;
}

.ayudar_agrupaciones p {
  padding-bottom: 6px;
}

.ayudar_agrupaciones .logo_prot_ayudar {
  padding: 10px 0 10px 0;
  max-width: clamp(8rem, 10vw, 5rem);
  height: 80%;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.ayudar_agrupaciones .logo_prot_ayudar:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}

@media only screen and (min-width: 0px) and (max-width: 366px) {
  .ayudar_agrupaciones img {
    max-width: 12rem;
  }
}

/*PAGE CONTACTO*/
.contenedor_principal {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.contenedor_principal h1 {
  font-size: clamp(0.5rem, 10vw, 3rem);
  letter-spacing: 0.5px;
  font-weight: bolder;
  text-transform: uppercase;
  border-style: solid none;
  padding: 10px 0px 10px;
}

.container_contacto {
  width: 80%;
  margin: 2rem auto 2rem auto;
}

.container_contacto .formulario_contacto, .container_contacto .formulario_contacto .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*APLICACIÓN DE @EXTEND*/
}

.container_contacto .formulario_contacto .form-group {
  width: 80%;
  /*APLICACIÓN DE MAP - DECLARADO EN _VARIABLES - */
}

.container_contacto .formulario_contacto .form-group label {
  font-size: 20px;
}

.container_contacto .formulario_contacto .form-group .form-control {
  border-radius: 5px;
  line-height: 22px;
  border: 2px solid #3a3e53;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 0px;
}

.container_contacto .formulario_contacto .form-group .form-control:focus {
  border: 2px solid #3a3e53;
}

.container_contacto .formulario_contacto .form-group .form-control.desplegable {
  margin-top: 7px;
}

.container_contacto .formulario_contacto .form-group textarea {
  width: 100%;
  font-size: 17px;
  outline: none;
  border: none;
  margin-top: 7px;
  resize: vertical;
}

.container_contacto .formulario_contacto .form-group input {
  margin-top: 7px;
}

.container_contacto .formulario_contacto .form-group input[type=submit] {
  margin: 14px auto;
  cursor: pointer;
}

.container_contacto .map iframe {
  width: 90%;
  height: 90%;
}
/*# sourceMappingURL=main.css.map */