/*
Theme Name: Langlosophy
Theme URI: https://www.langosophy.cl
Author: Lámpara
Author URI: https://www.lampara.cl
Description: 
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
input:focus,
select:focus,
textarea:focus{
  outline: 0;
}
input,
select,
textarea{
  -moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
  border-radius: 0px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s;
  -webkit-text-fill-color: #fff !important;
}
.popup-form input:-webkit-autofill,
.popup-form input:-webkit-autofill:hover,
.popup-form input:-webkit-autofill:focus,
.popup-form input:-webkit-autofill:active{
    transition: background-color 5000s;
    -webkit-text-fill-color: #000 !important;
    box-shadow: inset 0 0 0 1px rgb(227 227 227 / 0%), inset 0 0 0 100px rgb(227, 227, 227);
}
.wp-block-group, 
.wp-block-cover,
.bloque-contacto{
  opacity: 0;
}
mark{
  padding-left: 0px;
}
.text-right{
  text-align: right;
}
.wrapper {
  flex: 1 0 auto;
}
#footer {
  flex-shrink: 0;
}

/* HEADER */
#header{
  background: #28333E;
  width: 238px;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: auto;
  z-index: 502;
}
#header .sidebar-menu-position{
  padding-left: 29px;
  padding-right: 29px;
  box-sizing: border-box;
  color: #FFF;
}
#header p{
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 131%;
  text-align: center;
  letter-spacing: 0.08em;
}
#header p:before{
  content:"";
  display: block;
  width: 29px;
  height: 3px;
  background: #56DE71;
  margin: auto;
  margin-bottom: 21px;
}
#header #menu-principal{
  margin-top: 55px;
}
#header #menu-principal li.menu-item-has-children{
  cursor: pointer;
}
#header #menu-principal li a{
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  text-transform: uppercase;
  border-bottom: 1px solid #4E575F;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: color 500ms ease;
}
#header #menu-principal > ul > li > a{
  position: relative;
}
#header #menu-principal > ul > li.menu-item-has-children > a:after{
  content:"";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0,-50%);
  background-image: url(assets/images/flecha-menu.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  height: 12px;
}
#header #menu-principal li:last-child a{
  border:none;
}
#header #menu-principal > ul > li > a:hover,
#header #menu-principal > ul >.current-menu-ancestor > a,
#header #menu-principal > ul > li.current-menu-item > a,
#slide-submenu-wrapper #slide-submenu li a:hover,
#slide-submenu-wrapper #slide-submenu li.current-menu-item > a,
#header #menu-social li a:hover{
  color: #56DE71;
}
#header .copyright{
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.01em;
}
#header #menu-social li a,
#footer #menu-social li a{
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px solid #4E575F;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  display: block;
  transition: color 500ms ease;
}
#header #menu-redes ul li a{
  transition: opacity 500ms ease;
}
#header #menu-redes ul li a:hover{
  opacity: 0.7;
}
#slide-submenu-wrapper.active{
  z-index: 501;
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}
#slide-submenu-wrapper{
  background: #1B242E;
  width: 238px;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 238px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 500ms ease, transform 500ms ease;
  transform: translate(-100%,0);
  padding-left: 30px;
  padding-right: 30px;
}
#slide-submenu-wrapper .cerrar-menu{
  margin-top: 150px;
  display: inline-flex;
}
#slide-submenu-wrapper.active #slide-submenu .dropdown-menu{
  display: block;
  opacity: 1;
  visibility: visible;
  background-color: transparent;
  border: none;
  list-style: none;
  position: static;
  margin-top: 210px;
}
#slide-submenu-wrapper.active #slide-submenu .dropdown-menu .dropdown-item{
  white-space: normal;
}
#slide-submenu-wrapper.active #slide-submenu *{
  max-width: 100%;
  box-sizing: border-box;
}
#slide-submenu-wrapper #slide-submenu ul li{
  padding-left: 0px;
  margin-bottom: 0px;
}
#slide-submenu-wrapper #slide-submenu ul li:before{
  display: none;
}
#slide-submenu-wrapper #slide-submenu li a{
  text-align: left !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 126%;
  text-align: center;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  text-transform: uppercase;
  border-bottom: 1px solid #4E575F;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
  transition: color 500ms ease;
}

/* CONTENIDO */
.bloque-cabecera-position{
  padding-left: 90px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 200;
  margin-left: 238px;
  background-color: white;
  width: 100%;
}
.bloque-contenido.interior .bc-wrapper{
  position: absolute;
  top: 78px;
  right: 0px;
  z-index: 2;
  padding-right: 110px;
}
#contenido .bloque-contenido.interior .bc-wrapper ul li:before{
  display: none;
}
#contenido .bloque-contenido.interior .bc-wrapper ul li:first-child{
  margin-left: 0px;
  padding-left: 0px;
  border-left: none;
}
#contenido .bloque-contenido.interior .bc-wrapper ul li{
  margin-bottom: 0px;
  padding-left: 7px;
  margin-left: 7px;
  border-left: 1px solid white;
}
.bloque-contenido.interior .bc-wrapper ul li,
.bloque-contenido.interior .bc-wrapper ul li a{
  color: #FFF;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  text-align: right;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.bloque-contenido.interior .bc-wrapper ul li{
  font-weight: bold;
}
.bloque-contenido.interior .bc-wrapper ul li a{
  transition: color 500ms ease;
}
.bloque-contenido.interior .bc-wrapper ul li a:hover{
  color: #56DE71;
}
#contenido{
  width: 100%;
  padding-left: 238px;
  padding-right: 0px;
}
#contenido .texto-verde{
  color: #56DE71;
}
#contenido .wp-block-button__link{
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 15px 20px;
}
.page-id-427 #contenido .wp-block-button__link{
  border: none;
  border-radius: 0px;
  background-color: #56DE71;
  color: #28333e;
}
html .page-id-427 #contenido .wp-block-cover:first-child .frase{
  font-weight: 400 !important;
  font-size: 25px !important;
  line-height: 140.4% !important;
}
html .page-id-427 #contenido .wp-block-cover:first-child .texto{
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 20px !important;
}
#contenido .wp-block-button.border{
  border: none !important;
}
#contenido .wp-block-button.border .wp-block-button__link{
  border: solid 2px #32373c !important;
}
#contenido .titulo-secundario{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 25px !important;
  line-height: 29px;
  color: #28333E;
}
#contenido .wp-block-group .wp-block-group__inner-container.no-mb{
  padding-bottom: 0px;
}
#contenido .wp-block-group .wp-block-group__inner-container ul li:before{
  content:"";
}
#contenido ul{
  padding-left: 0px;
}
#contenido ul li:before{
  content:"";
  width: 15px;
  height: 10px;
  background-image: url(assets/images/icono-flecha-verde.svg);
  background-size: cover;
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
}
html #contenido .wp-block-group .wp-block-group__inner-container p a{
  color: #56DE71;
}
html #contenido .wp-block-group .wp-block-group__inner-container .c-accordion__content ul li{
  margin-bottom: 7px;
}
html #contenido .wp-block-group .wp-block-group__inner-container .c-accordion__content ul li:before{
  content:"\2022";
  width: 15px;
  height: 10px;
  background-image: none;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #56DE71;
  font-size: 21px;
}
html #contenido .wp-block-group .wp-block-group__inner-container .c-accordion__content ul li{
  padding-left: 20px;
}
#contenido ul li{
  list-style-type: none;
  padding-left: 30px;
  position: relative
}
#contenido ul li:not(:last-child){
  margin-bottom: 25px;
}
#contenido h3{
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 29px;  
  color: #28333E;
}
#contenido h3{
  display: flex;
  align-items: center;
}
#contenido h3 img{
  margin-right: 15px;
}

