@charset "UTF-8"; /*!
Theme Name: Música Educa
Theme URI: http://underscores.me/
Author: Agencia Rompecabeza Digital
Author URI: https://www.rompecabeza.cl/
Description: Tema del sitio Música Educa, 2022.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

WP base underscores is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@font-face {
  font-family: "Freight";
  src: url("font/Freight-TextBook.woff2") format("woff2"),
    url("font/Freight-TextBook.woff") format("woff"),
    url("font/Freight-TextBook.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@import url("https://rsms.me/inter/inter.css");

:root {
  --white: #ffffff;
  --red-color: #b1272e;
  --red-light-color: #af272f;
  --red-dark-color: #81151C;
  --black-color: #000000;
  --green-color: #2c776e;
  --green-dark-color: #0E443C;
  --ocre-color: #b78b10;
  --ocre-light-color: #be9627;
  --gray-color: #414141;
  --border-color: #d2d3d4;
  --light-gray: #d2d3d4;
  --title-font: "Freight";
  --body-font: "Inter", sans-serif;
  --bs-gutter-x: 1.5rem;
}
::selection {
  background-color: var(--red-light-color);
  color: var(--light-gray);
}
body {
  font-family: var(--body-font);
}

a:link,
a:active,
a:visited,
a:focus {
  color: var(--ocre-color);
}
a:hover {
  color: var(--green-light-color);
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--title-font);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 3rem;
  }
  .h2, h2 {
    font-size: 3rem;
  }
}

.titulo-musica {
  font-family: var(--title-font);
  line-height: 1;
  margin-bottom: 1.5rem;
}

.modal-body .titulo-musica{
  text-align: center;

}



.bg-verde {
  background-color: var(--green-color);
  color: var(--white);
}
.ocre-section {
  background-color: var(--ocre-color);
  color: var(--white);
}
.dark-color {
  color: var(--black-color) !important;
}

/* Owl carousel ME */
.owl-theme .owl-dots .owl-dot span {
  transition: all 0.3s ease 0s;
}
.owl-theme .owl-dots .owl-dot.active span {
  transform: scale(1.35);
}
#carrusel-estadisticas .owl-dots .owl-dot span {
  background: var(--red-color);
}
#carrusel-testimonios .owl-dots .owl-dot span,
#carrusel-quehacemos .owl-dots .owl-dot span,
#carrusel-cursos .owl-dots .owl-dot span,
#carrusel-profesores .owl-dots .owl-dot span,
#carrusel-expositores .owl-dots .owl-dot span {
  background: var(--white);
}

#carrusel-profesores-impacto .owl-carousel .owl-stage {
  display: flex;
}

#carrusel-profesores-impacto .owl-carousel .owl-item{
  display: flex;     
  flex: 1 0 auto;
}


/*------------------------Header---------------------*/
header {
  position: relative;
}
.top-header {
  position: relative;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.top-header .ext-links {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main-logo img,
.custom-logo-link img {
  height: 126px;
}
.botones-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
}
a.boton-me, .boton-me {
  display: inline-flex;
  /* flex-direction: column;
  align-items: center;
  justify-content: center; */
  padding: 0px 24px;
  text-decoration: none;
  border-radius: 25px;
  /* max-width: 160px; */
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  white-space: pre-wrap;
  text-align: center;
  font-size: 14px;
  background-color: inherit;
  color: var(--white);
  border: 1px solid var(--white);
  transition: all 0.3s ease 0s;
}

.pago-exitoso-curso .boton-me, .message-404 .boton-me, .gracias .boton-me{
  color: var(--gray-color);
  border: 1px solid var(--gray-color);

}



.boton-me:hover {
  color: var(--white)!important;
  border: 1px solid var(--gray-color);
  background-color: var(--gray-color);
}

#form-contacto .boton-me:hover {
  color: var(--white)!important;
  border: 1px solid var(--gray-color);
  background-color: var(--gray-color)!important;
}

