/*

Theme Name: ATPAS 2020

Author: Ide Consultora & Daniel Alejandro Uncos Aciar

Theme URI: //ideconsultora.com.ar/

Description: Tema hijo para el tema Twenty Twenty.

Version: 2020.0.01

Template: twentytwenty

Text Domain: twentytwenty

*/

:root {
  --dark-color: #101010;

  --light-color: #ffffff;

  --primary-color: #025585;

  --secondary-color: #072d5a;

  --terciary-color: #e6eef3;

  --transition: 250ms;
}

* {
  scroll-behavior: smooth;
}

body {
  background: #ffffff;

  color: #4d4d4d;

  font-family: Lato, sans-serif;

  font-weight: 400;

  letter-spacing: 0.25px;
}

#page {
  overflow: hidden;
}

a:link,
a:active,
a:visited {
  text-decoration: none;
}

#page img {
  height: auto;

  width: 100%;
}

#page iframe {
  display: block;
}

.responsive-table {
  overflow-x: auto;
}

/* HEADINGS */

h1 {
  font-size: 2rem;

  line-height: 1.2;

  margin-bottom: 2rem;

  text-transform: uppercase;

  width: 100%;
}

/* BOTONES */

.btn {
  background-color: none;

  border-color: #4d4d4d;

  color: #4d4d4d;

  font-size: 1rem;

  font-weight: 700;

  line-height: 1;

  padding: 1rem 2rem;

  text-transform: uppercase;

  white-space: normal;
}

.btn:hover {
  border-color: #4d4d4d;

  color: #4d4d4d;
}

.btn-primary {
  background-color: #4d4d4d;

  border-color: #4d4d4d;

  color: #ffffff;
}

.btn-primary:hover {
  background-color: #4d4d4d;

  border-color: #4d4d4d;

  color: #ffffff;
}

.btn-secondary {
  background-color: #4d4d4d;

  border-color: #4d4d4d;

  color: #ffffff;
}

.btn-secondary:hover {
  background-color: #4d4d4d;

  border-color: #ffffff;

  color: #ffffff;
}

.button-center,
.button-left,
.button-right {
  display: flex;
  align-items: center;
  width: 100%;
}

.button-center {
  justify-content: center;
}

.button-left {
  justify-content: flex-start;
}

.button-right {
  justify-content: flex-end;
}

.buttons__a {
  padding: 0.8rem 1.9rem;
  border-radius: 10px;
  font-weight: 800;
  text-transform: uppercase;
  transition: var(--transition);
}

/* MASTHEAD */

#masthead .logo {
  margin: 0 1rem 0 0;

  max-width: 175px;
}

#masthead .logo img {
  width: 175px;
}

.navbar-toggler {
  border: none;

  color: #072d5a;

  font-size: 1.5rem;

  margin: 0;

  padding: 0;
}

.navbar-nav {
  align-items: flex-end;

  background: #072d5a;

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

  padding: 1rem;
}

.navbar-nav .nav-link {
  color: #ffffff;

  font-size: 0.8rem;

  font-weight: 700;

  text-transform: uppercase;
}

.dropdown,
.dropleft,
.dropright,
.dropup,
.dropdown-menu {
  text-align: right;
}

.dropdown-menu {
  background-color: #d6d6d6;

  border: none;

  border-radius: 0;

  padding: 0;
}

.dropdown-item {
  color: #072d5a;

  font-size: 0.8rem;

  font-weight: 700;

  padding: 0.5rem 1rem;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
}

.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item.active {
  background-color: #025585;

  color: #ffffff;
}

/* SLIDER */

#slider .n2-ss-layer {
  /* Para que el contenido del slider quede centrado horizontalmente */

  padding: 0 !important;
}

/* REDES SOCIALES */

#social {
  background-color: #ffffff;

  padding: 4rem 0;

  position: relative;
}

#social .adorno {
  position: absolute;

  top: 0;
}

#social .redes {
  display: flex;

  flex-direction: row;

  justify-content: center;

  list-style: none;

  margin-bottom: 0;

  padding: 0;
}

#social .redes li a {
  color: #072d5a;

  font-size: 0.8rem;
}

/* Evento 37 Aniversario */
#evento-aniversario-atpas {
    background-color: #E6EEF3;
    padding: 4rem 0;
    margin-bottom: 5rem;
}

.aniversario__slider {
    width: 100%;
}

.aniversario__contador {
    margin: 4rem 0;
}

.aniversario__h2 {
    color: var(--primary-color);
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}

/* BENEFICIOS DE PERTENECER */

#beneficios {
  background-color: #ffffff;

  color: #4d4d4d;

  padding: 0 0 4rem;
}

#beneficios .container {
  display: flex;

  flex-direction: column;
}

#beneficios h1 {
  font-weight: 900;

  text-align: center;
}

#beneficios h1 a {
  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

#beneficios .container {
  display: flex;

  flex-direction: column;

  align-items: center;
}

#beneficios .espacio {
  width: 100%;
}

#beneficios .espacio .items {
  display: flex;

  flex-direction: column;

  list-style-type: none;

  margin: 0;

  padding: 0;
}

#beneficios .espacio .items .imagen {
  height: 500px;

  position: relative;
}

#beneficios .espacio .items .imagen .fondo {
  background-position: center;

  background-repeat: no-repeat;

  background-size: cover !important;

  box-shadow: 0 0 5px #4d4d4d;

  height: 100%;

  position: absolute;

  width: 100%;

  z-index: 1;
}

#beneficios .imagen .fondo .overlay-link {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 2;
}

#beneficios .espacio .items .texto {
  background-color: #e6eef3;

  display: flex;

  flex-direction: column;

  align-items: center;

  font-size: 1rem;
}

#beneficios .espacio .items .texto h2 {
  color: #025585;

  font-size: 1.8rem;

  font-weight: 900;

  margin-bottom: 1.5rem;

  text-align: center;
}

#beneficios .espacio .items .texto .listado-beneficios {
  list-style-type: none;

  margin: 0;

  padding: 0;

  text-align: justify;

  width: 100%;
}

#beneficios .espacio .items .texto .listado-beneficios li{
  background: url("/gestor/wp-content/themes/atpas20/imagenes/adornos/tilde.svg")
    top left no-repeat;

  background-size: 20px;

  background-position: 0 4px;

  padding: 0 0 0 35px;
}

#beneficios .formulario {
  padding: 4rem 0 0;
}