/* WP BLOCK COVER */
.home #contenido .wp-block-cover:first-child{
  padding: 0px;
  min-height: calc(100vh) !important;
}
#contenido .wp-block-cover{
  padding: 0px;
}
#contenido .wp-block-cover .wp-block-columns{
  margin-bottom: 0px;
}
#contenido .wp-block-cover .wp-block-column figure{
  margin-bottom: 0px;
}
#contenido .wp-block-cover.sin-margen .wp-block-cover__inner-container{
  padding-top: 0px;
  padding-bottom: 0px;
}
#contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container{
  padding-top: 90px;
  padding-bottom: 90px;
}
#contenido .wp-block-cover h1{
  font-weight: 400;
}
#contenido .wp-block-button__link{
  transition: color 500ms ease, background-color 500ms ease;
}
#contenido .wp-block-cover:first-child a.wp-block-button__link{
  border: 2px solid #56DE71;
}
#contenido .wp-block-cover:first-child a:hover.wp-block-button__link{
  background-color: transparent !important;
  color: white !important;
  border: solid 2px white;
}
#contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container .wp-block-button a:hover.wp-block-button__link{
  background-color: transparent !important;
  border-color:white !important;
  color: white !important;
}
#contenido .wp-block-cover:not(:first-child) a:hover.wp-block-button__link{
  background-color: #56DE71 !important;
  color: white !important;
}
.page #contenido .wp-block-cover:first-child p{
  font-weight: 300 !important;
  font-size: 21px !important;
  line-height: 26px !important;
}
.page #contenido .wp-block-cover:first-child h1{
  font-size: 29px !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
#contenido .wp-block-cover:first-child .wpcf7{
  position: relative;
  padding: 40px 30px;
}
#contenido .wp-block-cover:first-child .wpcf7:before{
  content:"";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #28333E;
  opacity: 0.79;
}
#contenido .wp-block-cover .wpcf7 form{
  position: relative;
  z-index: 1;
}
#contenido .wp-block-cover .wpcf7 form h3{
  font-weight: 700;
  font-size: 25px;
  line-height: 128%;
}
#contenido .wp-block-cover .wpcf7 form h3,
#contenido .wp-block-cover .wpcf7 form p{
  color: #FFF;
}
#contenido .wp-block-cover .wpcf7 form input,
#contenido .wp-block-cover .wpcf7 form select,
#contenido .wp-block-cover .wpcf7 form textarea{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 500;
}
#contenido .wp-block-cover .wpcf7 form select option{
  color: #28333E;
}
#contenido .wp-block-cover .wpcf7 form select{
  padding-top: 4px;
}
#contenido .wp-block-cover .wpcf7 form .select-secundario select{
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 42px;
}
#contenido .wp-block-cover .wpcf7 form select,
#contenido .wp-block-cover .wpcf7 form input{
  padding-bottom: 10px;
  margin-top: 20px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  box-sizing: border-box;
}
#contenido .wp-block-cover .wpcf7 form label{
  width: 100%;
  box-sizing: border-box;
}
#contenido .wp-block-cover .wpcf7 form textarea{
  padding-bottom: 10px;
  margin-top: 20px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  box-sizing: border-box;
  height: 90px;
}
#contenido .wp-block-cover .wpcf7 form input.wpcf7-submit{
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 700;
  font-size: 19px;
  line-height: 100%;
  text-align: right;
  letter-spacing: 0.05em;
}
#contenido .wp-block-cover .wpcf7 form ::placeholder{
  color: #EFEFEF;
  font-weight: normal;
}
#contenido .wp-block-cover .wpcf7 form .wpcf7-not-valid-tip{
  color: #ff8585;
  font-weight: normal;
  display: block;
  font-size: 12px;
  margin-top: 6px;
}
#contenido .wp-block-cover:last-child .wpcf7 form .wpcf7-response-output{
  margin-top: 30px;
}
#contenido .wp-block-cover .wpcf7 form .wpcf7-response-output{
  border: none;
  color: #FFF;
  border: none;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  margin-top: 0px;
}
#contenido .wp-block-cover .wp-block-cover__inner-container,
#contenido .wp-block-group .wp-block-group__inner-container{
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 90px;
  padding-right: 110px
}
.testimonio__info,
html #contenido .wp-block-group .wp-block-group__inner-container .c-accordion__content ul li,
body:not(.home) #contenido .wp-block-cover:not(.margen-medio) .wp-block-cover__inner-container p,
body.home #contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container p,
#contenido .wp-block-group .wp-block-group__inner-container p{
  text-align: justify !important;
}
html body #contenido .wp-block-group#contador .wp-block-group__inner-container p{
  text-align: center !important;
}

/* TARJETAS BLANCAS */
#contenido .tarjetas-blancas{
  margin-top: 60px;
  margin-bottom: 0px;
}
#contenido .tarjetas-blancas .wp-block-column{
  background-color: #FFF;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  min-height: 220px;
}
#contenido .tarjetas-blancas .wp-block-column p{
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  margin-top: 12px;
}

/* AVISO */
#contenido .aviso{
  padding-top: 17px;
  padding-bottom: 17px;
}
#contenido .aviso p{
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
#contenido .aviso a{
  color: #56DE71;
  text-decoration: none;
  font-weight: bold;
}