.boton-primary {
  color: var(--red-color)!important;
  border: 1px solid var(--red-color)!important;
  background-color: var(--white);
}
.boton-primary:hover {
  color: var(--white)!important;
  border: 1px solid var(--gray-color)!important;
  background-color: var(--gray-color);
}
.boton-red {
  color: var(--white)!important;
  border: 1px solid var(--red-color)!important;
  background-color: var(--red-color)!important;
}
.boton-red:hover {
  color: var(--white);
  border: 1px solid var(--gray-color);
  background-color: var(--gray-color);
}
a.boton-arrow, .boton-arrow {
  color: var(--gray-color);
  border: 1px solid var(--gray-color);
  background-color: var(--white);
}
.boton-arrow:hover {
  background-color: var(--gray-color);
  color: var(--white)!important;
  border: 1px solid var(--gray-color);
}
.boton-arrow svg {
  transition: all 0.3s ease 0s;
}
.boton-arrow:after {
  content: '\279D';
  transition: all 0.3s ease 0s;
}
.boton-arrow:hover:after {
  margin-left: 5px;
}
a.boton-plus, .boton-plus {
  background-color: transparent;
  color: var(--white);
  border: 1px solid var(--white);
  padding: 0 36px!important;
  /* max-width: 140px; */
}
.boton-plus:after {
  content: '+';
  margin-left: .5rem;
}
.boton-plus:hover {
  background-color: var(--gray-color);
  color: var(--white)!important;
  border: 1px solid var(--gray-color)!important;
}
.botonHamburguesa {
  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
  padding-top: 14px;
  margin-left: 0.5rem;
  z-index: 998;
}
.botonHamburguesa span.linea {
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background-color: var(--black-color);
  position: absolute;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.botonHamburguesa span.linea:before {
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 5px;
  bottom: -10px;
  background-color: var(--black-color);
  position: absolute;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.botonHamburguesa span.linea:after {
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 5px;
  bottom: 10px;
  position: absolute;
  background-color: var(--black-color);
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.botonHamburguesa span.linea.equis {
  background-color: transparent;
}
.botonHamburguesa span.linea.equis::before {
  background-color: var(--black-color);
  bottom: 0px;
  height: 2px;
  transform: rotate(45deg) translate(0, 0);
}
.botonHamburguesa span.linea.equis::after {
  background-color: var(--black-color);
  bottom: 0px;
  height: 2px;
  transform: rotate(-45deg) translate(0, 0);
}

@media (min-width: 992px) {
  .nav-container {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid var(--red-light-color);
    border-bottom: 1px solid var(--red-light-color);
  }
  .main-menu {
    list-style: none;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    gap: 58px;
    padding: 0;
    margin: 0;
  }
  .main-menu li {
    position: relative;
    display: block;
  }
  .main-menu li a {
    display: block;
    font-family: var(--title-font);
    font-size: 24px;
    line-height: 26px;
    color: var(--black-color);
    text-decoration: none;
    transition: all 0.3s ease 0s;
  }
  .main-menu > li:hover > a,
  .main-menu > li.active > a {
    color: var(--red-light-color);
  }
  .main-menu li .sub-menu {
    display: none;
  }
  .main-menu li:hover .sub-menu {
    display: block;
    position: absolute;
    top: 26px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 171px;
    z-index: 999;
  }
  .main-menu li:hover > .sub-menu li {
    display: block;
    border-bottom: 1px solid var(--border-color);
    padding: 3px 7px;
    background-color: var(--white);
    width: 100%;
    position: relative;
  }
  .main-menu li:hover > .sub-menu li a {
    display: block;
    font-size: 20px;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-animation-name: marginleftanim;
            animation-name: marginleftanim;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .main-menu li:hover > .sub-menu li:nth-child(1) a {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  .main-menu li:hover > .sub-menu li:nth-child(2) a {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
  .main-menu li:hover > .sub-menu li:nth-child(3) a {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .main-menu li:hover > .sub-menu li:last-child {
    border-bottom: 0 none;
  }
  .main-menu li > .sub-menu li:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    color: transparent;
    transition: all 0.3s ease 0s;
    top: 0;
    left: 0;
  }
  .main-menu li > .sub-menu li:hover:after {
    width: 100%;
    background-color: var(--border-color);
  }
}
.botones-header .boton-me {
  padding-right: 40px;
  padding-left: 40px;
  /* height: unset; */
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  #main-content {
    padding-top: 124px;
  }
  .botones-header .boton-me {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
  }
  .top-header {
    background-color: var(--white);
  }
  .main-logo img {
    height: 75px;
  }
  .botones-header {
    gap: 6px;
  }
  header {
    width: 100vw;
  }
  header .top-header {
    position: fixed;
    z-index: 990;
    width: 100vw;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 4px 12px -4px rgba(65,65,65,0.25); 
    box-shadow: 0px 4px 12px -4px rgba(65,65,65,0.25);
  }
  header ul {
    margin: 0;
    padding: 0;
  }
  header .nav-container {
    transform: translateX(100vw);
    transition: all 0.3s ease 0s;
    padding-bottom: 40px;
    background-color: var(--white);
    position: fixed;
    z-index: 992;
    width: 100vw;
    top: 122px;
    left: 0;
  }
  .nav-container.in {
    transform: translateX(0);
  }
  .main-menu li {
    position: relative;
    display: block;
  }
  .main-menu li a {
    display: block;
    font-family: var(--title-font);
    font-size: 20px;
    line-height: 26px;
    color: var(--black-color);
    text-decoration: none;
    transition: all 0.3s ease 0s;
    text-align: center;
    opacity: 0;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
  }
  .nav-container.in .main-menu li a {
    -webkit-animation-name: marginleftanim;
            animation-name: marginleftanim;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .nav-container.in .main-menu li:nth-child(1) a {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  .nav-container.in .main-menu li:nth-child(2) a {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
  .nav-container.in .main-menu li:nth-child(3) a {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .nav-container.in .main-menu li:nth-child(4) a {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  .nav-container.in .main-menu li:nth-child(5) a {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .nav-container.in .main-menu li:nth-child(6) a {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
  .nav-container.in .main-menu li:nth-child(7) a {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  .nav-container.in .main-menu li:nth-child(8) a {
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
  }
  .nav-container.in .main-menu > li:last-child a {
    border-bottom: 0 none;
  }
  li.menu-item-has-children > a {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .botonHamburguesa {
    z-index: 998;
  }
  header .nav-container {
    top: 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@-webkit-keyframes marginleftanim {
  0% {
    padding-left: 10px;
    opacity: 0;
  }
  100% {
    padding-left: 0px;
    opacity: 1;
  }
}
@keyframes marginleftanim {
  0% {
    padding-left: 10px;
    opacity: 0;
  }
  100% {
    padding-left: 0px;
    opacity: 1;
  }
}
/*---------------Main carrousel Home------------------*/
.main-carrousel {
  max-width: 100vw;
}
.main-carrousel .owl-carousel {
  padding: 0;
}
.banner-item-ppal {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 500px;
  min-height: 500px;
}
.banner-item-ppal .caption {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
.banner-item-ppal .caption .text-box {
  position: relative;
  background-color: var(--red-light-color);
  width: 100%;
  color: #fff;
  text-align: center;
  height: 85%;
  min-height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
/* caja fondo rojo */
/* .banner-item-ppal .caption:before {
  content: '';
  position: absolute;
  background-color: var(--red-dark-color);
  min-height: 460px;
  max-width: 100%;
  width: 360px;
  right: 0;
  z-index: -1;
} */
.banner-item-ppal .caption .text-box p {
  color: var(--white);
  text-align: center;
  font-size: 26px;
  font-weight: lighter;
  line-height: 1.5;
}

@media(max-width:1024px){
  .banner-item-ppal .caption .text-box p{
    font-size: 22px;
  }

  #carrusel-quehacemos.container-box .col{
    padding: 0.5rem;
  }

  .box-quehacemos .caption{
    padding: 15px;
    font-size: 15px;
  }
}

.parrafo-intel{
  font-family:var(--body-font) !important;
}
@media (max-width: 767.98px) {
  .banner-item-ppal .caption .text-box p{
    font-size: 20px;
  }
  .banner-item-ppal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }
  .banner-item-ppal .caption {
    padding: 0;
  }
  .banner-item-ppal .caption .text-box {
    min-height: 360px;
  }

  .banner-item-ppal .contenedor-imagen-principal{
    margin-top: -2rem;
    z-index: 2;
    padding: 0px 10px;
  
  }
}
.banner-item-ppal img {
  height: 100%;
  object-fit: cover;
}
.active .banner-item-ppal img {
  -webkit-animation-name: appearslide;
          animation-name: appearslide;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  width: 100%;
}
.active .banner-item-ppal .caption > * {
  -webkit-animation-name: appearcaption;
          animation-name: appearcaption;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.main-carrousel .owl-theme .owl-dots .owl-dot span {
  background-color: var(--black-color);
  width: 16px;
  height: 16px;
}
.main-carrousel .owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--black-color);
}

@media (max-width: 767.98px) {
  .main-carrousel .container {
    padding: 0;
  }

 

  .banner-item-ppal .caption .text-box {
    max-width: 100%;
    padding: 32px;
  }
  .banner-item-ppal .caption {
    justify-content: flex-end;
  }
}
@-webkit-keyframes appearslide {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes appearslide {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes appearcaption {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes appearcaption {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/*-----------------seccion home sobre nosotros--------*/
.sobre-nosotros-div {
  padding: 32px 0;
}
.green-content {
  background-color: var(--green-color);
  color: var(--white);
}

.green-content h2 {
  font-family: var(--title-font);
}
.nuestro-equipo #carrusel-equipo .owl-dots .owl-dot span {
  background-color: var(--white);
  transform: scale(0.8);
  transition: all 0.2s linear;
}
.nuestro-equipo #carrusel-equipo .owl-dots .owl-dot.active span {
  transform: scale(1);
}
@media (max-width: 767.98px) {
  .green-content {
    margin: 0;
    padding: 32px;
    text-align: center;
  }
}
/*--------------------QUE HACEMOS---------------------*/
.titulo-secion {
  text-align: center;
}
.titulo-secion h2 {
  font-family: var(--title-font);
  margin-bottom: 2rem;
}
.titulo-secion p {
  width: 100%;
  /* max-width: 700px; */
  display: block;
  margin: 0 auto;
}
.container-box {
  padding-top: 50px;
}
.container-box .col {
  padding: 1rem;
  display: flex;
}
.box-quehacemos {
  background-color: var(--white);
  box-shadow: 0px 4px 4px 0px #00000040;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  /* cursor: pointer; */
  transition: all 0.5s ease 0s;
  /* margin-bottom: 45px; */
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.owl-loaded .box-quehacemos {
  margin-bottom: 0;
}
.box-quehacemos figure img {
  width: 100%;
}
.box-quehacemos .caption {
  padding: 27px 24px 33px;
  color: var(--black-color);
  transition: all 0.5s ease 0s;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 100%;
}
.box-quehacemos .caption h3 {
  color: var(--red-color);
  font-family: var(--title-font);
  /* font-size: 32px; */
  margin-bottom: 16px;
}
.box-quehacemos .caption p {
  margin-bottom: 10px;
}
.box-quehacemos .caption .cta-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  transition: all 0.5s ease 0s;
  margin-top: auto;
}
.box-quehacemos .caption .cta-box a {
  color: var(--red-color);
  border-color: var(--red-color);
  height: 40px;
  max-width: 120px;
  line-height: 40px;
  margin: auto;
}
.box-quehacemos .btn-overall {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .box-quehacemos .caption .cta-box a {
    margin: 0;
  }
  .box-quehacemos:hover {
    transform: scale(1.08);
    margin-bottom: 0;
  }
}
#carrusel-quehacemos.owl-theme .owl-dots .owl-dot {
  vertical-align: middle;
}
#carrusel-quehacemos.off,
#carrusel-formacion.off,
#carrusel-cursos.off,
#carrusel-estadisticas.off,
#carrusel-equipo.off {
  display: block;
}

/*---------------PALABRAS DE LA COMUNIDAD-------------*/
.nuestra-comunidad-section {
  position: relative;
  background-color: var(--ocre-light-color);
  color: var(--white);
  padding: 64px 0;
  margin: 5rem 0;
}
.nuestra-comunidad-section:after {
  content: '';
  background-color: var(--ocre-color);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 40%;
  height: 112%;
  z-index: -1;
}
#carrusel-testimonios {
  max-width: 1000px;
}

#carrusel-testimonios .owl-item{
  display: flex;
  justify-content: center;
  align-items: center;

}

#carrusel-testimonios .owl-item img {
  border-radius: 50%;
  width: 180px;
  height: 180px;
  object-fit: cover;
}
@media (min-width: 768px) {
  #carrusel-testimonios .owl-item {
    width: 260px;
    height: 260px;
  }
  #carrusel-testimonios.owl-carousel .owl-nav {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
}
#carrusel-testimonios.owl-carousel .owl-nav button.owl-prev {
  margin-left: -6px;
  background: url(./img/arrow-white.svg) 100%/cover no-repeat;
  width: 33px;
  height: 33px;
  overflow: hidden;
  text-indent: 600px;
}
#carrusel-testimonios.owl-carousel .owl-nav button.owl-next {
  margin-right: -6px;
  background: url(./img/arrow-white.svg) 100%/cover no-repeat;
  transform: rotate(180deg);
  width: 33px;
  height: 33px;
  overflow: hidden;
  text-indent: 600px;
}
#carrusel-testimonios.owl-carousel .owl-nav button.owl-next:hover {
  background-color: transparent;
  transform: rotate(180deg) scale(1.2);
}
#carrusel-testimonios.owl-carousel .owl-nav button.owl-prev:hover {
  background-color: transparent;
  transform: scale(1.2);
}
@media (max-width: 767.98px) {
  #carrusel-testimonios.owl-carousel .owl-nav button.owl-prev {
    margin-left: 0px;
  }
  #carrusel-testimonios.owl-carousel .owl-nav button.owl-next {
    margin-right: 0px;
  }
  #carrusel-testimonios.owl-carousel .owl-item h4 {
    color: var(--ocre-color);
  }

}
/*-------------------------Footer---------------------*/
footer.site-footer {
  background-color: var(--gray-color);
  padding: 40px 0 22px;
}
ul.link-footer {
  left: 0;
  list-style: none;
  padding: 0;
}
ul.link-footer li a,
footer .title-footer {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}
ul.link-footer li a:hover {
  text-decoration: underline;
}
footer .form-newsletter-container {
  max-width: 380px;
}
footer .form-newsletter-container form p {
  display: grid;
  grid-template-columns: 65% 35%;
}
footer .form-newsletter-container form input {
  display: block;
  padding: 16px 13px;
  border-radius: 5px 0 0 5px;
  border: 0 none;
  font-size: 13px;
  max-width: 100%;
}
footer .form-newsletter-container form button, footer .form-newsletter-container form input[type="submit"]  {
  color: #fff;
  background-color: var(--red-color);
  border: 0 none;
  border-radius: 0 5px 5px 0;
  transition: all 0.3s ease 0s;
}
footer .form-newsletter-container form button:hover, footer .form-newsletter-container form input[type="submit"]:hover {
  background-color: var(--red-light-color);
}
footer .rss-footer {
  padding: 29px 0;
  color: var(--white);
}
footer .post-footer {
  padding-top: 26px;
  color: var(--white);
  border-top: 1px solid var(--light-gray);
}

/*----------------------breadcrumb--------------------*/
.breadcrumb-item a {
  font-size: 14px;
  color: var(--black-color);
  text-decoration: none;
}
.breadcrumb-item.active {
  font-weight: bold;
  font-size: 14px;
  color: var(--black-color);
  text-decoration: none;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .breadcrumb .breadcrumb-item {
    display: none;
  }
  .breadcrumb .breadcrumb-item:first-child,
  .breadcrumb .breadcrumb-item:last-child {
    display: block;
  }
}
/*-------------------Secciones bloques----------------*/
.caption {
  padding: 64px 48px;
}
.caption-ocre {
  background-color: var(--ocre-color);
  color: var(--white);
}
.caption-green {
  background-color: var(--green-color);
  color: var(--white);
}
.caption-red {
  background-color: var(--red-color);
  color: var(--white);
}

@media (max-width: 767.98px) {
  .caption {
    padding: 40px 16px;
  }
  .caption p,
  .caption h1,
  .caption h2 {
    text-align: center;
  }
  .caption p {
    font-size: 16px;
    line-height: 24px;
  }
  .caption a {
    margin: 0 auto;
  }
}
/*---------------------NUESTRO EQUIPO-----------------*/
.nuestro-equipo {
  background-color: var(--red-color);
  color: var(--white);
  padding: 64px 0;
}
.nuestro-equipo .grilla-nuestro-equipo .item-equipo {
  position: relative;
  max-width: 230px;
  margin: auto;
}
.nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption {
  background-color: #3B0D10;
  color: var(--white);
  width: 100%;
  padding: 24px 5px;
 
}
@media screen and (min-width: 768px) {
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 72px;
    overflow-y: hidden;
    transition: all 0.3s ease;
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo:hover .caption {
    height: 150px;
    transition: all 0.3s ease;
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo .figure img {
    filter: grayscale(1);
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo:hover .figure img {
    filter: grayscale(0);
    transition: all .3s ease;
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption .details {
    display: none;
    opacity: 0;
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo:hover .caption .details {
    display: block;
    opacity: 1;
    transition: all .3s ease;
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo .figure img {
    margin-bottom: 72px;
  }
}
.nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption .name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.75;
  margin: 0;
  font-family: var(--body-font);
}
.nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption .charge,
.nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption .email {
  margin: 0;
}
.nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption .email a {
  color: var(--white);
}
.nuestro-equipo .grilla-nuestro-equipo .item-equipo .figure {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.nuestro-equipo .page-link {
  font-size: 14px;
  color: #3c3c3c;
}
.nuestro-equipo li.page-item {
  margin: 0 4px;
}
.nuestro-equipo .page-item .page-link {
  border: 0 none;
  border-radius: 3px;
}
.nuestro-equipo .page-item:first-child .page-link,
.nuestro-equipo .page-item:last-child .page-link,
.nuestro-equipo .page-item.active .page-link {
  color: #fff;
  background-color: #414141;
}
@media (max-width: 767.98px) {
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo .figure {
    flex-direction: column;
    background-color: inherit;
  }
  .nuestro-equipo .grilla-nuestro-equipo .item-equipo .caption {
    position: relative;
    text-align: center;
    align-items: center;
    height: auto;
    top: 100%;
    left: 0;
  }
}
/*---------------BAJADA NUESTROS CURSOS---------------*/
.b-nuestros-cursos {
  position: relative;
}
.b-nuestros-cursos h2 {
  font-family: var(--title-font);
}
.b-nuestros-cursos p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .b-nuestros-cursos .caption-cursos {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .b-nuestros-cursos p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .b-nuestros-cursos:after {
    top: 5%;
    height: 90%;
  }
}

/*----------------------GRILLA CURSOS-----------------*/
.red-section {
  background-color: var(--red-color);
  color: var(--white);
  padding: 64px 0;
}
.green-section {
    background-color: var(--green-color);
    color: var(--white);
    padding: 64px 0;
}
.item-curso {
  position: relative;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  width: 400px;
	margin: 0 auto;
}
.item-curso .label {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--gray-color);
  color: var(--white);
  padding: 7px;
  z-index: 1;
}
.item-curso .label.kodaly {
  background-color: var(--red-light-color);
}
.item-curso .label.dalcroze {
  background-color: var(--ocre-color);
}
.item-curso .label.orff {
  background-color: var(--green-color);
}
.item-curso .caption-curso {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.9);
  color: var(--red-color);
  display: flex;
  flex-direction: column;
  justify-content: center;  
  height: 92px;
  overflow-y: hidden;
  padding: 15px 24px;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.item-curso .caption-curso h3 {
  font-family: var(--body-font);
  font-size: 18px;
  margin: 0;
  font-weight: normal;
}
.item-curso .caption-curso h4 {
  font-family: var(--body-font);
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
.item-curso .caption-curso small {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease 0s;
}
.item-curso .caption-curso small img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.item-curso .caption-curso .description p {
  font-weight: 300;
  margin-top: 1rem;
}
.item-curso .img-holder {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.item-curso .img-holder,
.item-curso .img-holder img {
  width: 100%;
  height: 326px;
  object-fit: cover;
  transition: all 0.3s ease 0s;
}
.item-curso .boton-me {
  color: var(--red-color);
  border: 1px solid var(--red-color);
  max-width: unset;
}
.item-curso .boton-me:hover {
  border-color: var(--white);
}
.item-curso .price {
  font-size: 25px;
  font-weight: bold;
}

@media (max-width: 767.98px) {
	.item-curso {
		min-width: 300px;
	}
  .item-curso .boton-me {
    max-width: unset;
    line-height: 52px;
    z-index: 9;
    margin: .5rem auto;
    display: inline-block;
    
  }
  .item-curso .caption-curso {
    height: auto;
  }
  .item-curso .caption-curso .description p {
    display: none;
  }
}
@media (min-width: 768px) {
  .item-curso .caption-curso .description {
    display: none;
    opacity: 0;
  }
/*   .item-curso:hover .img-holder img {
    transform: scale(1.2) rotate(-5deg);
  } */
  .item-curso:hover .caption-curso {
    height: 260px;
  }
  .item-curso:hover .caption-curso .description {
    /* height: 100%; */
    overflow: hidden;
    opacity: 1;
    display: block;
  }
  .item-curso:hover .caption-curso .description .price {
    font-weight: 700;
  }
  .item-curso:hover .caption-curso > .d-flex {
    align-items: flex-start !important;
  }
}
/*----------------NUESTROS EXPOSITORES----------------*/
.nuestros-expositores {
  background-color: #295750;
  color: var(--white);
  padding: 64px 0;
}
.tooltip-holder {
  padding-top: 40px;
  margin-bottom: 60px;
}
.tooltip-expositores {
  background-color: var(--green-dark-color);
  width: 100%;
  max-width: unset;
  padding: 28px 40px;
  margin: 0 auto 2rem;
  color: var(--white);
  text-align: center;
  position: relative;
}
.tooltip-expositores::after {
  content: "";
  position: absolute;
  border-width: 25px;
  border-style: solid;
  margin-left: -25px;
  top: 100%;
  left: 50%;
  border-color: var(--green-color) transparent transparent transparent;
}
.tooltip-expositores h3 {
  font-family: var(--body-font);
  font-size: 18px;
}
.lugar{
  font-size: 14px;
}
.btn-carrousel{
  border: 2px solid #FFFFFF;
  border-radius: 25px;
  background: transparent;
  color: #fff;
  font-size: 13px;
  padding: 10px 35px;
  margin-top: 25px;
}
.btn-carrousel span{
  margin-left: 10px;
}
.contenido-card{
  display: flex;
  flex-direction: column;
  padding: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--green-dark-color);
  height: 180px;
}
.carrusel-expositores .owl-item .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.carrusel-expositores .owl-item .img-holder {
  transform: scale(0.65);
  transition: all 0.3s ease 0s;
}
.carrusel-expositores .owl-item .img-holder img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all 0.3s ease 0s;
}

.carrusel-expositores .owl-item.active.center .img-holder img {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.carrusel-expositores
  .owl-stage
  .owl-item.active
  ~ .owl-item.active:not(last-child)
  .img-holder {
  transform: scale(0.8);
}
.carrusel-expositores .owl-item.active.center + .owl-item .img-holder {
  transform: scale(0.8);
}
.carrusel-expositores
  .owl-stage
  .owl-item.active
  ~ .owl-item.active.center
  .img-holder {
  transform: scale(1);
  width: 228px;
}
.carrusel-expositores
  .owl-item.active.center
  + .owl-item
  + .owl-item
  .img-holder {
  transform: scale(0.65) !important;
}


#carrusel-expositores .owl-carousel .owl-nav {
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
}

@media (max-width:500px) {
  #carrusel-expositores .owl-carousel .owl-nav{
    display: none !important;
  }
}

#carrusel-expositores .owl-carousel .owl-nav button.owl-prev { 
  width: 33px;
  height: 33px;
  left: 0;
  position: absolute;
  outline: 0;
  
}
#carrusel-expositores .owl-carousel .owl-nav button.owl-prev img{
  width: 33px;
  height: 33px;

}
#carrusel-expositores .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  transform: rotate(180deg);
  width: 33px;
  height: 33px;
  right: 0;
  outline: 0;

}

#carrusel-expositores .owl-carousel .owl-nav button.owl-next img{
  width: 33px;
  height: 33px;

}

#carrusel-expositores .owl-carousel .owl-nav button.owl-next:hover {
  transform: rotate(180deg) scale(1.2);
  background: transparent;
}
#carrusel-expositores .owl-carousel .owl-nav button.owl-prev:hover {
  background: transparent;
  transform: scale(1.2);
}
.owl-theme .owl-nav.disabled+.owl-dots{
  display: block;
}
.owl-dots{
  margin-top: 30px;
}
@media (max-width: 768px){
  #carrusel-expositores .owl-carousel .owl-nav{
    justify-content: space-around;
  }
  #carrusel-expositores .owl-carousel .owl-nav button.owl-prev{
    width: 21px;
    height: 21px;
  }
  #carrusel-expositores .owl-carousel .owl-nav button.owl-next{
    width: 21px;
    height: 21px;
  }
  .carrusel-expositores
  .owl-stage
  .owl-item.active
  ~ .owl-item.active.center
  .img-holder {
  width: 150px;
  }
  .contenido-card{
    padding: 10px;
    display: flex !important;
  }
  #carrusel-expositores .owl-carousel .owl-nav {
    top: 44%;
  
  }

}
@media (max-width: 992px) {
  #carrusel-expositores .owl-carousel .owl-nav{
    justify-content: space-around;
  }
  #carrusel-expositores .owl-carousel .owl-nav button.owl-prev{
    width: 21px;
    height: 21px;
  }
  #carrusel-expositores .owl-carousel .owl-nav button.owl-next{
    width: 21px;
    height: 21px;
  }
  .carrusel-expositores
  .owl-stage
  .owl-item.active
  ~ .owl-item.active.center
  .img-holder {
  width: 150px;
  }
  .contenido-card{
    padding: 10px;
  }
  #carrusel-expositores .owl-carousel {
    transform: scale(1.5); /* 2 */
    padding-top: 60px;
    padding-bottom: 60px;
  }
  body {
    overflow-x: hidden;
  }
}
/*----------------------DETALLE CURSO------------------*/
.d-cursos {
  padding: 60px 0;
}
.d-cursos h2, 
.d-cursos h3,
.d-cursos h4,
.titulo-int-curso {
  font-family: var(--title-font);
  font-size: 28px;
  color: var(--ocre-color);
  margin-bottom: 40px;
}