/* Beneficios Atpas */
#beneficios-atpas {
  width: 100%;
  .beneficios-atpas__content {
    .beneficios-atpas__banner-bg {
      width: 100%;
      height: 200px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      .beneficios-atpas__overlay {
        background-color: #00000078;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        flex-wrap: wrap;
        img {
          width: 100%;
          max-width: 250px;
          transition: var(--transition);
          &:hover {
            transform: scale(1.05);
          }
        }
        .button-center {
          .buttons__a {
            color: var(--primary-color);
            background-color: var(--light-color);
            border: 2px solid var(--light-color);
            &:hover {
              background-color: transparent;
              color: var(--light-color);
              box-shadow: 0 0 10px var(--light-color);
            }
          }
        }
      }
    }
    .beneficios-atpas__full-content {
      width: 100%;
      display: flex;
      align-items: stretch;
      justify-content: space-evenly;
      flex-wrap: wrap;
      .beneficios-atpas__half-content {
        width: 50%;
        &:first-child {
          background-color: #e6eef3;
          padding: 2rem;
          display: flex;
          flex-wrap: wrap;
          .listado-beneficios {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
            .listado-beneficios--list {
              list-style: none;
              li {
                background: url("/gestor/wp-content/themes/atpas20/imagenes/adornos/tilde.svg") top left no-repeat;
                background-size: 20px;
                background-position: 0 4px;
                padding: 0 0 0 35px;
              }
            }
          }
          .button-center {
            margin: 1rem 0;
            .buttons__a {
              background-color: var(--primary-color);
              color: var(--light-color);
              border: 2px solid var(--primary-color);
              &:hover {
                background-color: transparent;
                color: var(--primary-color);
                box-shadow: 0 0 10px var(--primary-color);
              }
            }
          }
        }
        &:last-child {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          background-color: var(--primary-color);
          .beneficios-atpas__info {
            width: 100%;
            color: var(--light-color);
            padding: 1.5rem;
            .beneficios-atpas__video {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
            }
          }
          .button-center {
            align-self: flex-end;
            margin: 1rem 0;
            .buttons__a {
              color: var(--primary-color);
              background-color: var(--light-color);
              border: 2px solid var(--light-color);
              &:hover {
                color: var(--light-color);
                background-color: transparent;
                box-shadow: 0 0 10px var(--light-color);
              }
            }
          }
        }
      }
    }
  }
}

/* BUSCADOR */

#buscador {
  background-color: #072d5a;

  padding: 2rem 0;
}

#buscador .container {
  align-items: center;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;
}

#buscador .search-form {
  align-items: center;

  background: #ffffff;

  border-radius: 10px;

  box-shadow: 0 0 10px -4px #000;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  padding: 0 1rem;
}

#buscador .search-form label {
  margin-bottom: 0;
}

#buscador .search-form .screen-reader-text {
  display: none;
}

#buscador .search-form label .search-field {
  background: none;

  border: none;

  color: #4d4d4d;

  font-size: 1.6rem;

  font-style: italic;

  font-weight: 300;

  max-width: 200px;

  letter-spacing: 0.25px;

  padding: 1rem 0.5rem;

  text-align: center;
}

#buscador .search-form label .search-field::placeholder {
  color: #4d4d4d;
}

#buscador .search-form .search-submit {
  align-items: center;

  background: none;

  border: none;

  color: #025585;

  cursor: pointer;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  font-size: 2.5rem;

  justify-content: center;

  position: relative;
}

#buscador .search-form .search-submit:hover {
  color: #072d5a;
}

.error404 #buscador {
  background-color: #ffffff;

  padding: 45px 0;
}

.error404 #buscador .error {
  width: 275px !important;
}

.error404 #buscador .formulario {
  background-color: #072d5a;

  padding: 2rem 0;

  position: relative;
}

.error404 #buscador .formulario::before {
  background-color: #072d5a;

  content: "";

  display: block;

  height: 100%;

  left: -100vw;

  position: absolute;

  top: 0;

  width: 100vw;
}

.error404 #buscador .formulario::after {
  background-color: #072d5a;

  content: "";

  display: block;

  height: 100%;

  right: -100vw;

  position: absolute;

  top: 0;

  width: 100vw;
}

.error404 #buscador h1 {
  color: #025585;

  font-weight: 900;

  margin-top: 2rem;

  text-align: center;
}

.error404 #buscador p {
  color: #4d4d4d;

  font-size: 1.1rem;

  margin-bottom: 2rem;
}

/* CURSOS */
#cursos-atpas {
  width: 100%;
  margin: 2rem 0;
  .cursos-atpas__content {
    width: 100%;
    .cursos-atpas__inner {
      width: 100%;
      .cursos-atpas__box {
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        .cursos-atpas__info {
          width: 100%;
          height: 100%;
          background-color: rgb(from var(--primary-color) r g b / 78%);
          color: var(--light-color);
          padding: 1rem 2.5rem 2.5rem;
          h2 {
            padding: 0.7rem 2rem;
            background-color: var(--light-color);
            box-shadow: 0 0 10px #00000038;
            width: fit-content;
            margin: 1rem auto;
            a {
              color: var(--primary-color) !important;
            }
          }
          .button-left {
            margin-top: 4rem;
            .buttons__a {
              border: 2px solid var(--light-color);
              background-color: var(--light-color);
              color: var(--primary-color);
              &:hover {
                background-color: transparent;
                color: var(--light-color);
                box-shadow: 0 0 10px var(--light-color);
              }
            }
          }
        }
      }
    }
  }
}


/*
#cursos {
  padding: 4rem 0;
}

#cursos .container-fluid {
  display: flex;

  flex-direction: column;

  padding: 0;
}

#cursos .cursos-pca,
#cursos .cursos-pcc {
  display: flex;

  flex-direction: column;

  width: 100%;
}

#cursos .cursos-pca {
  margin-bottom: 4rem;
}

#cursos .cursos-pca .enlace,
#cursos .cursos-pcc .enlace {
  background-color: #025585;

  border-color: #025585;

  border-radius: 10px;

  box-shadow: 0 0 5px 5px #afd7e2;

  font-size: 1.1rem;

  margin: 3rem auto;

  padding: 0.5rem 1.5rem;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
}

#cursos .cursos-pca .enlace:hover,
#cursos .cursos-pcc .enlace:hover {
  background-color: #072d5a;

  border-color: #072d5a;
}

#cursos h1 {
  font-weight: 900;

  padding: 0 15px;

  text-align: center;
}

#cursos h1 a {
  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

#cursos .primer-loop {
  box-shadow: 0 0 8px #4d4d4d;

  width: 100%;

  z-index: 1;
}

#cursos .primer-loop ul {
  background-color: #025585;

  display: flex;

  flex-direction: column;

  list-style-type: none;

  padding: 0;

  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

#cursos .primer-loop ul .imagen {
  height: 100vw;

  position: relative;
}

#cursos .primer-loop ul .imagen .fondo {
  background-color: #4d4d4d !important;

  background-position: top;

  background-repeat: no-repeat;

  background-size: cover !important;

  display: flex;

  align-items: center;

  height: 100%;

  width: 100%;

  position: absolute;
}

#cursos .primer-loop ul .imagen .fondo .overlay-link {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 2;
}

#cursos .primer-loop ul .texto {
  padding: 2rem 1rem;
}

#cursos .primer-loop ul .fecha {
  color: #ffffff;

  font-size: 1.1rem;

  font-weight: 300;

  margin-bottom: 0.5rem;
}

#cursos .primer-loop ul .titulo {
  margin-bottom: 2rem;
}

#cursos .primer-loop ul .titulo a {
  color: #ffffff;

  font-size: 1.8rem;

  font-weight: 900;
}

#cursos .primer-loop ul .botones {
  display: flex;

  flex-direction: column;

  align-items: flex-start;
}

#cursos .primer-loop ul .botones .inscripciones,
#cursos .primer-loop ul .botones .seguir {
  background-color: #ffffff;

  border-radius: 10px;

  color: #025585;

  display: inline-block;

  font-size: 0.9rem;

  font-weight: 400;

  padding: 0.25rem 1rem;

  text-transform: uppercase;
}

#cursos .primer-loop ul .botones a {
  margin-bottom: 1rem;
}

#cursos .primer-loop ul .botones a:last-child {
  margin-bottom: 0;
}
*/