/* ACORDEON CURSOS */
.acordeon-cursos.wp-block-group .wp-block-group__inner-container{
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.acordeon-cursos .c-accordion__title{
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
}
html .wp-block-group.faqs{
  margin-top: 40px;
  padding-top: 20px !important;
  padding-bottom: 25px !important;
}
.acordeon-cursos .c-accordion__title{
  border-color: #E3E3E3;
  margin-left: 65px;
  margin-right: 20px;
  border-bottom: none;
  border-top: solid 1px #E3E3E3;
  padding-bottom: 25px;
}
.acordeon-cursos .c-accordion__item:first-child .c-accordion__title{
  border-top: none;
}
.acordeon-cursos .c-accordion__title:before{
  content:"\002B";
  color: #FFF;
  position: absolute;
  top: 15px;
  left: -80px; 
  background-color: #D9D9D9;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  font-size: 45px;
  font-weight: 400;
  align-items: center;
  border-radius: 2px;
  transition: background-color 500ms ease, height 300ms ease;
}
.acordeon-cursos .c-accordion__title:after{
  display: none;
}
.acordeon-cursos .c-accordion__content{
  margin-left: 65px;
  margin-right: 20px;
  padding-right: 60px;
  padding: 30px 60px 30px 0px;
  border: none;
  background-color: #FFF;
  border-top: solid 1px #E3E3E3;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column{
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column mark{
  font-style: normal;
  font-weight: 300;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column mark:last-child{
  margin-top: -10px;
  display: block;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column mark strong{
  font-weight: 500;
  font-size: 40px;
  line-height: 43px;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column .wp-block-button{
  margin-top: 8px;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column .wp-block-button a{
  transition: background-color 500ms ease;
}
.acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column .wp-block-button a:hover{
  background-color: #56DE71;
}
.acordeon-cursos .c-accordion__content p:last-child{
  margin-bottom: 0px;
}
.acordeon-cursos .is-open > .c-accordion__title:before{
  content:"\2212" !important;
  background-color: #56DE71;
  height: 50px;
}

/* CARACTERISTICAS */
#contenido .caracteristicas{
  margin-top: 80px;
}
#contenido .caracteristicas .wp-block-column p{
  display: flex;
  align-items: center;
}
#contenido .caracteristicas .wp-block-column p img{
  margin-right: 20px;
}
#contenido .caracteristicas .wp-block-column p strong{
  display: contents;
}

/* FORM ASESOR SECUNDARIO */
#contenido p[style="font-size:48px"]{
  margin-bottom: 0px;
}
#contenido #form-asesor .wpcf7,
#contenido #form-contacto .wpcf7{
  margin-top: 30px;
}
#contenido #form-asesor .wpcf7 .wpcf7-submit,
#contenido #form-contacto .wpcf7 .wpcf7-submit{
  border-radius: 0px;
  background-color: #56de71;
  color: #28333e;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 15px 50px;
  width: auto !important;
  margin-top: 40px;
  border: 2px solid transparent;
  transition: color 500ms ease, background-color 500ms ease;
}
#contenido #form-asesor .wpcf7 .wpcf7-submit:hover,
#contenido #form-contacto .wpcf7 .wpcf7-submit:hover{
  background-color: transparent;
  color: #FFF;
  border: 2px solid white;
}
#contenido #form-asesor .wpcf7 input:not(.wpcf7-submit),
html #contenido #form-contacto .wpcf7 form select,
#contenido #form-contacto .wpcf7 input:not(.wpcf7-submit){
  margin-top: 45px;
}
#contenido #form-asesor .wpcf7 input:not(.wpcf7-submit),
#contenido #form-asesor .wpcf7 textarea,
#contenido #form-contacto .wpcf7 form select,
#contenido #form-contacto .wpcf7 input:not(.wpcf7-submit),
#contenido #form-contacto .wpcf7 textarea{
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.06em;
}
#contenido #form-asesor .wpcf7 textarea,
#contenido #form-contacto .wpcf7 textarea{
  margin-top: 45px;
}
#contenido #form-asesor .wpcf7 .wpcf7-spinner,
#contenido #form-contacto .wpcf7 .wpcf7-spinner{
  display: none;
}

/* FORM CONTACTO */
body.page-id-34{
  background-color: #232B32;
}
body.page-id-34 .bloque-cabecera-position{
  background-color: #FFF;
}
#contenido #form-contacto{
  max-width: 85%;
  margin: auto;
}
#contenido #form-contacto .wpcf7 form{
  position: relative;
  z-index: 1;
}
#contenido #form-contacto .wpcf7 form h3{
  font-weight: 700;
  font-size: 25px;
  line-height: 128%;
}
#contenido #form-contacto .wpcf7 form h3,
#contenido #form-contacto .wpcf7 form p{
  color: #FFF;
}
#contenido #form-contacto .wpcf7 form input,
#contenido #form-contacto .wpcf7 form textarea{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 500;
}
#contenido #form-contacto .wpcf7 form select{
  color: #FFF;
  background-repeat: no-repeat;
  background-image: url(assets/images/ico_dropdown-nav-white.svg) !important;
  background-position: right center !important;
}
#contenido #form-contacto .wpcf7 form select option{
  color: #232B32;
  background-color: white;
}
#contenido #form-contacto .wpcf7 form input,
#contenido #form-contacto .wpcf7 form select{
  padding-bottom: 10px;
  margin-top: 20px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  box-sizing: border-box;
}
#contenido #form-contacto .wpcf7 form select{
  -webkit-appearance: none;
}
#contenido #form-contacto .wpcf7 form label{
  width: 100%;
  box-sizing: border-box;
}
#contenido #form-contacto .wpcf7 form textarea{
  padding-bottom: 10px;
  margin-top: 20px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  box-sizing: border-box;
  height: 90px;
}
#contenido #form-contacto .wpcf7 form input.wpcf7-submit{
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 700;
  font-size: 19px;
  line-height: 100%;
  text-align: right;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 20px;
  border: 2px solid #56de71;
}
#contenido #form-contacto .wpcf7 form ::placeholder{
  color: #EFEFEF;
  font-weight: normal;
}
#contenido #form-contacto .wpcf7 form .wpcf7-not-valid-tip{
  color: #ff8585;
  font-weight: normal;
  display: block;
  font-size: 12px;
  margin-top: 6px;
}
#contenido #form-contacto .wpcf7 form .wpcf7-response-output{
  border: none;
  color: #FFF;
  border: none;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  margin-top: 0px;
}
#contenido #form-contacto .wp-block-cover__inner-container,
#contenido #form-contacto .wp-block-group__inner-container{
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 90px;
  padding-right: 110px
}
#contenido #form-contacto .wp-block-group__inner-container{
  padding-left: 60px;
  padding-right: 60px;
}
.home #contenido .wp-block-button.border .wp-block-button__link:first-child{
  padding: 9px 30px;
  width: 100%;
}