@media(max-width: 767.98px) {
  .d-cursos h2,.titulo-int-curso {
    font-size: 2rem;

  }
}
.d-cursos p {
  font-size: 15px;
  line-height: 30px;
}
.bloque-texto {
  margin-bottom: 60px;
}
.bloque-texto ul li {
  list-style-image: url(./img/check-black.svg);
  text-align: left;
  margin-bottom: 26px;
}
.tabla-curso {
  padding: 33px 25px;
  color: var(--white);
  background-color: var(--ocre-color);
  width: 100%;
}
.tabla-curso table {
  width: 100%;
}
.tabla-curso table a {
  color: var(--white);
}
.tabla-curso table tr td {
  padding: 9px 0;
  font-size: 15px;
  vertical-align: baseline;
}
.tabla-curso table tr td:last-child {
  text-align: right;
}
.tabla-curso .boton-me {
  max-width: unset;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}
.tabla-curso .price {
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
}
.t-cursos {
  padding-bottom: 10rem;
}
.t-cursos .accordion-item {
  border: 0;
  border-bottom: 1px solid #000;
 
}

 .accordion-header h3 button.accordion-button{
  font-family: var(--body-font)!important;
}

.t-cursos .accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
.t-cursos .accordion-button {
  padding: 2rem 2.2rem;
}
.t-cursos .accordion-body {
  padding-bottom: 3.5rem;
}
.t-cursos .accordion-button::after {
  transform: rotate(-90deg);
}
.t-cursos .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  background-image: escape-svg($accordion-button-icon);
}