/* PLATAFORMA VIRTUAL */

#plataforma .container-fluid {
  background-color: #025585;

  padding: 0;

  position: relative;
}

#plataforma .adorno-superior {
  position: absolute;

  top: -1px;

  z-index: 2;
}

#plataforma .adorno-inferior {
  position: absolute;

  bottom: -1px;

  z-index: 2;
}

#plataforma .espacio {
  display: flex;

  flex-direction: column;
}

#plataforma h1 {
  font-weight: 900;

  padding: 0 15px;

  text-align: center;
}

#plataforma h1 span {
  background-color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  color: #ffffff;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

#plataforma .mosaico {
  height: 250px;

  position: relative;

  width: 100%;
}

#plataforma .mosaico .fondo {
  background-color: #001a30;

  background-blend-mode: overlay;

  background-size: cover;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 2rem;

  height: 100%;

  position: absolute;

  width: 100%;
}

#plataforma .mosaico .fondo h2 {
  color: #ffffff;

  font-size: 1.8rem;

  font-weight: 900;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 2rem;

  text-align: center;

  text-transform: uppercase;

  width: 100%;
}

#plataforma .mosaico .fondo .icono {
  margin-right: 0.5rem;

  width: 4rem;
}

#plataforma .mosaico .fondo .overlay-link {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 1;
}

#plataforma .mosaico .fondo .enlace {
  background-color: #025585;

  border-color: #025585;

  border-radius: 10px;

  box-shadow: 0 0 5px #4d4d4d;

  font-size: 1.1rem;

  margin: 0 auto;

  padding: 0.5rem 1.5rem;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  z-index: 2;
}

#plataforma .mosaico .fondo .enlace:hover {
  background-color: #ffffff;

  border-color: #ffffff;

  color: #025585;
}

/* Sección Exámenes */

#seccion-examenes {
  width: 100%;

  margin: 3rem 0;
}

.seccion-examenes__titulo {
  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;
}

.seccion-examenes__h1 {
  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  padding: 0.5rem 1rem;

  width: fit-content;

  font-weight: 900;
}

.seccion-examenes__banner {
  background-position: left left;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

  height: 360px;
}

.seccion-examenes__overlay {
  clip-path: polygon(
    100% 0,
    100% 100%,
    38% 100%,
    38% 97%,
    37% 88%,
    36% 79%,
    34% 65%,
    30% 45%,
    24% 20%,
    18% 0
  );

  background-color: #025585;

  width: 100%;

  height: 100%;
}

.seccion-examenes__h2 {
  text-align: end;

  color: #fff;

  text-transform: uppercase;

  font-weight: 900;

  padding: 5rem 5rem 2rem;

  margin: 0;
}

.seccion-examenes__p {
  text-align: end;

  color: #fff;

  padding: 0 5rem;
}

/* TRIPLE BOTÓN DE CONTENIDO ALTERNABLE: EXAMENES */

.alt-content-examen {
  width: 100%;

  background-color: var(--light-color);

  margin: 2rem 0;
}

.alt-content-examen__buttons {
  display: flex;

  justify-content: space-evenly;

  align-items: center;

  border: none;

  margin: 3rem 0;
}

.alt-content-examen__buttons--single {
  background-color: var(--primary-color);

  color: var(--light-color);

  text-transform: uppercase;

  font-weight: 600;

  padding: 0.7rem 2.2rem;

  border-radius: 5px !important;

  border: 2px solid var(--primary-color) !important;

  transition: 350ms;
}

.alt-content-examen__buttons--single:hover,
.alt-content-examen__buttons--single.active {
  box-shadow: 0 0 10px var(--primary-color);

  background-color: var(--light-color);

  color: var(--primary-color);
}

@media (max-width: 768px) {
  .alt-content-examen__buttons--single {
    width: 100%;

    margin: 1.5rem;
  }
}

/* EXAMENES */

/* #examenes {

    padding: 2rem 0 4rem;

}



#examenes .container-fluid {

    display: flex;

    flex-direction: column;

    padding: 0;

}



#examenes .examenes-aspirantes,

#examenes .examenes-pas {

    display: flex;

    flex-direction: column;

    width: 100%;

}



#examenes .examenes-aspirantes {

    margin-bottom: 4rem;

}



#examenes .examenes-aspirantes .enlace,

#examenes .examenes-pas .enlace {

    background-color: #025585;

    border-color: #025585;

    border-radius: 10px;

    box-shadow: 0 0 5px 5px #afd7e2;

    font-size: 1.1rem;

    margin: 0 auto;

    padding: 0.5rem 1.5rem;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}



#examenes .examenes-aspirantes .enlace:hover,

#examenes .examenes-pas .enlace:hover {

    background-color: #072d5a;

    border-color: #072d5a;

}



#examenes h1 {

    font-weight: 900;

    padding: 0 15px;

    text-align: center;

}



#examenes h1 a {

    color: #025585;

    box-shadow: 0 0 5px #4d4d4d;

    display: inline-block;

    padding: 0.5rem 1rem;

    position: relative;

    z-index: 1;

}



#examenes .primer-loop {

    box-shadow: 0 0 8px #4d4d4d;

    width: 100%;

    z-index: 1;

}



#examenes .primer-loop ul {

    background-color: #025585;

    display: flex;

    flex-direction: column;

    list-style-type: none;

    margin-bottom: 0;

    padding: 0;

    width: 100%;

}



#examenes .primer-loop ul .imagen {

    height: 250px;

    position: relative;

}



#examenes .primer-loop ul .imagen .fondo {

    background-color: #4d4d4d !important;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover !important;

    display: flex;

    align-items: center;

    height: 100%;

    width: 100%;

    position: absolute;

}



#examenes .primer-loop ul .imagen .fondo .overlay-link {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 2;

}



#examenes .primer-loop ul .texto {

    padding: 2rem 1rem;

}



#examenes .primer-loop ul .fecha {

    color: #ffffff;

    font-size: 1.1rem;

    font-weight: 300;

    margin-bottom: 0.5rem;

}



#examenes .primer-loop ul .titulo {

    margin-bottom: 2rem;

}



#examenes .primer-loop ul .titulo a {

    color: #ffffff;

    font-size: 1.8rem;

    font-weight: 900;

}



#examenes .primer-loop ul .botones {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



#examenes .primer-loop ul .botones .inscripciones,

#examenes .primer-loop ul .botones .seguir {

    background-color: #ffffff;

    border-radius: 10px;

    color: #025585;

    display: inline-block;

    font-size: 0.9rem;

    font-weight: 400;

    padding: 0.25rem 1rem;

    text-transform: uppercase;

}



#examenes .primer-loop ul .botones a {

    margin-bottom: 1rem;

}



#examenes .primer-loop ul .botones a:last-child {

    margin-bottom: 0;

}



#examenes .segundo-loop {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 2rem 1rem;

    width: 100%;

}



#examenes .segundo-loop ul {

    display: flex;

    flex-direction: column;

    list-style-type: none;

    margin-bottom: 0;

    padding: 0;

    width: 100%;

}



#examenes .segundo-loop .tarjeta {

    margin-bottom: 1.5rem;

}



#examenes .segundo-loop .tarjeta:last-child {

    margin-bottom: 0;

}



#examenes .segundo-loop .titulo {

    background: url("/gestor/wp-content/themes/atpas20/imagenes/adornos/tilde.svg") top left no-repeat;

    background-size: 20px;

    background-position: 0 4px;

    padding: 0 0 0 35px;

}



#examenes .segundo-loop .titulo a {

    color: #025585;

    font-size: 1.1rem;

    font-weight: 700;

}



#examenes .segundo-loop .seguir {

    margin-top: 0.5rem;

}



#examenes .segundo-loop .seguir a {

    background-color: #025585;

    border-radius: 10px;

    box-shadow: 0 0 5px 5px #afd7e2;

    color: #ffffff;

    display: inline-block;

    font-size: 1rem;

    font-weight: 700;

    padding: 0.25rem 1rem;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}



#examenes .segundo-loop .seguir a:hover {

    background-color: #072d5a;

} */

