/*azul fuerte*/
/*rosado*/
/*azul bajo*/
/*verde*/
/*morado*/
/*amarillo*/
/*naranja*/
body { font-family: "Open Sans", sans-serif; color: grey; }

a:hover { text-decoration: none; }

ul { list-style-type: none; }

.color-fondo-01 { background-color: #1b428e; }

.color-fondo-02 { background-color: #B9007C; }

.color-fondo-03 { background-color: #009ada; }

.color-fondo-04 { background-color: #52a070; }

.color-fondo-05 { background-color: #852f85; }

.color-fondo-06 { background-color: #da9500; }

.color-fondo-07 { background-color: #F96C46; }

.img-logo { height: 2rem; }
@media (min-width: 1024px) { .img-logo { height: 3rem; width: auto; } }
@media (min-width: 1366px) { .img-logo { height: 5rem; width: auto; } }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: white; }
.navbar-light .navbar-toggler span { color: white; font-size: 1.8rem; }

.navbar-light .navbar-nav .active > .nav-link { color: white; font-size: 1rem; }

.navbar-light .navbar-nav .nav-link { color: white; font-size: 1rem; }

.navbar-light .navbar-nav .nav-link:hover { color: white; }

.nav-link { border-radius: 20px; margin: 0.5rem; padding: 0.3rem 0.5rem; width: 100%; text-align: center; font-weight: bold; border: 3px solid #1b428e; }
@media (min-width: 900px) { .nav-link { width: 10rem; } }
.nav-link:hover, .nav-link:focus { background-color: #1b428e; border-bottom: 3px solid #da9500; }
@media (min-width: 1500px) { .nav-link { width: 16rem; } }

.contenido-index { height: calc(100vh - 7rem); margin: 0; }
@media (width: 768px) and (min-height: 900px) { .contenido-index { height: 38vh; } }
@media (width: 1024px) and (min-height: 1366px) { .contenido-index { height: 40vh; } }

.contenido-texto { text-align: center; }
.contenido-texto img { width: 90%; padding: 1rem; }
.contenido-texto p { padding-top: 1rem; }
.contenido-texto p a { color: white; }

.botones .btn-01 { display: block; font-size: 0.9rem; padding: 0.5rem 0; border-radius: 20px; text-align: center; color: white; margin: 0.5rem; cursos: pointer; text-decoration: none; text-transform: uppercase; font-weight: bold; }
@media (min-width: 768px) { .botones .btn-01 { width: 15rem; font-size: 1rem; display: inline-block; } }
.botones .btn-01:hover { animation-play-state: paused; }

.imagen-fondo1 { background-image: url("../img/ninos-01.svg"); background-position: bottom center; background-repeat: no-repeat; background-size: 50%; }
@media (min-width: 768px) { .imagen-fondo1 { background-size: 40%; background-position: bottom right; } }

.imagen-fondo2 { background-image: url("../img/lineas-01.svg"); background-position: bottom; background-repeat: no-repeat; background-size: 100%; }

.btn-contenido { width: 100%; height: 200px; border: 2px solid white; }
@media (width: 768px) and (height: 1024px) { .btn-contenido { height: 200px; } }
@media (min-width: 1024px) { .btn-contenido { height: 300px; } }
.btn-contenido .icon-btn { padding-top: 50px; }
@media (min-width: 1024px) { .btn-contenido .icon-btn { padding-top: 80px; } }
.btn-contenido .icon-btn span { color: white; font-size: 3rem; }
@media (min-width: 1024px) { .btn-contenido .icon-btn span { font-size: 7rem; } }
.btn-contenido .icon-btn:hover { animation-play-state: paused; }
.btn-contenido p { color: white; font-weight: bold; font-size: 1.2rem; }

.efect-latidos { text-align: center; animation: latidos 0.5s cubic-bezier(0.245, 0.325, 0.51, 1.305) infinite alternate; }

@keyframes latidos { to { transform: scale(1.05); } }
.efect-fondo-color { animation: efecto-co 1s infinite alternate; will-change: background-color; color: #B9007C; }

@keyframes efecto-co { 0% { background-color: #B9007C; }
  100% { background-color: #da9500; } }
.efect-fondo-color-degradado { animation: efecto-co-degradado 1s infinite alternate; will-change: background-color; color: #52a070; }

@keyframes efecto-co-degradado { 0% { background-color: #52a070; }
  100% { background-color: darked(#da9500, 20%); } }
.submenu { margin: auto; width: 80%; }
.submenu h1 { font-size: 1.5rem; color: white; text-transform: uppercase; font-weight: bold; margin: 0; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 1024px) { .submenu h1 { font-size: 2rem; } }

.estilo-sm1 h1 { background-color: #2a7848; border-bottom: 1px solid #5caa7a; }
.estilo-sm1 ul { padding-left: 0; }
.estilo-sm1 ul li { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #5caa7a; background-color: #2a7848; }
.estilo-sm1 ul li a { font-size: 0.8rem; color: white; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 768px) { .estilo-sm1 ul li a { font-size: 1.2rem; } }
.estilo-sm1 ul li:hover, .estilo-sm1 ul li:focus { background-color: #166434; }

.estilo-sm2 h1 { background-color: #d1441e; border-bottom: 1px solid #ff7650; }
.estilo-sm2 ul { padding-left: 0; }
.estilo-sm2 ul li { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ff7650; background-color: #d1441e; }
.estilo-sm2 ul li a { font-size: 0.8rem; color: white; padding: 1rem; }
@media (min-width: 768px) { .estilo-sm2 ul li a { font-size: 1.2rem; } }
.estilo-sm2 ul li:hover, .estilo-sm2 ul li:focus { background-color: #bd300a; }

.img-seccion3 { width: 50%; margin-top: 20px; }

.fondo-boletines { background-image: url("../img/microfonos.svg"); background-repeat: no-repeat; background-position: bottom center; width: 100%; height: 10rem; margin: 0px; padding: 0px; }
@media (min-width: 736px) { .fondo-boletines { height: 13rem; } }
@media (min-width: 1024px) { .fondo-boletines { height: 20rem; } }
@media (min-width: 1366px) { .fondo-boletines { height: 23rem; } }
@media (min-width: 1500px) { .fondo-boletines { height: 32rem; } }

.contenido-boletines h1 { color: white; background: #b26d00; padding: 0.7rem; font-size: 1.2rem; }
@media (min-width: 736px) { .contenido-boletines h1 { font-size: 2rem; } }
.contenido-boletines .t-boletines { color: white; }
.contenido-boletines .t-boletines th { border: none; border: 5px solid #da9500; background: #b26d00; font-size: 0.8rem; }
@media (min-width: 768px) { .contenido-boletines .t-boletines th { font-size: 1rem; } }
.contenido-boletines .t-boletines td { border: 5px solid #da9500; background: #b26d00; text-align: left; font-size: 0.8rem; }
.contenido-boletines .t-boletines td a { color: white; }
.contenido-boletines .t-boletines td:hover, .contenido-boletines .t-boletines td:focus { background: #9e5900; }
.contenido-boletines .t-boletines td:first-of-type { text-align: center; background: #b26d00; }
@media (min-width: 768px) { .contenido-boletines .t-boletines td { font-size: 1rem; } }

.footer img { height: 60px; margin: 1rem; }
@media (min-width: 768px) { .footer img { height: 100px; margin: 1rem; } }

.contenido-footer { padding-top: 20px; }
.contenido-footer .redes-sociales { text-align: center; }
.contenido-footer .redes-sociales a span { color: white; font-size: 02rem; margin: 10px; }
.contenido-footer .redes-sociales a:hover, .contenido-footer .redes-sociales a:focus { color: #1b428e; }
@media (min-width: 768px) { .contenido-footer .redes-sociales { text-align: right; } }
.contenido-footer p { color: white; font-size: 0.5rem; text-align: center; }
@media (min-width: 768px) { .contenido-footer p { text-align: right; font-size: 1rem; } }
@media (min-width: 768px) { .contenido-footer { text-align: right; } }

.modal-content { padding: 2rem; }
.modal-content h4 { font-weight: 700; color: #d1441e; margin-bottom: 2rem; font-size: 1rem; }
@media (min-width: 768px) { .modal-content h4 { font-size: 1.5rem; } }
@media (min-width: 1024px) { .modal-content h4 { font-size: 2rem; } }
@media (min-width: 1366) { .modal-content h4 { font-size: 2.5rem; } }
.modal-content p { text-align: justify; }
.modal-content .lista-numerada { text-align: left; margin: 2rem; list-style-type: none; margin: 0; margin-left: 2em; padding: 0; counter-reset: li-counter; }
@media (min-width: 768px) { .modal-content .lista-numerada { margin-left: 5em; } }
.modal-content .lista-numerada ol { counter-reset: li; list-style: none; list-style: decimal; padding: 0; margin-bottom: 1em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.modal-content .lista-numerada li { position: relative; margin-bottom: 20px; padding: 0.5em; border-left: 8px solid #d1441e; background-color: #F96C46; color: white; }
@media (min-width: 768px) { .modal-content .lista-numerada li { padding: 1em; } }
.modal-content .lista-numerada li:before { position: absolute; top: 0; left: -2.4em; width: 2em; font-size: 2em; line-height: 1; font-weight: bold; text-align: right; color: #F96C46; content: counter(li-counter); counter-increment: li-counter; }
@media (min-width: 768px) { .modal-content .lista-numerada li:before { font-size: 2.5em; } }

.contenedor-titulo .titulo-pag { padding: 0.5rem; }
.contenedor-titulo .titulo-pag h1 { font-size: 1rem; text-transform: uppercase; margin-bottom: -1px; }
@media (min-width: 768px) { .contenedor-titulo .titulo-pag h1 { font-size: 1.5rem; } }
@media (min-width: 1500px) { .contenedor-titulo .titulo-pag h1 { font-size: 3.2rem; } }
.contenedor-titulo .titulo-pag span { font-size: 0.8rem; }
@media (min-width: 768px) { .contenedor-titulo .titulo-pag span { font-size: 1.2rem; } }
@media (min-width: 1024px) { .contenedor-titulo .titulo-pag span { font-size: 1.1rem; } }
@media (min-width: 1500px) { .contenedor-titulo .titulo-pag span { font-size: 2rem; } }
@media (min-width: 1500px) { .contenedor-titulo .titulo-pag { padding-left: 2rem; } }
.contenedor-titulo img { display: none; }
@media (min-width: 768px) { .contenedor-titulo img { display: block; height: 100px; } }
@media (min-width: 1366px) { .contenedor-titulo img { display: block; height: 150px; } }

.container-img img { height: 200px; width: 99%; object-fit: cover; }
@media (min-width: 768px) { .container-img img { height: 300px; } }
@media (min-width: 1024px) { .container-img img { height: 400px; } }
@media (min-width: 1366px) { .container-img img { height: 480px; } }
@media (min-width: 1600px) { .container-img img { height: 600px; } }

.linea-img-dip { position: relative; bottom: 20px; width: 100%; }

.titulo-01 { text-transform: uppercase; text-align: center; height: 40px; margin-top: -20px; }
@media (min-width: 768px) { .titulo-01 { text-align: left; margin-top: -15px; } }
@media (min-width: 1024px) { .titulo-01 { height: 28px; } }
@media (min-width: 1366px) { .titulo-01 { height: 50px; margin-top: -10px; } }
.titulo-01 h5 { font-size: 0.7rem; }
@media (min-width: 768px) { .titulo-01 h5 { font-size: 0.8rem; text-align: left; } }
@media (min-width: 1024px) { .titulo-01 h5 { font-size: 0.9rem; } }

.titulo-02 { font-size: 0.8rem; text-align: center; font-weight: bold; margin-top: 8px; }
@media (min-width: 768px) { .titulo-02 { font-size: 1rem; text-align: left; } }
@media (min-width: 1024px) { .titulo-02 { font-size: 1rem; } }

.subtitulo-01 { font-size: 0.7rem; text-align: center; margin-bottom: 0.5rem; }
@media (min-width: 768px) { .subtitulo-01 { font-size: 0.92rem; text-align: left; } }
@media (min-width: 1024px) { .subtitulo-01 { font-size: 0.9rem; margin-bottom: 2px; line-height: 1.2; padding-top: 5px; } }

.subtitulo-02 { font-size: 0.63rem; text-align: center; }
@media (min-width: 768px) { .subtitulo-02 { font-size: 0.88rem; text-align: left; } }
@media (min-width: 1024px) { .subtitulo-02 { font-size: 0.8rem; line-height: 1.2; padding-top: 5px; } }

/*# sourceMappingURL=main.css.map */