@media (max-width: 992px) {
  .d-cursos {
    padding: 0;
  }
}
/*---------------FORMULARIO INFORMACIÓN----------------*/
.contacto-me {
  background-color: var(--green-color);
  color: var(--white);
  padding: 64px 0;
}
/* .form-info-holder {
  padding-top: 76px;
} */
.form-info-holder input,
.form-info-holder textarea {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 0 none;
  border-bottom: 2px solid var(--white);
  width: 100%;
  outline: none;
  font-size: 21px;
  color: #fff;
  box-sizing: border-box;
  font-weight: lighter;
}
.form-info-holder input::placeholder,
.form-info-holder textarea::placeholder {
  color: #fff;
}
.form-info-holder textarea {
  min-height: 100px;
}
/* .form-info-holder label {
  font-size: 21px;
} */
.form-info-holder button {
  padding-left: 52px;
  padding-right: 52px;
}
.modal-profesor h3 {
  font-size: 20px;
}
.modal-profesor .modal-header {
  border-bottom: 0 none;
}
@media (max-width: 992px) {
  .form-info-holder input,
  .form-info-holder textarea {
    border-bottom: 0 none;
  }
  .form-grupo {
    border-bottom: 2px solid var(--white);
  }
  .modal-profesor img.img-fluid {
    width: 148px;
    margin: 0 auto;
    display: block;
  }
}
/*-----------------FORMULARIO DE PAGO------------------*/
.back-history a {
  color: var(--black-color);
  text-decoration: none;
}
.form-pago input[type="text"] {
  padding: 11px 18px;
  border: 1px solid #000;
  border-radius: 15px;
}
.red-box {
  padding: 30px;
  background-color: var(--red-color);
  color: var(--white);
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
.red-box .box-header {
  display: flex;
  gap: 1.2rem;
  margin-bottom: 10px;
}

.red-box .box-header h2{
  font-size: 2rem;
}

.red-box .box-header img {
  width: 150px;
  height: 100px;
  object-fit: cover;
}

@media(max-width:480px){
  .red-box .box-header img {
    width: 100%;
    height: 250px;
  }

}

.box-price {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}

.box-description p {
  font-size: 11px;
  line-height: 15px;
}

.legal-term,
.legal-term a {
  color: #686d71;
  font-size: 12px;
  line-height: 15px;
}

.box-footer {
  bottom: 0;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  left: 0;
}

.box-footer #boton_comprarahora{
  max-width: 250px;
  width: 100%;
 justify-content: center;

}