/* ACTUALIDAD */

#actualidad {
  padding: 0 0 4rem;

  position: relative;
}

.archive #actualidad,
.search #actualidad {
  padding: 0;
}

#actualidad .adorno {
  position: absolute;

  bottom: -1px;
}

#actualidad .container {
  align-items: center;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;
}

#actualidad h1 {
  font-weight: 900;

  text-align: center;
}

#actualidad h1 a {
  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

#actualidad .loop {
  align-items: flex-start;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  width: 100%;
}

#actualidad .loop .tarjeta {
  align-items: stretch;

  background: #072d5a;

  box-shadow: 0 0 5px #4d4d4d;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  list-style: none;

  margin-bottom: 2rem;

  min-height: 140px;

  overflow: hidden;

  padding: 0;

  position: relative;

  text-align: left;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  width: 100%;
}

#actualidad .loop .tarjeta:hover {
  box-shadow: 0 0 15px #4d4d4d;
}

#actualidad .imagen {
  overflow: hidden;

  position: relative;

  width: 40%;
}

#actualidad .imagen .fondo {
  background-color: #4d4d4d !important;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover !important;

  display: flex;

  align-items: center;

  height: 100%;

  width: 100%;

  position: absolute;
}

#actualidad .imagen .fondo .overlay-link {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 2;
}

#actualidad .contenido {
  list-style: none;

  padding: 0;
}

#actualidad .texto {
  align-items: flex-start;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  margin-bottom: 0;

  padding: 1rem;

  width: 60%;
}

#actualidad .texto .fecha {
  color: #ffffff;

  font-size: 0.9rem;

  font-style: italic;

  font-weight: 300;

  margin-bottom: 0.5rem;
}

#actualidad .texto .titulo a {
  color: #ffffff;

  display: block;

  font-size: 1.1rem;

  font-style: italic;

  font-weight: 400;

  line-height: 1.2;
}

#actualidad .texto .extracto {
  color: #4d4d4d;

  display: none;
}

#actualidad .texto .extracto p {
  color: #ffffff;

  font-size: 0.9rem;

  font-style: italic;

  font-weight: 300;

  line-height: 1.2;

  margin-bottom: 0;

  text-align: justify;
}

#actualidad .texto .extracto a {
  display: none;
}

#actualidad .texto .seguir {
  margin-top: 15px;
}

#actualidad .texto .seguir a {
  color: #ffffff;

  display: block;

  font-size: 0.9rem;

  font-style: italic;

  font-weight: 700;

  line-height: 1.2;
}

#actualidad .enlace {
  background-color: #025585;

  border-color: #025585;

  border-radius: 10px;

  box-shadow: 0 0 5px 5px #afd7e2;

  font-size: 1.1rem;

  padding: 0.5rem 1.5rem;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
}

#actualidad .enlace:hover {
  background-color: #072d5a;

  border-color: #072d5a;
}

.archive:not(.paged) #actualidad .loop .tarjeta:first-child {
  flex-direction: column;

  width: 100%;
}

.archive:not(.paged) #actualidad .contenido {
  width: 100%;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .imagen {
  height: 250px;

  width: 100%;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .texto {
  width: 100%;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .texto .fecha {
  font-size: 1.2rem;

  text-align: center;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .texto .titulo a {
  font-size: 1.4rem;

  font-weight: 900;

  font-style: normal;

  text-align: center;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .texto .extracto p {
  font-size: 1.1rem;

  text-align: center;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .texto .seguir {
  text-align: center;
}

.archive:not(.paged) #actualidad .tarjeta:first-child .texto .seguir a {
  background-color: #ffffff;

  border-radius: 10px;

  color: #072d5a;

  display: inline-block;

  font-size: 1rem;

  font-weight: 400;

  padding: 0.25rem 1rem;

  text-transform: uppercase;
}

/* GALERÍA HOME */

#galeria {
  background-color: #072d5a;

  color: #ffffff;

  padding: 2rem 0;

  position: relative;
}

#galeria .container {
  display: flex;

  flex-direction: column;

  align-items: center;
}

#galeria h1 {
  font-weight: 900;

  text-align: center;
}

#galeria h1 span {
  color: #025585;

  background-color: #ffffff;

  box-shadow: 0 0 10px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

#galeria .slider {
  box-shadow: 0 0 10px #4d4d4d;

  width: 100%;
}

#denuncias {
  background-color: var(--secondary-color);
  padding: 1rem 0;
}

.denuncias__h2 {
  color: var(--light-color);
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 2rem;
}

.denuncias__content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.denuncias__p {
  color: var(--light-color);
  width: 50%;
  min-width: 200px;
}

.denuncias__button {
  width: 50%;
  min-width: 200px;
}

.denuncias__a {
  background-color: var(--light-color);
  color: var(--primary-color);
}

.denuncias__a:hover {
  background-color: #454545;
  color: var(--light-color);
  box-shadow: 0 0 10px var(--light-color);

}

/* NUESTROS FEEDS */

#nuestros-feeds {
  background-color: #ffffff;

  color: #4d4d4d;

  padding: 4rem 0;

  position: relative;
}

#nuestros-feeds .adorno {
  position: absolute;

  top: -1px;
}

#nuestros-feeds .curva {
  position: absolute;

  bottom: -1px;
}

#nuestros-feeds .container {
  display: flex;

  flex-direction: column;

  align-items: center;
}

#nuestros-feeds h1 {
  font-weight: 900;

  text-align: center;
}

#nuestros-feeds h1 span {
  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

#nuestros-feeds .fb-page > span {
  box-shadow: 0 0 5px #4d4d4d;

  position: relative;

  z-index: 1;
}

#nuestros-feeds .instagram {
  background: #ffffff;

  box-shadow: 0 0 5px #4d4d4d;

  margin-top: 2rem;

  padding: 0.5rem;

  position: relative;

  width: 100%;

  z-index: 1;
}

/* NOS ACOMPAÑAN */

#nos-acompanan {
  background-color: #ffffff;

  color: #4d4d4d;

  padding: 0 0 4rem;

  position: relative;
}

#nos-acompanan .container {
  display: flex;

  flex-direction: column;

  align-items: center;
}