/* ACORDEÓN */
.c-accordion__title{
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  color: #28333E;
  border-bottom: 1px solid #E3E3E3;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0px;
}
.c-accordion__content{
  background: #FBFBFB;
  padding: 44px 55px;
  border-bottom: 1px solid #E3E3E3;
}
.c-accordion__content p:last-child{
  margin-bottom: 0px;
}
.c-accordion__title:after{
  color: #4E575F;
  font-weight: 500;
  background: #FBFBFB;
  padding: 15px;
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  transition: background-color 500ms ease;
}
.is-open>.c-accordion__title:after{
  background: #E3E3E3;
}

/* PRUEBA */
#testWrapper .wp-container-1 .wp-block-group__inner-container{
  padding-bottom: 0px;
}
#prueba .numero{
  background: #28333E;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  width: 33px;
  height: 33px;
  border-radius: 100px;
}
#inicioPrueba .pasos{
  max-width: 700px;
}
#inicioPrueba .step{
  height: 15px;
  width: 20%;
  background-color: #bbbbbb;
  border: none;
  display: inline-block;
  opacity: 0.2;
  position: relative;
}
#inicioPrueba .step.active:before{
  content:"";
  background: #56DE71;
  width: 14px;
  height: 14px;
  display: block;
  border-radius: 50px;
  position: absolute;
  top: 0px;
  right: -6px;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  z-index: 3;
}
#inicioPrueba .step.active:after{
  content: "";
  background: rgba(197, 220, 250, 0.5);
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 50px;
  position: absolute;
  top: -5px;
  right: -11px;
  box-shadow: 0 0 4px rgb(0 0 0 / 30%);
  z-index: 2;
}
#inicioPrueba .step:first-child{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#inicioPrueba .step:last-child{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#inicioPrueba .step.active {
  opacity: 1;
  background-color: #56DE71;
}
#inicioPrueba .step.finish {
  background-color: #56DE71;
  opacity: 1;
}
#prueba .tab{
  display: none;
}
#prueba .tab .tab-item{
  border-bottom: 1px dashed #E3E3E3;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
#prueba .tab .tab-item .tab_item__pregunta{
  display: flex;
  align-items: center;
  margin-bottom: 38px;
}
#prueba .tab .tab-item .tab_item__pregunta span{
  margin-left: 20px;
}
#prueba .tab .tab-item .tab_item__respuesta {
  display: flex;
  max-width: 700px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#prueba .tab .tab-item .tab_item__respuesta .checkbox{
  width: 340px;
  flex-basis: 48%;
  background: #FAFAFA;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  padding: 14px;
  position: relative;
}
#prueba .tab .tab-item .tab_item__respuesta .checkbox label{
  display: flex;
  position: relative;
}
#prueba .tab .tab-item .tab_item__respuesta .checkbox label:before{
  content:"";
  width: 20px;
  height: 20px;
  border: 1px solid #E3E3E3;
  border-radius: 40px;
  margin-right: 8px;
  display: block;
  transition: border 300ms ease;
}
#prueba .tab .tab-item .tab_item__respuesta .checkbox label:after{
  content: "";
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  position: absolute;
  background-color: #E3E3E3;
  border-radius: 10px;
  transition: background-color 300ms ease;
}
#prueba .tab .tab-item .tab_item__respuesta .checkbox input{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#prueba .tab .tab-item .tab_item__respuesta input:checked + label:before{
  border: 1px solid #56DE71;
}
#prueba .tab .tab-item .tab_item__respuesta input:checked + label:after{
  background-color:#56DE71;
}
#prueba .tab .tab-item .tab_item__respuesta .checkbox{
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
}
#pruebaBtns #nextBtn{
  border: none;
  background: #56DE71;
  padding: 15px 40px;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #28333E;
  transition: opacity 500ms ease;
}
#pruebaBtns #nextBtn.disabled{
  background: #dadada;
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
#pruebaBtns #prevBtn{
  border: none;
  background: #28333E;
  padding: 15px 40px;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFF;
  margin-right: 60px;
}
.carga-resultados{
  font-size: 21px;
  text-transform: uppercase;
  color: #000;
}

/* POPUP */
.cerrar-modal{
  position: absolute;
  top: -10px;
  right: 0px;
  cursor: pointer;
  animation: all 400ms ease;
  filter:drop-shadow(1px 0px 4px rgb(255,255,255,0));
  background-image: url(assets/images/icono_modal-cerrar.svg);
  width: 35px;
  height: 35px;
  background-size: cover;
  filter: brightness(0);
}
.cerrar-modal:hover{
  filter:drop-shadow(1px 0px 4px rgb(255,255,255,1));
}
.popup.active{
  background-color: #A52030 !important;
  color: #FFF !important;
}
body.popup-abierto{
  overflow: hidden;
}
body.popup-abierto:after{
  content:"";
  position: fixed;
  width:100%;
  height: 100%;
  background-color: #000;
  animation: fade 600ms ease;
  opacity: 0.75;
  top: 0px;
  left: 0px;
  z-index: 10000;
}
.popup-form{
  display: none;
}
.popup-form .wpcf7-form{
  position: relative;
}
.popup-form p{
  color: #28333E;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 137%;
  margin-bottom: 35px;
}
.popup-form h3{
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 128%;
}
.popup-form.active{
  position:fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  overflow: auto;
}
.popup-form > div{
  padding: 0px 5%;
}
.popup-form > div .wpcf7{
  padding: 45px;
  border-radius: 10px;
  background-color: #FFF;
  width: 770px;
}
.popup-form > div .wpcf7 h3,
.popup-form > div.wpcf7 p{
  color: #FFF;
}
.popup-form > div .wpcf7 input:not([type="submit"]):focus,
.popup-form > div .wpcf7 textarea:focus{
  outline: 0;
}
.popup-form > div .wpcf7 ::placeholder{
  color: #28333E;
}
.popup-form > div .wpcf7 input:not([type="submit"]),
.popup-form > div .wpcf7 select,
.popup-form > div .wpcf7 textarea{
  margin-bottom: 25px;
  box-sizing: border-box;
  width: 100%;
  background: #E3E3E3;
  color: #28333E;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  border: none;
  padding: 18px 32px;
}
#contenido .wp-block-cover .wpcf7 form select{
  background-image: url(assets/images/ico_dropdown-nav-white.svg) !important;
  background-position: right center !important;
}
#contenido .wp-block-cover .wpcf7 form select,
.popup-form > div .wpcf7 select{
  -webkit-appearance: none;
  background-image: url(assets/images/ico_dropdown-nav.svg);
  background-repeat: no-repeat;
  background-position: right 32px center;
  background-size: 12px auto;
}
.popup-form > div .wpcf7 textarea{
  height: 130px;
}
.popup-form > div .wpcf7 label{
  width: 100% !important;
}
.popup-form > div .wpcf7 form .wpcf7-response-output{
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding-top: 20px;
  border: none;
  font-size: 18px
}
.popup-form > div .wpcf7 input[type="submit"]{
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  background: #56DE71;
  width: auto;
  padding: 20px 65px;
  margin-top: 0px;
  color: #28333E;
  border: none;
  width: 190px;
  margin-left: auto;
  transition: background-color 500ms ease, color 500ms ease;
}
.popup-form > div .wpcf7 input[type="submit"]:hover{
  background-color: #28333E;
  color: #FFF;
}
.popup-form .wpcf7-not-valid-tip{
  color: #ff7272;
  font-size: 12px;
  margin-top: -18px;
  margin-bottom: 20px;
  margin-left: 29px;
}
.popup-form .wpcf7-spinner{
  display: none;
}
.popup-form h2{
  font-weight: 700;
  font-size: 27px;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #56DE71;
  padding-right: 50px;
}
.contador-numero p{
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 5px;
  display: flex;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}