@media (max-width: 480px){
  .box-header{
    flex-direction: column;

  }

}

.circle-icon {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(21, 104, 94, 0.2);
  margin-right: 1rem;
  border-radius: 50%;
}
.pago-seguro-div {
  max-width: 450px;
}
.pago-seguro-div h4 {
  font-size: 20px;
}
@media (min-width: 992px) {
  .box-description p {
    text-align: justify;
  }
}
@media (max-width: 992px) {
  .red-box {
    padding: 3rem 2rem;
/*     max-width: 100%; */
  }
}
/*-----------------------PAGO EXITOSO------------------*/
.pago-exitoso-curso h1 {
  font-family: var(--title-font);
  font-size: 40px;
}
.pago-exitoso-curso p {
  color: #686d71;
  font-size: 18px;
  width: 100%;
  
}
.pago-exitoso-curso a {
  max-width: 250px;
}
/*---------------------BAJADA ASESORIAS----------------*/
.bajada-asesorias {
  position: relative;
}

@media (max-width: 992px) {
  .bajada-asesorias:after {
    display: none;
  }
  .caption-bajada-asesorias h1 {
    font-size: 28px;
  }
}
/*--------------------NUESTROS PROFESORES--------------*/
#carrusel-profesores .owl-carousel .owl-item figure {
  width: 100%;
}
#carrusel-profesores .owl-carousel .owl-item:not(.center) figure {
  filter: grayscale(1);
  transform: scale(0.5);
}
#carrusel-profesores .owl-carousel .owl-item.small figure {
  transform: scale(0.6);
}
#carrusel-profesores .owl-carousel .owl-item.medium figure {
  transform: scale(0.75);
}
#carrusel-profesores .owl-carousel .owl-item.center figure {
  transform: scale(1);
}
#carrusel-profesores .owl-carousel .owl-item:not(.center) figure figcaption {
  opacity: 0;
  transition: all .15s ease;
}
#carrusel-profesores .owl-carousel .owl-dots {
  margin-top: 1rem;
}
#carrusel-profesores .owl-carousel .owl-nav {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
 
}
#carrusel-profesores .owl-carousel .owl-nav button.owl-prev {
  left: 0;
  width: 33px;
  height: 33px;
  position: absolute;

}