#nos-acompanan h1 {
  font-weight: 900;

  margin-bottom: 4rem;

  text-align: center;
}

#nos-acompanan h1 span {
  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

/* FORMULARIO */

.wpcf7-form {
  align-items: flex-start;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;
}

.wpcf7 .col-sm-6,
.wpcf7 .col-sm-12 {
  flex: 0 0 100%;

  margin-bottom: 1.5rem;

  max-width: 100%;

  padding: 0;
}

.wpcf7 .col-sm-12.last {
  margin-bottom: 0;
}

.wpcf7 .col-sm-6 button,
.wpcf7 .col-sm-6 input,
.wpcf7 .col-sm-6 select,
.wpcf7 .col-sm-6 textarea,
.wpcf7 .col-sm-12 button,
.wpcf7 .col-sm-12 input,
.wpcf7 .col-sm-12 select,
.wpcf7 .col-sm-12 textarea {
  color: #4d4d4d;

  display: block;

  padding: 1rem;

  width: 100%;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -webkit-appearance: none;
}

.wpcf7 .col-sm-6 button::placeholder,
.wpcf7 .col-sm-6 input::placeholder,
.wpcf7 .col-sm-6 select::placeholder,
.wpcf7 .col-sm-6 textarea::placeholder,
.wpcf7 .col-sm-12 button::placeholder,
.wpcf7 .col-sm-12 input::placeholder,
.wpcf7 .col-sm-12 select::placeholder,
.wpcf7 .col-sm-12 textarea::placeholder {
  color: #4d4d4d;
}

.wpcf7 .col-sm-6 input,
.wpcf7 .col-sm-6 select,
.wpcf7 .col-sm-6 textarea,
.wpcf7 .col-sm-12 input,
.wpcf7 .col-sm-12 select,
.wpcf7 .col-sm-12 textarea {
  background: #e6eef3;

  border: 2px solid #e6eef3;

  border-radius: 0;

  font-size: 1rem;

  font-style: italic;

  font-weight: 400;

  letter-spacing: 0.25px;

  line-height: 1.2;

  text-align: center;
}

.page .wpcf7 .col-sm-6 input,
.page .wpcf7 .col-sm-6 select,
.page .wpcf7 .col-sm-6 textarea,
.page .wpcf7 .col-sm-12 input,
.page .wpcf7 .col-sm-12 select,
.page .wpcf7 .col-sm-12 textarea,
.single .wpcf7 .col-sm-6 input,
.single .wpcf7 .col-sm-6 select,
.single .wpcf7 .col-sm-6 textarea,
.single .wpcf7 .col-sm-12 input,
.single .wpcf7 .col-sm-12 select,
.single .wpcf7 .col-sm-12 textarea {
  background: #ffffff;
}

.wpcf7 .col-sm-6 textarea,
.wpcf7 .col-sm-12 textarea {
  height: 6rem;

  max-height: 12rem;

  min-height: 6rem;
}

.wpcf7 .col-sm-12 input[type="submit"] {
  background: #025585;

  border: 2px solid #025585 !important;

  border-radius: 10px !important;

  box-shadow: 0 0 5px 5px #afd7e2;

  color: #ffffff;

  cursor: pointer;

  display: block !important;

  font-size: 1.1rem !important;

  font-style: normal;

  font-weight: 700;

  height: auto !important;

  line-height: 1 !important;

  margin: auto !important;

  padding: 0.5rem 1.5rem !important;

  text-transform: uppercase;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  width: auto !important;
}

.wpcf7 .col-sm-12 input[type="submit"]:hover {
  background: #072d5a;

  border: 2px solid #072d5a !important;
}

.wpcf7 .boton {
  margin-bottom: 0;
}

div.wpcf7-validation-errors {
  clear: both;
}

div.wpcf7-response-output {
  margin: 0;

  padding: 0.5rem 1rem;

  text-align: center;

  width: 100%;
}

div.wpcf7 .ajax-loader {
  display: block;

  margin: 0 auto;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 9999999;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  background: rgba(255, 255, 255, 0.6);

  margin-top: 1rem;
}

/* SINGLES & PAGES & CATS */

.archive .site-main,
.search .site-main,
.page .site-main,
.single .site-main,
.error404 .site-main,
.single-tribe_events .site-main {
  background: #e6eef3;

  padding: 45px 0 !important;
}

.archive .site-main,
.search .site-main {
  background: #e6eef3;
}

.entry-title {
  color: #072d5a;

  font-weight: 900;

  margin-bottom: 2rem;

  width: 100%;
}

.archive .entry-title {
  font-weight: 900;

  text-align: center;

  text-transform: uppercase;
}

.archive .entry-title span {
  background-color: #ffffff;

  color: #025585;

  box-shadow: 0 0 5px #4d4d4d;

  display: inline-block;

  padding: 0.5rem 1rem;

  position: relative;

  z-index: 1;
}

.page-title {
  color: #025585;
}

.entry-subtitle {
  color: #4d4d4d;

  font-weight: 400;

  margin-bottom: 2rem;

  text-align: center;

  width: 100%;
}

.entry-header {
  width: 100%;
}

.entry-header .entry-meta {
  display: none;
}

#breadcrumbs {
  margin-bottom: 2rem;
}

#breadcrumbs a {
  color: #4d4d4d !important;

  font-weight: 700;
}

#breadcrumbs a:hover {
  color: #4d4d4d !important;
}

span.breadcrumb_last {
  color: #4d4d4d !important;

  font-style: italic;
}

.entry-content {
  margin-bottom: 2rem;
}

.entry-content h1 {
  color: #025585;

  font-size: 2rem;

  font-weight: 900;

  text-transform: none;

  margin-bottom: 2rem;
}

.entry-content h2 {
  color: #025585;

  font-size: 1.8rem;

  font-weight: 900;

  text-transform: none;

  margin-bottom: 2rem;

  margin-top: 2rem;
}

.entry-content h3 {
  color: #025585;

  font-size: 1.6rem;

  font-weight: 900;

  text-transform: none;

  margin-bottom: 2rem;

  margin-top: 2rem;
}

.entry-content h4 {
  color: #025585;

  font-size: 1.4rem;

  font-weight: 900;

  text-transform: none;

  margin-bottom: 2rem;

  margin-top: 2rem;
}

.entry-content h5 {
  color: #025585;

  font-size: 1.2rem;

  font-weight: 900;

  text-transform: none;

  margin-bottom: 2rem;

  margin-top: 2rem;
}

.entry-content h6 {
  color: #025585;

  font-size: 1.2rem;

  font-weight: 900;

  text-transform: none;

  margin-bottom: 2rem;

  margin-top: 2rem;
}

.entry-content blockquote {
  font-style: italic;

  font-weight: 700;

  padding: 2.5rem;

  margin: 0;
}

.entry-content blockquote p {
  color: #0e5dbe !important;

  text-align: center;
}

.entry-content blockquote p:last-child {
  margin: 0;
}

.resumen {
  background: #ffffff;

  border: #ffffff;

  margin-bottom: 2rem;

  padding: 1.5rem;

  width: 100%;
}

.resumen p {
  color: #4d4d4d !important;

  font-size: 1rem !important;

  font-weight: 400;

  margin-bottom: 2rem !important;
}