@media (min-width: 1200px){
  .container{
      max-width: 1200px;
  }
}

/* 404 */
.error404 .wp-block-cover h1{
  font-style: normal;
  font-weight: 700 !important;
  font-size: 50px;
  line-height: 59px;
}
.error404 .wp-block-cover p{
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  line-height: 39px;
}
#footer{
  background-color: #28333E;
  padding: 24px
}
#footer #menu-redes li a{
  color: #E3E3E3;
  transition: color 500ms ease;
}
#footer #menu-redes li a:hover{
  color: #FFF;
}
#footer #menu-social li a{
  text-align: left;
  color: #E3E3E3;
  transition: color 500ms ease;
}
#footer #menu-social li a:hover{
  color: #FFF;
}
#footer #menu-social li:last-child a{
  border-bottom: none;
}

/* SCROLLTOP */
.top-link{
  background-image: url('assets/images/scrolltop.svg');
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  background-size: contain;
  
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: fixed;
  bottom: 110px;
  right: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  z-index: 1000;
  opacity: 1;
  transition: opacity 500ms ease;
}
.hide{
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 0px) and (max-width: 480px){
  .top-link{
    bottom: 92px;
    right: 17px;
  }
}
@media (min-width: 481px) and (max-width: 576px){
  .top-link{
    bottom: 100px;
    right: 31px;
  }
}
@media (min-width: 0px) and (max-width: 576px){
  .popup-form.active{
    display: block;
  }
  .popup-form > div .wpcf7{
    width: 100%;
    margin: 40px 0px;
    padding: 35px 25px;
  }
  #contenido .wp-block-cover:last-child .wp-block-spacer{
    height: 40px !important;
  }
  .home #contenido .wp-block-cover:first-child{
    padding: 0px !important;
    min-height: auto !important;
    background-repeat: no-repeat !important;
    transform: initial !important;
    background-size: auto 50% !important;
    background-position: -110px top !important;
    background-attachment: inherit !important;
  }
  #contenido .wp-block-cover:first-child .wpcf7:before{
    background: #565E67;
    opacity: 1;
  }
  #contenido .wp-block-cover:first-child .wpcf7{
    margin-top: 25px;
    left: -24px;
    width: calc(100% + 48px);
    padding: 40px 24px;
  }
  #contenido .wp-block-cover:first-child  div[style="height:60px"]{
    height: 20px !important;
  }
  #contenido .wp-block-cover:first-child .wp-block-columns .wp-block-column:first-child{
    padding: 101px 0px 40px 0px;
  }
  #contenido .wp-block-cover:first-child  .wp-block-cover__inner-container{
    padding-bottom: 0px;
  }
  #contenido .wp-block-button__link{
    padding: 18px 12px;
  }
  #contenido ul li:not(:last-child){
    margin-bottom: 18px;
  }
  #contenido .tarjetas-blancas{
    margin-top: 30px;
  }
  #contenido .wp-block-image{
    margin-bottom: 0px;
  }
  #contenido .wp-block-cover .wp-block-columns.tarjetas-blancas{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0px;
  }
  #contenido .tarjetas-blancas:not(:first-child){
    margin-top: 0px;
  }
  #contenido .tarjetas-blancas .wp-block-column{
    padding: 20px !important;
    min-height: auto;
    width: calc(100% - 10px);
    margin-bottom: 20px;
  }
  #contenido .tarjetas-blancas .wp-block-column:nth-child(odd){
    margin-right: 10px;
  }
  #contenido .tarjetas-blancas .wp-block-column:nth-child(even){
    margin-left: 10px;
  }
  #contenido .tarjetas-blancas .wp-block-column p{
    margin-bottom: 0px;
  }
  #contenido .margen-medio .titulo-secundario{
    margin-bottom: 50px;
  }
  #contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container{
    padding-top: 70px;
    padding-bottom: 60px;
  }
  #contenido .wp-block-cover:first-child .wpcf7{
    margin-top: 20px;
  }
  .wp-block-group h1[style="font-size:40px;font-style:normal;font-weight:600"], 
  .wp-block-cover h1[style="font-size:40px;font-style:normal;font-weight:600"] {
    font-size: 31px !important;
  }
  .acordeon-cursos.wp-block-group .wp-block-group__inner-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .acordeon-cursos .c-accordion__title:before{
    left: -64px;
  }
  .acordeon-cursos .c-accordion__content{
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
  }
  .acordeon-cursos .c-accordion__content .wp-block-columns .wp-block-column:not(:first-child){
    margin-top: 30px;
  }
  .acordeon-cursos ~ .wp-block-spacer{
    height: 25px !important;
  }
  .wp-block-image .alignright{
    margin-bottom: 0px;
  }
  .page-id-32 #contenido .wp-block-cover,
  .page-id-22 #contenido .wp-block-cover{
    min-height: 400px !important;
  }
  .page-id-22 .wp-block-cover p:not(.has-text-color)[style="font-size:24px"]{
    margin-bottom: 0px;
  }
  .page-id-355 #contenido .wp-block-cover .wp-block-spacer{
    display: none;
  }
  .page-id-355 #contenido .wp-block-cover p,
  .page-id-22 .wp-block-group p:not(.has-text-color)[style="font-size:25px"]{
    line-height: 1.2em;
  }
  .page-id-22 .wp-block-cover .wp-block-cover__inner-container .wp-block-spacer:last-child{
    display: none;
  }
  .page-id-32 #contenido .wp-block-cover p{
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
  }
  #contenido .wp-block-cover p br{
    display: none;
  }
  .page-id-355 #contenido .wp-container-5.wp-block-group .wp-block-group__inner-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  }
  .page-id-34 #contenido .wp-block-cover{
    min-height: 320px !important;
  }
  #contenido #form-contacto{
    max-width: 90%;
  }
  #contenido .bloque-contacto{
    max-width: 90%;
    display: block;
    margin-bottom: 80px;
  }
  #contenido .registro-wrapper .registro{
    padding: 60px 42px;
  }
  #contenido .bloque-contacto .icono-item{
    width: 60px;
  }
  #contenido .bloque-contacto .bloque-item:not(:last-child){
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #4E575F;
  }
  #contenido .bloque-contacto .bloque-item svg{
    width: 32px;
    height: auto;
  }
  #contenido .bloque-contacto .bloque-item:not(:first-child){
    border-left: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  #contenido .bloque-contacto{
    padding-left: 40px;
    padding-right: 40px;
  }
  #contenido #form-contacto .wp-block-group__inner-container {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
  #contenido .wp-block-group .c-accordion__item .c-accordion__title{
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.03em;
    padding-right: 57px;
  }
  #contenido .wp-block-group .c-accordion__item .c-accordion__content{
    padding: 44px 20px;
  }
  .wp-block-group__inner-container p:not(.has-text-color)[style="font-size:24px"],
  .wp-block-cover p:not(.has-text-color)[style="font-size:24px"]{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3em;
  }
  .wp-block-group__inner-container h2{
    font-weight: 700;
    font-size: 29px;
    line-height: 36px;
  }
  #contenido .wp-block-button.border{
    flex-basis: 48.6%;
  }
  #contenido .wp-block-button__link{
    font-size: 12px;
  }
  #contenido .caracteristicas{
    margin-top: 60px;
  }
  #contenido #form-contacto input,
  html #contenido #form-contacto select,
  #contenido #form-contacto .wpcf7 textarea{
    font-size: 16px !important;
  }
  #contenido #form-contacto .wpcf7 textarea{
    margin-top: 45px !important;
    display: block;
  }
  .wp-block-group .wp-block-spacer[style="height:50px"],
  .wp-block-cover .wp-block-spacer[style="height:50px"]{
    height: 15px !important;
  }
  .home #contenido .wp-block-button.border .wp-block-button__link:first-child{
    padding: 12px 0px;
    width: 100%;
  }
  .error404 #contenido .wp-block-cover:first-child .wp-block-columns .wp-block-column:first-child{
    padding-top: 0px;
  }
  #prueba .tab .tab-item .tab_item__respuesta .checkbox{
    flex-basis: 100%;
  }
  #prueba .tab .tab-item .tab_item__respuesta .checkbox:last-child{
    margin-bottom: 0px;
  }
  #pruebaBtns #prevBtn{
    margin-right: 0px;
  }
  #pruebaBtns #prevBtn,
  #pruebaBtns #nextBtn{
    width: 48%;
    padding: 15px 12px;
  }
  #prueba .numero{
    flex-basis: 35px;
  }
  #pruebaBtns > div{
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 577px) and (max-width: 768px){
  .popup-form.active{
    display: block;
  }
  .popup-form > div .wpcf7{
    width: 100%;
    margin: 40px 0px;
    padding: 35px 25px;
  }
  #contenido .wp-block-button__link{
    padding: 15px 10px;
    font-size: 11px;
  }
  #contenido p{
    font-size: 16px;
  }
  #contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .wp-block-group .wp-block-spacer[style="height:50px"],
  .wp-block-cover .wp-block-spacer[style="height:50px"]{
    height: 15px !important;
  }
  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 45% !important
  }
  html .home #contenido #hero.wp-block-cover .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 100% !important;
  }
  html .home #contenido #hero.wp-block-cover .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .wp-block-spacer{
    display: none;
  }
  #contenido .wp-block-button.border{
    flex-basis: 45%;
  }
  #contenido .caracteristicas .wp-block-column p{
    padding-left: 30px;
  }
  #contenido .caracteristicas {
      margin-top: 50px;
      margin-bottom: 0px;
  }
  #contenido #caracteristicas .wp-block-spacer{
    display: none;
  }
  #contenido .wp-block-cover .wpcf7 form input.wpcf7-submit{
    font-size: 16px;
  }
  #contenido .wp-block-cover p br{
    display: none;
  }
  #contenido .wp-block-cover:last-child .wp-block-spacer{
    height: 20px !important;
  }
  #contenido #form-asesor .wpcf7 input:not(.wpcf7-submit), 
  #contenido #form-asesor .wpcf7 textarea, 
  #contenido #form-contacto .wpcf7 form select,
  #contenido #form-contacto .wpcf7 input:not(.wpcf7-submit), 
  #contenido #form-contacto .wpcf7 textarea{
    font-size: 15px;
    line-height: 20px;
  }
  #contenido #contador .contador-numero p{
    font-size: 35px;
    margin-bottom: 0px;
  }
  #contenido #contador p{
    margin-bottom: 0px;
  }
  #contenido #contador .wp-block-columns{
    gap: 0px;
  }
  #contenido #contador .wp-block-columns .wp-block-column{
    flex-basis: 33% !important;
  }
  #contenido #testimonios p{
    margin-bottom: 0px;
  }
  #contenido .wp-block-cover:first-child .wpcf7{
    margin-top: 20px;
  }
  .home #contenido .wp-block-button.border .wp-block-button__link:first-child{
    padding: 9px 11px;
  }
  #contenido .testimonios {
    padding: 0px 0px;
  }
  #contenido .wp-block-cover:last-child .wp-block-spacer {
    height: 20px !important;
  }
  .wp-block-cover p[style="font-size:24px"],
  .wp-block-group p[style="font-size:24px"]{
    line-height: 1.3em !important;
  }
  .wp-block-group h1[style="font-size:40px;font-style:normal;font-weight:600"], 
  .wp-block-cover h1[style="font-size:40px;font-style:normal;font-weight:600"] {
    font-size: 33px !important;
  }
  .page-id-355 #contenido .wp-container-5.wp-block-group .wp-block-group__inner-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .registro-wrapper {
    margin-top: -20px !important;
  }


  /* ABOUT US */
  .page:not(.home) #contenido .wp-block-cover{
    min-height: 320px !important;
  }
  .page-id-18 #contenido .wp-block-cover p{
    margin-bottom: 0px;
  }
  .page-id-18 #contenido .wp-block-cover p[style="font-size:24px"]{
    font-size: 21px !important;
    line-height: 1.3em;
  }
  .page-id-18 #contenido .wp-block-cover p br{
    display: none;
  }
  .page-id-18 #contenido .wp-block-cover .wp-block-columns .wp-block-column{
    flex-basis: 70% !important;
  }
  .page-id-18 #contenido .wp-block-columns .wp-block-column{
    flex-basis: 46% !important;
  }

  /* PROGRAMA */
  .parent-pageid-24 #contenido .wp-block-group__inner-container .wp-block-columns .wp-block-column img{
    width: 100%;
  }
  .parent-pageid-24 #contenido .wp-block-cover .wp-container-13.wp-block-columns.tarjetas-blancas{
    margin-top: 40px;
  }
  #contenido .wp-block-cover .wp-block-columns.tarjetas-blancas{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0px;
  }
  #contenido .tarjetas-blancas:not(:first-child){
    margin-top: 0px;
  }
  #contenido .tarjetas-blancas .wp-block-column{
    padding: 20px !important;
    min-height: auto;
    width: calc(100% - 10px);
    margin-bottom: 20px;
  }
  #contenido .tarjetas-blancas .wp-block-column:nth-child(odd){
    margin-right: 10px;
  }
  #contenido .tarjetas-blancas .wp-block-column:nth-child(even){
    margin-left: 10px;
  }
  #contenido .tarjetas-blancas .wp-block-column p{
    margin-bottom: 0px;
  }
  #contenido .tabs .tab_wrapper {
    display: block;
    padding: 40px 0px 30px 0px;
  }

  /* ACORDEON */
  .acordeon-cursos .c-accordion__content{
    margin-left: 0px;
    padding: 30px 0px 30px 0px;
    margin-right: 0px;
  }
  .acordeon-cursos .c-accordion__title{
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 65px;
  }
  .acordeon-cursos .c-accordion__title:before{
    left: 0px;
  }
  .acordeon-cursos.wp-block-group .wp-block-group__inner-container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  /* PRUEBA */
  .page-id-415.page:not(.home) #contenido .wp-block-cover{
    min-height: 50px !important;
  }

  /* CONTACTO */
  #contenido .bloque-contacto{
    max-width: 90%;
    display: block;
    margin-bottom: 80px;
  }
  #contenido .registro-wrapper .registro{
    padding: 60px 42px;
  }
  #contenido .bloque-contacto .icono-item{
    width: 60px;
  }
  #contenido .bloque-contacto .bloque-item:not(:last-child){
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #4E575F;
  }
  #contenido .bloque-contacto .bloque-item svg{
    width: 32px;
    height: auto;
  }
  #contenido .bloque-contacto .bloque-item:not(:first-child){
    border-left: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  #contenido .bloque-contacto{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 769px) and (max-width: 991px){
  #contenido .wp-block-cover p br{
    display: none;
  }
  #contenido .wp-block-cover:last-child .wp-block-spacer {
    height: 20px !important;
  }
  .wp-block-cover p[style="font-size:24px"],
  .wp-block-group p[style="font-size:24px"]{
    line-height: 1.3em !important;
  }
  .wp-block-group h1[style="font-size:40px;font-style:normal;font-weight:600"],
  .wp-block-cover h1[style="font-size:40px;font-style:normal;font-weight:600"]{
    font-size: 36px !important;
  }
  #contenido .wp-block-cover .wp-block-columns.tarjetas-blancas{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: space-between;
    gap: 0px;
  }
  #contenido .tarjetas-blancas:not(:first-child){
    margin-top: 0px;
  }
  #contenido .tarjetas-blancas .wp-block-column{
    padding: 20px !important;
    min-height: auto;
    width: calc(100% - 20px);
    margin-bottom: 20px;
  }
  #contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .parent-pageid-24 #contenido .wp-block-cover .wp-container-13.wp-block-columns.tarjetas-blancas {
    margin-top: 40px;
  }
  .page:not(.home) #contenido .wp-block-cover {
    min-height: 320px !important;
  }

  /* ACORDEON */
  .acordeon-cursos .c-accordion__content{
    margin-left: 0px;
    padding: 30px 0px 30px 0px;
    margin-right: 0px;
  }
  .acordeon-cursos .c-accordion__title{
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 65px;
  }
  .acordeon-cursos .c-accordion__title:before{
    left: 0px;
  }
  .acordeon-cursos.wp-block-group .wp-block-group__inner-container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  /* REGISTRO */
  html .page-id-355 #contenido .wp-block-group .wp-block-group__inner-container{
    padding: 0px !important;
  }
  html .registro-wrapper{
    margin-top: 0px;
  }
}
@media (min-width: 769px) and (max-height: 800px){
  .popup-form.active{
    display: block;
  }
  .popup-form > div .wpcf7{
    max-width: 700px;
    margin: 40px auto;
    padding: 45px;
  }
}
@media (min-width: 0px) and (max-width: 991px){
  
  #wrapper.h-100,
  #wrapper .container-fluid.h-100,
  #wrapper .container-fluid .row.h-100{
    height: auto !important;
  }
  .logo{
    margin-bottom: 1.5rem!important;
  }
  #slide-submenu-wrapper{
    display: none;
  }
  #contenido .aviso{
    padding-left: 24px;
    padding-right: 24px;
  }
  .wp-block-image .alignright,
  #contenido .wp-block-cover .wp-block-column figure{
    margin-left: 0px;
  }
  #contenido .swiper-pager{
    margin-top: 20px;
  }
  /*
  html .mm-spn.mm-spn--light {
    color: #FFF;
    background: #28333E;
    --mm-spn-item-height: 46px;
    --mm-ocd-min-width: 300px;
    --mm-ocd-max-width: 640px;
  }
  html .mm-spn a{
    padding-left: 30px;
    color: #FFF;
  }
  #menu-sidebar .menu-item a{
    color: #FFF;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.65em;
    letter-spacing: 0.08em;
  }
  #menu-sidebar .item-contacto.first{
    margin-top: 40px;
  }
  #menu-sidebar .item-contacto a{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
  }
  html .mm-spn.mm-spn--navbar:after{
    background-repeat: no-repeat;
    background-position: right 24px center;
    background-size: 60px;
    content: "";
    opacity: 1;
  }
  html .mm-spn.mm-spn--navbar ul:before{
    border-color: white;
  }
  html .mm-spn.mm-spn--navbar:after{
    margin-top: 0px;
    height: 90px;
  }
  html .mm-spn.mm-spn--navbar ul{
    top: 90px
  }
  */
  /* MOBILE */
  .menu-mobile{
      position: fixed;
      top: 0px;
      width: 100%;
      background-color: #28333E;
      color: #FFF;
      height: 100%;
      left: 0%;
      z-index: 1500;
      transition: all 800ms ease;
      opacity: 0;
      display: block;
      visibility: hidden;
      transition: background 500ms ease;
  }
  .menu-mobile.abre-submenu{
    background: #1B242E;
  }
  .menu-mobile.abre-submenu > .menu-mobile-wrapper > ul{
    transform: translate(-120%,0px);
  }
  .menu-mobile.abre-submenu .abre-padre .toggle-btn{
    top: -88px;
    left: -5px;
    border: 0px;
    width: 47px;
    height: 47px;
    position: absolute;
    background-color: transparent;
  }
  .menu-mobile .sub-panel{
    visibility: hidden;
    opacity: 0;
    transition: opacity 500ms ease;
    display: none;
  }
  .menu-mobile .sub-panel ul{
    list-style-type: none;
    padding-left: 0px;
  }
  .menu-mobile.abre-submenu .abre-padre .sub-panel{
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .menu-mobile.abre-submenu .abre-padre .sub-panel{
    transform: translate(120%,0px);
    top: 0px;
    position: absolute;
    width: 100%;
  }
  .menu-mobile .menu-mobile-wrapper{
      padding: 30px 22px;
  }
  .menu-mobile-wrapper li a{
      text-decoration: none;
      display: block;
      color: #FFF;
      text-transform: uppercase;
      border-bottom: 1px solid #4d4d4d;
      padding: 22px 30px 22px 0px;
      box-sizing: border-box;
      position: relative;
      font-weight: 500;
      font-size: 16px;
      line-height: 100%;
      letter-spacing: 0.08em;
  }
  .menu-mobile-wrapper > ul > li.menu-item-has-children > a:after{
      content:"";
      width: 9px;
      height: 18px;
      display: block;
      background-image: url(assets/images/flecha-menu.svg);
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translate(0,-50%);
      background-size: cover;
  }
  .menu-mobile-wrapper > ul > li.current-page-ancestor > a,
  .menu-mobile-wrapper li.current-menu-item a,
  .menu-mobile-wrapper li a:hover{
      color: #56DE71;
  }
  .menu-mobile-wrapper li.current-page-ancestor a:after,
  .menu-mobile-wrapper li.current-menu-item a:after,
  .menu-mobile-wrapper li a:hover:after{
      filter: invert(93%) sepia(15%) saturate(942%) hue-rotate(30deg) brightness(464%) contrast(91%)
  }
  .header-activo .menu-mobile{
      top: 0px;
  }
  .menu-mobile.active{
      opacity: 1;
      left: 0px;
      visibility: visible;
      overflow: auto;
  }
  .menu-mobile .item-contacto li.last a{
      padding-bottom: 5px;
  }
  .menu-mobile .item-contacto li.last a,
  .menu-mobile .item-contacto li.d-flex,
  .menu-mobile .item-contacto li.d-flex a{
      border: none;
  }
  .menu-mobile .item-contacto li a{
      font-weight: 400;
      font-size: 16px;
      line-height: 100%;
      display: flex;
      align-items: center;
      letter-spacing: 0.05em;
      color: #E3E3E3;
      text-transform: lowercase;
  }
  .menu-mobile .menu-mobile-wrapper{
      padding: 40px 9px;
      max-width: 92% !important;
      margin: auto;
  }
  .bloque-cabecera-position{
    position: static;
    padding-left: 0px;
    margin-left: 0px;
  }
  #contenido .wp-block-cover .wp-block-cover__inner-container, 
  #contenido .wp-block-group .wp-block-group__inner-container{
    padding-left: 24px;
    padding-right: 24px;
  }
  #slide-submenu-wrapper{
    height: auto;
    left: 0px;
  }
  #slide-submenu-wrapper,
  #header{
    width: 100%;
    position: static;
  }
  #contenido{
    padding-left: 0px;
  }
}
@media (min-width: 992px){
  .top-link{
    display: none !important;
    pointer-events: none !important;
  }
  #footer,
  .menu-mobile{
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  #contenido .caracteristicas{
    display: grid !important;
    grid-template-columns: repeat(4,1fr);
  }
  #contenido .wp-block-cover .wp-block-columns.tarjetas-blancas{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0px;
    margin-left: -10px;
    margin-right: -10px;
  }
  #contenido .tarjetas-blancas:not(:first-child){
    margin-top: 0px;
  }
  #contenido .tarjetas-blancas .wp-block-column{
    padding: 20px !important;
    min-height: auto;
    width: calc(100% - 20px);
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #contenido .tarjetas-blancas .wp-block-column p{
    margin-bottom: 0px;
  }
  #contenido .margen-medio .titulo-secundario{
    margin-bottom: 50px;
  }
  #contenido .wp-block-cover.margen-medio .wp-block-cover__inner-container{
    padding-top: 70px;
    padding-bottom: 60px;
  }
  /* ACORDEON */
  .acordeon-cursos .c-accordion__content{
    margin-left: 0px;
    padding: 30px 0px 30px 0px;
    margin-right: 0px;
  }
  .acordeon-cursos .c-accordion__title{
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 65px;
  }
  .acordeon-cursos .c-accordion__title:before{
    left: 0px;
  }
  .acordeon-cursos.wp-block-group .wp-block-group__inner-container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (min-width: 992px) and (max-width: 1399px){
  #contenido .wp-block-cover .wp-block-cover__inner-container, 
  #contenido .wp-block-group .wp-block-group__inner-container{
    padding-left: 50px;
    padding-right: 40px;
  }
  #contenido .wp-block-cover p br{
    display: none;
  }
  .logo.interior .d-flex a.logo-image{
    margin: auto !important;
  }
  .logo.interior span{
    display: none;
  }
  .bloque-cabecera-position{
    margin-left: 198px;
  }
  #contenido #form-contacto{
    max-width: calc(100% - 95px);
    margin: auto;
  }
  #contenido .bloque-contacto{
    max-width: calc(100% - 95px);
  }
  .wp-block-cover p[style="font-size:24px"],
  .wp-block-group p[style="font-size:24px"]{
    line-height: 1.3em !important;
  }
}