#carrusel-profesores .owl-carousel .owl-nav button.owl-prev img,#carrusel-profesores .owl-carousel .owl-nav button.owl-next img{
  width: 33px;
  height: 33px;

}
#carrusel-profesores .owl-carousel .owl-nav button.owl-next {
  right: 0;
  transform: rotate(180deg);
  width: 33px;
  height: 33px;
  position: absolute;
 
}
#carrusel-profesores .owl-carousel .owl-nav button.owl-next:hover {
background-color: transparent;
transform: rotate(180deg) scale(1.2);
}
#carrusel-profesores .owl-carousel .owl-nav button.owl-prev:hover {
background-color: transparent;
transform: scale(1.2);
}
@media (max-width: 767.98px) {
  #carrusel-profesores .owl-carousel .owl-nav button.owl-prev {
    margin-left: 0px;
  }
  #carrusel-profesores .owl-carousel .owl-nav button.owl-next {
    margin-right: 0px;
  }

}

#carrusel-profesores-impacto .owl-nav button:hover{
  background: unset;
  
}

#carrusel-profesores-impacto .owl-nav button span{
  color:#000;
  font-size: 25px;
  padding: 0px 15px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-------------------MÁS ALLÁ DEL AULA-----------------*/
.mas-alla-aula {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  min-height: 240px;
  margin-top: 8rem;
  margin-bottom: 4rem;
}
.mas-alla-aula .image-holder-masalla {
  max-height: 360px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: stretch;
  overflow: hidden;
}
.mas-alla-aula .image-holder-masalla img {
  width: 100%;
}
.box-masalla {
  background-color: var(--gray-color);
  color: var(--white);
  max-width: 485px;
  width: 100%;
  margin: auto;
  padding: 64px;
}
.box-masalla h2 {
  display: block;
  padding: 33px 0;
  border-bottom: 1px solid var(--light-gray);
  border-top: 1px solid var(--light-gray);
  margin-bottom: 28px;
}
.box-masalla p {
  font-size: 18px;
  line-height: 30px;
}
.mas-alla-aula {
  position: relative;
}
.mas-alla-aula .box-masalla {
  position: absolute;
  background-color: var(--ocre-color);
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  .mas-alla-aula {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mas-alla-aula .box-masalla {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 40px;
    margin: -112px 0 0;
    /* transform: translateY(230px); */
  }
}

/*-----------------PARTE DE LA COMUNIDAD---------------*/
.holder-comunidad {
  padding: 64px 0;
}
.numered-items {
  width: 100%;
  max-width: 600px;
  margin: 42px auto;
}
.numered-items .item {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-bottom: 24px;
}
.numered-items .item .icono {
  flex-basis: 80px;
}
.numered-items .item .icono img {
  width: 64px;
}


.numered-items p {
  font-size: 16px;
  color: var(--black-color);
}
/*-----------------------FORMACION---------------------*/
.programa-formacion {
  padding: 64px 0 272px;
}
.programa-formacion-boxes .box-masalla {
  height: 100%;
}
.programa-formacion-boxes .box-masalla .titulo-musica {
  display: block;
  margin-bottom: 24px;
}
.programa-formacion-boxes {
  transform: translateY(-200px);
  margin-bottom: -150px;
}
.programa-formacion-boxes ul.checklist li, #moreKodaly ul.checklist li {
  list-style-image: url(./img/check.svg);
  margin-bottom: 10px;
}
.programa-formacion-boxes .box-masalla {
  max-width: 560px;
}