.resumen p:last-child {
  margin-bottom: 0 !important;
}

.entry-content p,
.resumen p {
  color: #4d4d4d;

  font-size: 1.1rem;

  line-height: 1.4 !important;

  text-align: justify;
}

.entry-content img {
  max-width: 100%;

  width: auto !important;
}

.entry-content ul,
.entry-content ol {
  color: #4d4d4d;

  font-size: 1rem;

  line-height: 1.4;

  max-width: 100% !important;

  text-align: justify;
}

.entry-content iframe {
  display: block;

  min-height: 400px;

  width: 100%;
}

.page .entry-content a,
.single .entry-content a,
.archive .resumen a {
  border-bottom: 1.8px dotted #4d4d4d;

  color: #001a30;

  font-weight: 700;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
}

.page .entry-content a:hover,
.single .entry-content a:hover,
.archive .resumen a:hover {
  border-bottom: 1.8px dotted #001a30;
}

.encabezado {
  display: flex;

  flex-direction: column;

  align-items: center;

  margin-bottom: 2rem;

  max-width: 100%;
}

.encabezado .fecha {
  color: #4d4d4d;

  font-size: 1.4rem;

  font-weight: 300;
}

.encabezado .imagen-destacada {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

  height: 300px;

  position: relative;

  width: 100%;
}

.encabezado .imagen-destacada .fondo {
  background-position: center;

  background-repeat: no-repeat;

  background-size: cover !important;

  position: absolute;

  height: 100%;

  width: 100%;
}

/* TAGS */

#tags {
  display: flex;

  flex-direction: row;

  align-items: flex-start;

  margin-top: 1.5rem;
}

#tags ul {
  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  list-style: none;

  margin-bottom: 0;

  padding: 0;
}

#tags ul::before {
  color: #025585;

  content: "\f02c";

  font-family: "Font Awesome 5 Free";

  padding: 2px 10px;

  font-weight: 700;

  margin-bottom: 5px;

  margin-right: 5px;
}

#tags ul li {
  background: none;

  border: 1px solid #4d4d4d;

  border-radius: 4px;

  display: flex;

  align-items: center;

  padding: 2px 10px;

  margin-bottom: 5px;

  margin-right: 5px;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
}

#tags ul li::before {
  content: none;
}

#tags ul li:hover {
  background: #025585;

  border: 1px solid #025585;
}

#tags ul li a {
  border: 0 !important;

  color: #4d4d4d !important;

  font-size: 0.8rem !important;

  font-weight: 400 !important;
}

#tags ul li:hover a {
  color: #ffffff !important;
}

/* PAGENAVI */

.wp-pagenavi {
  display: flex;

  font-size: 0.8rem;

  font-weight: 700;

  margin: auto;

  max-width: 100%;

  overflow-x: auto;

  text-transform: uppercase;
}

.wp-pagenavi a,
.wp-pagenavi span {
  background: #025585;

  border: 2px solid #025585;

  color: #ffffff;

  margin: 5px 10px 0 0;

  padding: 7.5px 15px;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: #072d5a;

  border-color: #072d5a;

  color: #ffffff;
}

/* RELATED ARTICLES */

.hentry #jp-relatedposts {
  margin-top: 20px !important;

  margin-bottom: 0 !important;
}

#jp-relatedposts .jp-relatedposts-items {
  align-items: flex-start !important;

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: wrap !important;

  justify-content: space-between !important;

  margin-right: 0 !important;

  width: 100% !important;
}

.hentry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  align-items: stretch !important;

  background: #072d5a !important;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: wrap !important;

  list-style: none !important;

  margin-bottom: 20px !important;

  min-height: 140px !important;

  overflow: hidden !important;

  padding: 0 !important;

  position: relative !important;

  text-align: left !important;

  width: 100% !important;
}

.hentry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.jp-relatedposts-post-a {
  align-items: center;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  overflow: hidden;

  position: relative;

  width: 40%;
}

#jp-relatedposts
  .jp-relatedposts-items-visual
  .jp-relatedposts-post
  img.jp-relatedposts-post-img {
  height: 100%;

  max-width: none !important;

  position: absolute;

  width: auto !important;
}

.hentry
  #jp-relatedposts
  .jp-relatedposts-items-visual
  h4.jp-relatedposts-post-title,
.hentry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  font-family: inherit !important;

  letter-spacing: normal !important;
}

.hentry
  #jp-relatedposts
  .jp-relatedposts-items-visual
  h4.jp-relatedposts-post-title {
  align-items: flex-start !important;

  display: flex !important;

  flex-direction: column !important;

  flex-wrap: wrap !important;

  justify-content: center !important;

  margin-top: 0 !important;

  margin-bottom: 0 !important;

  letter-spacing: 0.25px !important;

  padding: 15px !important;

  width: 60% !important;
}

.hentry
  #jp-relatedposts
  .jp-relatedposts-items-visual
  h4.jp-relatedposts-post-title
  a {
  color: #ffffff !important;

  display: block !important;

  font-size: 0.9rem !important;

  font-style: italic !important;

  font-weight: 700 !important;

  line-height: 1.2 !important;

  width: auto;
}

/* RELATED & SHARE TITULOS */

#jp-relatedposts h4.jp-relatedposts-headline,
div.sharedaddy h3.sd-title {
  background: #072d5a !important;

  display: inline-block !important;

  font-family: inherit !important;

  font-size: 12px !important;

  font-style: normal !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  margin: 0 0 20px !important;

  padding: 7.5px 15px !important;

  text-transform: uppercase !important;

  -webkit-font-smoothing: antialiased;
}

#jp-relatedposts h4 em,
div.sharedaddy h3.sd-title {
  color: #ffffff !important;
}

#jp-relatedposts h4.jp-relatedposts-headline em {
  font-style: normal !important;
}

div.sharedaddy h3.sd-title:before {
  display: none !important;
}

/* SHARE */

#compartir {
  margin-top: 1rem;
}

#compartir .sd-content ul {
  margin: 0 !important;
}

.sd-content ul li {
  margin: 0 7.5px 0 0 !important;

  padding: 0 !important;
}

/* COLOPHON */

#colophon {
  background-color: #001a30;

  color: #ffffff;

  font-size: 1rem;

  padding: 1rem 0;
}

#colophon .container {
  display: flex;

  flex-direction: column;

  align-items: center;
}

#colophon .logo {
  max-width: 175px;
}

#colophon .logo img {
  width: 175px;
}

#colophon .contacto {
  display: flex;

  flex-direction: column;

  align-items: center;
}

#colophon .contacto .direccion,
#colophon .contacto .telefono {
  display: flex;
}

#colophon .contacto .direccion {
  flex-direction: column;

  margin-top: 1.5rem;
}

#colophon .contacto .telefono {
  align-items: center;
}

#colophon .contacto .telefono:last-child {
  margin-bottom: 0;
}

#colophon .contacto .telefono .fa-stack.fa-2x {
  font-size: 1rem;

  margin-right: 0.25rem;
}

#colophon .seguinos .redes {
  display: flex;

  flex-direction: row;

  list-style-type: none;

  margin: 0;

  padding: 0;
}

#colophon .seguinos .redes li a {
  color: #ffffff;

  font-size: 0.6rem;
}