@media (max-width: 992px) {
  .programa-formacion {
    padding: 64px 0;
  }
  .programa-formacion-boxes {
    padding-top: 31px;
  }
  .programa-formacion-boxes {
    transform: translateY(0);
    margin-bottom: 24px;
  }
  .programa-formacion-boxes .box-masalla {
    transform: translateY(0);
    padding: 48px 36px;  
  }
}
/*-------------------FORMULARIO CONTACTO-----------------*/
.contact-section .form-info-holder {
  padding-top: 24px;
}
.contact-section .form-info-holder input,
.contact-section .form-info-holder textarea {
  color: var(--gray-color);
  border-bottom: 1px solid #c4c4c4;
}
.contact-section .form-info-holder textarea{
  height: 100px;
}
.contact-section .form-info-holder p {
  /* font-size: 22px; */
  line-height: 30px;
  margin-bottom: 29px;
}
.contact-section .form-info-holder form p{
  display: none;
}
.contact-section .form-info-holder input[type="submit"]{
  padding-left: 52px;
  padding-right: 52px;
  flex-direction: row!important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 0px 27px;
  text-decoration: none;
  border-radius: 25px;
  white-space: pre-wrap;
  text-align: center;
  font-size: 14px;
  color: var(--gray-color);
  border: 1px solid var(--gray-color);
  background-color: var(--white);
  height: 50px;
  max-width: 160px;
  transition: all 0.3s ease;
}

.contact-section .form-info-holder input[type="submit"]:hover{
  color: var(--white)!important;
  border: 1px solid var(--gray-color);
  background-color: var(--gray-color)!important;

}

.color-mostaza {
  background: var(--ocre-color);
}

/*---------------------- IMPACTO ------------------------*/
.franja-roja {
  position: relative;
}
.franja-roja::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  width: 100%;
  z-index: -1;
  background-color: var(--red-dark-color);
  left: 0;
}
.testimonios-profesores {
  position: relative;
}
.testimonios-profesores::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 70%;
  width: 100%;
  z-index: -1;
  background-color: var(--green-dark-color);
  left: 0;
}
.testimonios-profesores .testimonio-texto {
  background-color: var(--white);
  color: var(--black-color);
  line-height: 1.75;
  flex-grow: 1;
}

.testimonios-profesores .owl-item{
  padding: 0px 10px;

}
.parrafo-impacto{
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .testimonios-profesores .testimonio-texto {
    font-size: 18px;
  }
}
.dato-card {
  background: var(--red-color);
  color: var(--white);
  max-width: 350px;
}
.color-titulo {
  color: var(--ocre-color);
  font-size: 50px;
}
.colores {
  position: absolute;
  transition: all 0.4s ease-in;
}
.presencia-mundo {
  padding: 72px 0;
}
.paises {
  position: relative;
  color: #d0d0d0;
  min-height: 390px;
}
.paises span {
  font-size: calc(1rem + 2vw);
  font-weight: 700;
  cursor: default;
}
.paises span.chile {
  font-size: calc(2.25rem + 2vw);
  color: var(--red-color);
}
@media (min-width: 1440px) {
  /* .franja-negra .green-box {
  padding-right: 20%!important;
  } */
  .paises span {
    font-size: 45px;
  }
  .paises span.chile {
    font-size: 65px;
  }
}
#carrusel-estadisticas .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.paraguay {
  top: 0;
  left: 30%;
}
.peru {
  top: 76px;
  left: 38%;
}
.colombia {
  top: 146px;
  left: 23%;
}
.salvador {
  top: 242px;
  left: 28%;
}
.canada {
  top: 316px;
  left: 38%;
}
.chile {
  top: 152px;
  left: 50%;
  transform: translateX(-50%);
}
.uruguay {
  top: 28px;
  right: 34%;
}
.argentina {
  top: 96px;
  right: 32%;
}
.puerto-rico {
  top: 180px;
  right: 18%;
}
.mexico {
  top: 258px;
  right: 34%;
}
.estados-unidos {
  top: 340px;
  right: 35%;
}

@media (max-width: 991.98px) {
  .peru {
    top: 62px;
  }
  .colombia {
    top: 126px;
  }
  .uruguay {
    top: 30px;
  }
  .puerto-rico {
    top: 208px;
  }
  .mexico {
    top: 272px;
  }
  .canada {
    top: 310px;
  }
}

@media (max-width: 480px) {
  .peru {
    top: 62px;
    left: 34%;
  }

  .argentina{
    top:62px;
    right:10%
  }

  .colombia {
    top: 100px;
    left: 10%;
  }
  .uruguay {
    top: 0px;
    right: 15%;
  }

  .paraguay{
    top: 30px;
    left: 10%;
  }
  .chile{
    top:132px;
  }
  .puerto-rico {
    top: 190px;
    right: 10%;
  }

  .salvador{
    left: 10%;
    top:220px;
  }

  .mexico {
    top: 252px;
    right: 10%;
  }
  .canada {
    top: 280px;
  }
  .estados-unidos{
    top:320px;
    right: 15%;
  }

  .paises{
    min-height: 320px;
  }
  
}


@media (max-width: 767.98px) {
  .imagen-carrusel img {
    height: 260px!important;
    object-position: top;
  }
  .imagen-carrusel, .contenedor-texto {
    width: 100%;
  }
}
.toast {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9;
  }
/* ---------- Cita Kodaly --------- */
.mensaje-seccion {
  background: var(--red-dark-color);
  color: var(--white);
  font-family: var(--title-font);
  padding: 64px 0;
}
.mensaje-seccion .cita {
  border-left: 6px solid var(--white);
  padding: 0 1rem;
}
#asignaturas-obligatorias-element button.accordion-button {
    background-color: var(--ocre-color);
    color: #fff;
    font-size: 25px;
    box-shadow: none;
    padding: 0.3rem 1.25rem;
}

@media (max-width:1024px) {
  #asignaturas-obligatorias-element button.accordion-button{
    font-size: 20px;
  }

  #asignaturas-obligatorias-element .accordion-button::after{
    width: 42px;
    height: 42px;
    background-size: 42px;

  }
}