#colophon .fa-inverse {
  color: #001a30;
}

#colophon .formulario {
  margin-top: 1.5rem;
}

#colophon .formulario h3 {
  font-size: 1.6rem;

  font-weight: 700;

  margin-bottom: 1rem;
}

#mc_embed_signup {
  background-color: transparent !important;

  font: inherit !important;
}

#mc_embed_signup form {
  padding: 0 !important;
}

#mc_embed_signup_scroll {
  align-items: stretch;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;
}

#mc_embed_signup .mc-field-group {
  min-height: 0 !important;

  order: 1;

  padding-bottom: 0 !important;

  width: 50% !important;
}

#mc_embed_signup .mc-field-group label {
  display: none !important;
}

#mc_embed_signup input {
  border: none !important;

  border-radius: 0 !important;
}

#mc_embed_signup .mc-field-group input {
  color: #4d4d4d;

  font-family: Lato, sans-serif;

  font-size: 1rem;

  letter-spacing: 0.25px;

  padding: 0.5rem 1rem !important;

  text-indent: 0 !important;

  width: 100%;
}

#mc_embed_signup .mc-field-group input::placeholder {
  color: #4d4d4d;
}

#mc_embed_signup .clear {
  align-items: stretch;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  order: 2;

  width: 50%;
}

#mc_embed_signup .button {
  background-color: #072d5a !important;

  color: #ffffff;

  border-radius: 0 !important;

  font-family: Lato, sans-serif;

  font-size: 1rem !important;

  font-weight: 700 !important;

  height: 100% !important;

  letter-spacing: 0.25px;

  line-height: 1 !important;

  margin: 0 !important;

  padding: 0.5rem 1rem !important;
}

#mc_embed_signup .button:hover {
  background-color: #025585 !important;
}

#mc_embed_signup div#mce-responses {
  margin: 0 !important;

  order: 3;

  padding: 0 !important;

  position: absolute !important;

  top: 3rem !important;

  width: 100% !important;
}

#mc_embed_signup div.response {
  margin: 0 !important;

  padding: 0.25rem 0.5rem !important;

  top: auto !important;

  width: 100% !important;
}

#mc_embed_signup #mce-success-response {
  background-color: #73ca1c !important;

  color: #ffffff !important;
}

#mc_embed_signup #mce-error-response {
  background-color: #e85c41 !important;

  color: #ffffff !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background: #e85c41 !important;

  border-radius: 0 !important;

  color: #ffffff !important;

  font-weight: 700 !important;

  margin: 0 !important;

  position: absolute;

  max-width: 100%;
}

#colophon .horario {
  margin-top: 1.5rem;
}

#colophon .horario p {
  margin-bottom: 1.5rem;
}

.horario .seguinos p {
  margin-top: 1.5rem;

  margin-bottom: 0 !important;
}

#colophon #widget-audio {
  margin-top: 1.5rem;
}

/* IDE CONSULTORA */

#ideconsultora {
  background: #999999;

  font-size: 12px;

  padding: 10px 0;

  position: relative;

  text-decoration: none;
}

#ideconsultora .container {
  align-items: center;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  width: 100%;
}

#ideconsultora .container a {
  align-items: center;

  color: #fff;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  width: 100%;
}

#ideconsultora .container img {
  margin-right: 15px;

  width: 25px;
}

#ideconsultora .container span {
  line-height: 1.2;

  max-width: 80%;
}

@media (min-width: 576px) {
  /* CURSOS */

  #cursos .segundo-loop .tarjeta .contenido {
    flex-direction: row;

    justify-content: space-between;
  }

  #cursos .segundo-loop .seguir {
    margin-left: 1rem;

    margin-top: 0;
  }

  /* PLATAFORMA VIRTUAL */

  #plataforma .mosaico {
    height: 350px;
  }

  /* EXAMENES */

  #examenes .segundo-loop .tarjeta .contenido {
    flex-direction: row;

    justify-content: space-between;
  }

  #examenes .segundo-loop .seguir {
    margin-left: 1rem;

    margin-top: 0;
  }

  /* ACTUALIDAD */

  #actualidad {
    padding: 0 0 6rem;
  }

  /* NUESTROS FEEDS */

  #nuestros-feeds {
    padding: 8rem 0;
  }
}

@media (min-width: 768px) {
  /* MASTHEAD */

  #masthead .logo {
    max-width: 225px;
  }

  #masthead .logo img {
    width: 225px;
  }

  .navbar-nav {
    background: none;

    border-radius: 0;

    flex-direction: row;

    justify-content: space-between;

    padding: 0;
  }

  .navbar-nav .nav-link {
    color: #072d5a;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

    margin: 0;

    position: absolute;
  }

  .dropdown-menu {
    text-align: left;
  }

  /* REDES SOCIALES */

  #social {
    padding: 6rem 0 4rem;
  }

  #social .redes li {
    margin-right: 1.5rem;
  }

  #social .redes li:last-child {
    margin-right: 0;
  }

  #social .redes li a {
    font-size: 1.3rem;
  }

  /* BENEFICIOS DE PERTENECER */

  #beneficios .formulario {
    padding: 4rem 2rem 0;
  }

  /* BUSCADOR */

  #buscador .search-form label .search-field {
    max-width: none;

    width: 550px;
  }

  .error404 .error {
    width: 400px !important;
  }

  /* CURSOS */

  #cursos .primer-loop ul .fecha,
  #cursos .primer-loop ul .titulo {
    text-align: center;
  }

  #cursos .primer-loop ul .botones {
    align-items: center;
  }

  #cursos .segundo-loop .tarjeta {
    width: 75%;
  }

  /* PLATAFORMA VIRTUAL */

  #plataforma h1 {
    margin: 0 0 0.5rem 0;
  }

  #plataforma .espacio {
    flex-direction: row;

    flex-wrap: wrap;
  }

  #plataforma .mosaico {
    height: 500px;
  }

  /* EXAMENES */

  #examenes .primer-loop ul .fecha,
  #examenes .primer-loop ul .titulo {
    text-align: center;
  }

  #examenes .primer-loop ul .botones {
    align-items: center;
  }

  #examenes .segundo-loop .tarjeta {
    width: 75%;
  }

  /* ACTUALIDAD */

  .archive.paged #actualidad .loop .tarjeta {
    width: calc(50% - 1rem);
  }

  /* FORMULARIO */

  .wpcf7 .col-sm-6 {
    flex: 0 0 49%;

    max-width: 49%;
  }

  /* RELATED & SHARE */

  .hentry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: calc(50% - 1rem) !important;
  }

  /* PAGENAVI */

  .wp-pagenavi {
    max-width: none;

    width: 100%;

    justify-content: center;
  }

  /* COLOPHON */

  #colophon {
    padding: 1rem 0;
  }

  #colophon .logo {
    max-width: 225px;
  }

  #colophon .logo img {
    width: 225px;
  }

  #colophon .container {
    flex-direction: row;

    align-items: flex-start;

    justify-content: space-between;
  }

  #colophon .contacto,
  #colophon .formulario {
    width: calc(50% - 1rem);
  }

  #colophon .contacto {
    align-items: flex-start;
  }

  #colophon .formulario {
    margin-top: 0;
  }

  /* IDE */

  #ideconsultora {
    border-bottom: none;
  }

  #ideconsultora .container a {
    width: auto;
  }

  #ideconsultora .container span {
    max-width: 100%;
  }
}

@media (width < 992px) {
  /* Beneficios Atpas 2024 */
  #beneficios-atpas {
    .beneficios-atpas__content {
      .beneficios-atpas__full-content {
        .beneficios-atpas__half-content {
          width: 100%;
        }
      }
    }
  }
}

@media (min-width: 992px) {
  /* MASTHEAD */

  .navbar {
    padding: 0 1rem;
  }

  .navbar-nav {
    margin-top: 0;

    margin-bottom: 0;

    margin-left: auto;
  }

  .navbar-nav .nav-link {
    padding-top: 2.5rem;

    padding-bottom: 2.5rem;
  }

  .dropdown-menu {
    top: 70px;
  }

  /* BENEFICIOS DE PERTENECER */

  #beneficios .espacio .items {
    flex-direction: row;
  }

  #beneficios .espacio .items .imagen {
    height: auto;

    width: 50%;
  }

  #beneficios .espacio .items .texto {
    padding: 1rem 2.5rem;

    width: 50%;
  }

  #beneficios .formulario {
    padding: 4rem 4rem 0;
  }

  /* CURSOS */

  #cursos .container-fluid {
    flex-direction: row;
  }

  #cursos .cursos-pca,
  #cursos .cursos-pcc {
    width: 50%;
  }

  #cursos .cursos-pca {
    margin-bottom: 0;
  }

  /* PLATAFORMA VIRTUAL */

  #plataforma .mosaico {
    height: 600px;

    width: 50%;
  }

  /* EXAMENES */

  #examenes .container-fluid {
    flex-direction: row;
  }

  #examenes .examenes-aspirantes,
  #examenes .examenes-pas {
    width: 50%;
  }

  #examenes .examenes-aspirantes {
    margin-bottom: 0;
  }

  #examenes .primer-loop > ul {
    min-height: 600px;
  }

  /* ACTUALIDAD */

  #actualidad {
    padding: 0 0 8rem;
  }

  #actualidad .loop {
    align-items: stretch;
  }

  #actualidad .loop .tarjeta {
    flex-direction: column;

    width: calc(33.333% - 1rem);
  }

  #actualidad .imagen {
    height: 250px;

    width: 100%;
  }

  #actualidad .texto {
    padding: 1rem 2rem 2rem;

    width: 100%;
  }

  #actualidad .texto .titulo {
    margin-bottom: 15px;
  }

  #actualidad .texto .extracto {
    display: block;
  }

  .archive:not(.paged) #actualidad .loop .tarjeta:first-child {
    flex-direction: row;

    min-height: 400px;
  }

  .archive:not(.paged) #actualidad .tarjeta:first-child .imagen {
    height: auto;

    width: 60%;
  }

  .archive:not(.paged) #actualidad .tarjeta:first-child .texto {
    width: 40%;
  }

  /* GALERÍA HOME */

  #galeria {
    padding: 4rem 0;
  }

  /* NUESTROS FEEDS */

  #nuestros-feeds .container {
    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;
  }

  #nuestros-feeds .fb-page,
  #nuestros-feeds .instagram {
    width: calc(50% - 1rem);
  }

  #nuestros-feeds .instagram {
    margin-top: 0;
  }

  /* SINGLES */

  .encabezado .imagen-destacada {
    height: 500px;
  }

  /* RELATED & SHARE */

  #jp-relatedposts .jp-relatedposts-items {
    align-items: stretch !important;
  }

  .hentry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    flex-direction: column !important;

    width: 32% !important;
  }

  .jp-relatedposts-post-a {
    height: 200px;

    width: 100%;
  }

  .hentry
    #jp-relatedposts
    .jp-relatedposts-items-visual
    h4.jp-relatedposts-post-title {
    border-left: none !important;

    margin-bottom: 0.5rem !important;

    padding: 1rem 1rem 0 !important;

    width: 100% !important;
  }

  .hentry
    #jp-relatedposts
    .jp-relatedposts-items-visual
    h4.jp-relatedposts-post-title
    a {
    height: auto;
  }

  #jp-relatedposts
    .jp-relatedposts-items-visual
    div.jp-relatedposts-post-thumbs
    p.jp-relatedposts-post-excerpt {
    color: #ffffff;

    display: block !important;

    font-size: 0.9rem !important;

    font-weight: 300;

    font-style: italic;

    line-height: 1.2 !important;

    margin: 0 !important;

    padding: 0 1rem 1rem;

    text-align: justify;
  }

  /* COLOPHON */

  .horario .seguinos {
    display: flex;

    flex-direction: row;

    align-items: center;
  }

  .horario .seguinos p {
    margin-top: 0;

    margin-left: 0.5rem;
  }
}

@media (max-width: 1165px) {
  .seccion-examenes__overlay {
    clip-path: none;
  }

  .seccion-examenes__h2,
  .seccion-examenes__p {
    text-align: center;
  }

  .seccion-examenes__h2 {
    padding: 2rem 5rem;
  }

  .seccion-examenes__p {
    padding-bottom: 2rem;
  }

  .seccion-examenes__banner {
    height: auto;
  }
}

@media (min-width: 1200px) {
  /* REDES SOCIALES */

  #social {
    padding: 8rem 0 4rem;
  }

  /* BENEFICIOS DE PERTENECER */

  #beneficios .formulario {
    padding: 4rem 8rem 0;
  }

  /* PLATAFORMA VIRTUAL */

  #plataforma .mosaico {
    height: 750px;
  }

  /* ACTUALIDAD */

  #actualidad {
    padding: 0 0 10rem;
  }

  /* NUESTROS FEEDS */

  #nuestros-feeds {
    padding: 10rem 0;
  }

  /* RELATED & SHARE */

  #jp-relatedposts
    .jp-relatedposts-items-visual
    .jp-relatedposts-post
    img.jp-relatedposts-post-img {
    height: auto !important;

    width: 100% !important;
  }

  /* COLOPHON */

  #colophon {
    padding: 1rem 0;
  }
}

@media (min-width: 1440px) {
  /* REDES SOCIALES */

  #social {
    padding: 10rem 0 4rem;
  }

  /* CURSOS */

  #cursos .primer-loop > ul {
    flex-direction: row;
  }

  #cursos .primer-loop ul .imagen {
    height: auto;

    width: 60%;
  }

  #cursos .primer-loop ul .texto {
    align-items: center;

    padding: 2rem;

    width: 40%;
  }

  #cursos .segundo-loop .tarjeta {
    width: 675px;
  }

  /* EXAMENES */

  #examenes .primer-loop > ul {
    flex-direction: row;
  }

  #examenes .primer-loop ul .imagen {
    height: auto;

    width: 60%;
  }

  #examenes .primer-loop ul .texto {
    align-items: center;

    padding: 2rem;

    width: 40%;
  }

  #examenes .segundo-loop .tarjeta {
    width: 675px;
  }

  /* ACTUALIDAD */

  #actualidad {
    padding: 0 0 12rem;
  }

  /* NUESTROS FEEDS */

  #nuestros-feeds {
    padding: 12rem 0;
  }
}