#asignaturas-obligatorias-element .accordion-button::after{
    color: #fff;
    background-image: url(/wp-content/themes/MusicaEduca/img/icon.svg);
    width: 62px;
    height: 62px;
    background-size: 62px;
}

@media (max-width:1024px) {
 
  #asignaturas-obligatorias-element .accordion-button::after{
    width: 42px;
    height: 42px;
    background-size: 42px;

  }
}
#asignaturas_acc .accordion-body{
    background-color: var(--ocre-color);
    color: #fff;
}
#moreKodaly .modal-dialog .modal-content {
    background-color: var(--ocre-color);
    color: #fff;
}
#moreKodaly .modal-dialog .modal-content .modal-header{
    border-bottom: 0;
}
#moreKodaly.modal .modal-dialog{
    max-width: 875px;
}
@media (max-width: 767.98px){
  #asignaturas-obligatorias-element button.accordion-button {
    font-size: 18px;
  }
}
/* -------------- 404 ------------- */
.error-404 {
  padding: 4rem 2rem;
  color: #686D71;
}
.error-404 .num-404 {
  font-family: var(--title-font);
  font-size: 250px;
  font-weight: 300;
  line-height: 1;
  color: var( --ocre-color);
}

/* -------------- Gracias --------- */
.gracias {
  padding: 4rem 2rem;
}

.owl-item .contenido-card{
  display: none;
}
.active.center.owl-item .contenido-card{
  display: flex;
}


@media(max-width:480px){
  .numered-items .item .icono img {
    width: 40px;
  }

  .testimonios-profesores .titulo-musica{
    text-align: center;

  }
}

.wpcf7-spinner{
  margin-top: 10px;

}

.accordion-header button.accordion-button{
  font-size: 1.25rem;
  font-family: var(--body-font);

}

/* Estilos Carrusel FaceBook */
.efbl-thumbnail-skin{
  border: solid 3px #B78B10;
  padding: 0;
  margin: 10px;
  width: 100%;
}

.efbl-thumbnail-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col{
  overflow: hidden;
  border-right: 0;

}

.efbl-thumbnail-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col a img{
  outline: none;
  width: 350px;
  height: 350px;
  object-fit: cover;
}

.efbl-post-footer{
  display: none;

}

.efbl-d-flex{
  margin-top: 20px;

}

.efbl_feeds_holder .owl-nav .owl-prev{
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}

.owl-theme .efbl_feeds_holder  .owl-nav [class*=owl-]:hover{
  background: none !important;
}

.efbl_feeds_holder .owl-nav .owl-next{
  position: absolute;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
}

.efbl_feeds_holder .owl-item{
  padding: 25px;
  min-height: 100%;

}


.efbl_feeds_holder .owl-dots{
  margin: 0px auto 20px;

}

.owl-theme .efbl_feeds_holder .owl-dots .owl-dot.active span{
  background: #BE9627;

}

.efbl-overlay{
  display: none;

}

.owl-theme .efbl_feeds_holder .owl-stage {    
   display: flex; 
} 
.owl-theme .efbl_feeds_holder .owl-item {     
  display: flex;  flex: 1 0 auto; 
}

@media(max-width: 1024px){
  .efbl-thumbnail-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col a img{
    
    width: 100%;

  }
  .efbl-col-8{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .efbl-col-4{
    flex: 0 0 50%;
    max-width: 50%;
  }

}

@media(max-width:500px){
  .color-titulo{
    font-size: 30px;
  }

  

  .efbl-d-flex{
    margin:0;
  }

  .efbl-profile-image{
    margin-bottom: 10px;

  }


  .efbl_feeds_holder .efbl-row{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .efbl_feeds_holder .efbl-col-4 {
    max-width: 100%;

  }

  .efbl_feeds_holder .owl-item{
    padding: 0;

  }

  .efbl_feeds_holder .efbl-d-flex{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .efbl_feeds_holder .efbl-col-8{
    max-width: 90%;
  }

  .efbl_feed_wraper {
    text-align: center;

  }

}

.wpcf7-not-valid-tip{
  position: absolute;
}

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

}

.wpcf7 form.invalid .wpcf7-response-output{

  
  width: 100%;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  border-radius: 0.25rem;
  background: #af272f;
  color:white;

}

.wpcf7 form.sent .wpcf7-response-output{
  width: 100%;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  border-radius: 0.25rem;
  background: #2c776e;
  color:white;
}

.form-info-holder1 input,
.form-info-holder1 textarea {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 0 none;
  border-bottom: 2px solid var(--white);
  width: 100%;
  outline: none;
  font-size: 21px;
  color: #fff;
  box-sizing: border-box;
  font-weight: lighter;
}
.form-info-holder1 input::placeholder,
.form-info-holder1 textarea::placeholder {
  color: #fff;
}
.form-info-holder1 textarea {
  min-height: 100px;
}

.form-info-holder1 button {
  padding-left: 52px;
  padding-right: 52px;
}
@media (max-width: 992px) {
  .form-info-holder1 input,
  .form-info-holder1 textarea {
    border-bottom: 0 none;
  }
}

.contact-section .form-info-holder1 {
  padding-top: 24px;
}
.contact-section .form-info-holder1 input,
.contact-section .form-info-holder1 textarea {
  color: var(--gray-color);
  border-bottom: 1px solid #c4c4c4;
}
.contact-section .form-info-holder1 textarea{
  height: 100px;
}
.contact-section .form-info-holder1 p {
  /* font-size: 22px; */
  line-height: 30px;
  margin-bottom: 29px;
}
.contact-section .form-info-holder1 form p{
  display: none;
}
.contact-section .form-info-holder1 input[type="submit"]{
  padding-left: 52px;
  padding-right: 52px;
  flex-direction: row!important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 0px 27px;
  text-decoration: none;
  border-radius: 25px;
  white-space: pre-wrap;
  text-align: center;
  font-size: 14px;
  color: var(--gray-color);
  border: 1px solid var(--gray-color);
  background-color: var(--white);
  height: 50px;
  max-width: 160px;
  transition: all 0.3s ease;
}

.contact-section .form-info-holder1 input[type="submit"]:hover{
  color: var(--white)!important;
  border: 1px solid var(--gray-color);
  background-color: var(--gray-color)!important;

}

.sidebar-noticias-content {
    flex: 1 0 30%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.noticias-sidebar {
    max-width: 430px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.noticias-sidebar a {
    display: flex;
    text-decoration: none;
    gap: 1rem;
    color: var(--black-color);
}

.noticias-sidebar h4 {
    margin: 0;
}

.noticias-sidebar a img {
    min-width: 176px;
    width: 176px;
    height: 114px;
    aspect-ratio: 420 / 270;
    object-fit: cover;
}

.noticias-sidebar a .content {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-width: 300px;
}