/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/


/*********************************\
              GENERAL
\*********************************/
@keyframes aparecer {
    from {opacity: 0; bottom: -200px}
    to {opacity: 1; bottom: 0;}
}

@font-face {
    font-family: 'Courgette';
    src: url('./fonts/Courgette-Regular.ttf');
}

.validate_email_against_bot {
    display: none
}

:root{
    --rojoOscuro: #660000;
    --rojo: #9d0000;
    --rojoClaroHover: #ffe1e1;
    --rojoClaro: #f8f8f8;
	--white: #fff;
    --black: #293133;

    --halfSection: 610px;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    :root {    
        --halfSection: 470px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    :root {
        --halfSection: 354px;
    }
}

.rojo {
    color: var(--rojoOscuro);
}

a:hover {
    text-decoration: none;
}

.form-legal {
    font-size: 0.7em;
    line-height: 1.5em;
    opacity: .7;
    text-align: justify;
}

input[name="politica"] + span {
    font-weight: 500;
}

#cmplz-document {
    max-width: 100%;
    padding: 40px 0;
    text-align: justify;
}

#cmplz-document h2, 
#cmplz-document h3 {
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    border: 0;
    padding: 0;
    margin-bottom: 15px;
    /*margin-top: 60px;*/
}

button.cc-revoke.cc-bottom {
    border-radius: .5em .5em 0 0 !important;
    -webkit-border-radius: .5em .5em 0 0 !important;
    -moz-border-radius: .5em .5em 0 0 !important;
    -ms-border-radius: .5em .5em 0 0 !important;
    -o-border-radius: .5em .5em 0 0 !important;
    font-weight: 700;
    color: var(--black) !important;
    background: var(--white) !important;
    padding: 10px 25px 5px !important;
    font-size: 14px;
    height: 30px !important;
}

#cc-window .cc-header {
    display: none !important;
}

.listNone {
    list-style: none !important;
    margin: 0 !important;
}

.listNone li {
    padding-left: 25px;
}

.listNone li i {
    color: var(--rojoOscuro);
    position: absolute;
    margin-left: -30px;
}

.alternarSangria li:nth-child(3n) {
    margin-left: 80px;
}

.alternarSangria li:nth-child(3n + 2) {
    margin-left: 40px;
}

.backSection {
    z-index: 2;
}

.backSection:before,
.page-template-template-portfolio .extra_content:before,
.tax-portfolio-types .extra_content:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--rojoClaro);
    transform: skew(0, 2deg) translateY(-80px);
}

.desbordadaDerecha .three-fifth {
    width: 70%;
    position: absolute;
    right: -15%;
}

.desbordadaIzquierda .three-fifth {
    width: 70%;
    position: absolute;
    left: -15%;
}

.desbordadaDerecha .three-fifth .image_wrapper,
.desbordadaIzquierda .three-fifth .image_wrapper {
    overflow: visible;
}

.desbordadaDerecha .three-fifth .image_wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    right: 10px;
    border: solid 1px var(--rojoOscuro);
    opacity: .3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.desbordadaIzquierda .three-fifth .image_wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    border: solid 1px var(--rojoOscuro);
    opacity: .3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.desbordadaDerecha .three-fifth img,
.desbordadaIzquierda .three-fifth img {
    border-radius: 10px;
}

h2.backLogo{
    position: relative;
}
.backLogo:before {
    content: "";
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    background: url(/wp-content/themes/base/imagenes/logo-sin-texto.svg) center center/cover;
    opacity: .05;
    top: -80px;
    left: -50px;
}

.informate {
    font-family: 'Courgette';
    font-size: 1.8em;
}

.button-custom .button.contactoButton {
    font-size: 1.2em;
    line-height: 1em;
    letter-spacing: .5px;
    padding: 10px 30px;
    margin-top: 10px !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .desbordadaDerecha .three-fifth,
    .desbordadaIzquierda .three-fifth {
        position: relative;
        right: 0;
        left: 0;
        margin: 20px 0 60px;
    }
}

/*********************************\
               MENÚ
\*********************************/
#Header_wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 28px;
    background-color: var(--white);
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    border-top: solid 5px var(--rojoOscuro);
}

.home #Header_wrapper:before {
    background-color: var(--rojoOscuro);
    border-bottom: solid 1px var(--rojoOscuro);
    border-top: 0;
}

.home #Action_bar .contact_details,
.home #Action_bar .contact_details a:not(:hover),
.home #Action_bar .social li a {
    color: var(--white);
}

.home #Action_bar .social li a:hover {
    color: var(--rojoClaroHover);
}

.home.button-custom #Top_bar .action_button {
    color: var(--white);
    background-color: var(--rojoOscuro);
    border-color: var(--rojoOscuro);
}

.home.button-custom #Top_bar .action_button:hover {
    color: var(--rojoClaroHover);
}

#Top_bar:not(.is-sticky) {
    top: 0 !important;
}

#Top_bar #menu > ul > li > a {
    text-transform: uppercase;
}

body:not(.home) #Top_bar:not(.is-sticky) #menu > ul > li > a:hover{
    color: #014a7f;
}
body:not(.home) #Top_bar:not(.is-sticky) .menu > li a:hover:after{
    background-color: #014a7f;
}

#Action_bar {
    top: -25px;
    left: 35px;
    z-index: 35;
    width: fit-content;
}

#Action_bar .column {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0;
}

#Action_bar .contact_details {
    float: right;
    padding: 0 15px 0 6px;
}

#Top_bar.is-sticky #Action_bar{
    top: 0;
}
#Top_bar.is-sticky #Action_bar .social li a, #Top_bar.is-sticky #Action_bar .contact_details a, #Top_bar.is-sticky #Action_bar .contact_details{
    color: var(--rojoOscuro);
}

#Top_bar.is-sticky > .container{
    top: 21px;
    background-color: var(--rojoOscuro);
}

#Top_bar.is-sticky .top_bar_left {
    width: 100% !important;
}

#Top_bar.is-sticky .top_bar_right {
    top: -37px;
    position: absolute;
    right: 24px;
}

#Top_bar.is-sticky .top_bar_right_wrapper .action_button{
    padding: 0px 8px!important;
    font-size: 11px;
    margin-left: 5px;
}

.header-transparent #Top_bar:not(.is-sticky) .top_bar_left {
    width: 100% !important;
}

.header-transparent #Top_bar:not(.is-sticky) .top_bar_right {
    position: absolute;
    top: -58px;
    right: 15px;
    width: fit-content !important;
    height: auto;
}

#Action_bar .contact_details li.whatsapp {
    margin-right: 6px;
}

#Action_bar .contact_details li,
#Action_bar .social {
    padding: 0;
}


#Top_bar .menu > li > a span:not(.description) {
    padding: 0 15px;
}

#Top_bar .top_bar_right_wrapper {
    top: 29px;
}

.button-custom .action_button {
    padding: 6px 8px!important;
    margin: 0;
}

.home #Top_bar .responsive-menu-toggle, 
.home #Header_creative .creative-menu-toggle, 
.home #Header_creative .responsive-menu-toggle {
    color: var(--white);
}

#Top_bar .menu li ul li {
    width: 250px;
}

#Top_bar .menu li ul li ul {
    left: auto;
    right: 250px;
}

#Top_bar .menu li ul {
    position: absolute;
    left: auto;
    right: 0;
}

#Top_bar .menu li ul li a .menu-arrow {
    left: 2px;
    right: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#Top_bar:not(.is-sticky) .menu > li.current-menu-ancestor > a[href="#"]:not(:hover) {
    color: var(--rojoOscuro);
}

#Top_bar .menu > li.current-menu-ancestor > a[href="#"]:not(:hover):after {
    opacity: 0;
}





@media only screen and (min-width: 1240px) {
    .home #Top_bar .menu > li.current-menu-item > a, 
    .home #Top_bar .menu > li.current_page_item > a, 
    .home #Top_bar .menu > li.current-menu-parent > a, 
    .home #Top_bar .menu > li.current-page-parent > a, 
    .home #Top_bar .menu > li.current-menu-ancestor > a, 
    .home #Top_bar .menu > li.current-page-ancestor > a, 
    .home #Top_bar .menu > li.current_page_ancestor > a,
    .home #Top_bar .menu > li.hover > a,
    .home #Top_bar .menu > li > a, 
    .home #Top_bar #menu ul li.submenu .menu-toggle,
    #Top_bar.is-sticky .menu > li.current-menu-item > a, 
    #Top_bar.is-sticky .menu > li.current_page_item > a, 
    #Top_bar.is-sticky .menu > li.current-menu-parent > a, 
    #Top_bar.is-sticky .menu > li.current-page-parent > a, 
    #Top_bar.is-sticky .menu > li.current-menu-ancestor > a, 
    #Top_bar.is-sticky .menu > li.current-page-ancestor > a, 
    #Top_bar.is-sticky .menu > li.current_page_ancestor > a, 
    #Top_bar.is-sticky .menu > li.hover > a,
    #Top_bar.is-sticky .menu > li > a, 
    #Top_bar.is-sticky #menu ul li.submenu .menu-toggle {
        color: var(--white);
    }

    .home #Top_bar .menu > li a:after,
    #Top_bar.is-sticky .menu > li a:after {
        background: var(--white);
    }

    .menu-line-below #Top_bar .menu > li > a:after {
        top: auto;
        bottom: 15px;
        width: 40%;
        left: 30%;
        height: 2px;
    }

    .menu-line-below #Top_bar.is-sticky .menu > li > a:after {
        bottom: 10px;
    }

    #Top_bar.is-sticky .top_bar_right_wrapper {
        top: 19px;
    }
}

@media only screen and (max-width: 767px) {
    #Top_bar:not(.is-sticky) {
        top: 0!important;
    }

    #Action_bar,
    .home #Top_bar .logo {
        display: none;
    }

    .home #Header_wrapper:before {
        content: none;
    }

    #Header_wrapper:before {
        height: 0;
        border-bottom: 0;
    }
}


/*********************************\
              FOOTER
\*********************************/
.widget {
    margin-top: 10px;
}

#Footer .widgets_wrapper .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#Footer .datos-contacto li {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 18px;
    padding-left: 35px;
}

#Footer .datos-contacto li i {
    position: absolute;
    left: 0;
}

#Footer .logo {
    margin: 0 auto 10px;
    display: block;
    padding-bottom: 10px;
    max-width: 100%;
}

#Footer .social {
    display: flex;
    justify-content: center;
    position: relative;
}

#Footer .social:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 20%;
    top: -15px;
    left: 40%;
    background: white;
    opacity: .2;
}

#Footer .social li {
    padding: 0;
    margin: 0 5px;
    font-size: 16px;
}

#Footer .menu {
    padding: 0;
    text-align: right;
    list-style: none;
    background: none;
}

#Footer .menu li:after {
    content: none;
}

#Footer .menu a {
    padding: 0;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}

#Footer .footer_copy .social {
    display: none;
}

#Footer .footer_copy .one {
    margin-bottom: 0px;
    padding-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #Footer .datos-contacto li,
    #Footer .menu a {
        font-size: 14px;
        line-height: 16px;
    }
}

@media only screen and (max-width: 767px) {
    #Footer .menu {
        text-align: left;
    }

    #Footer .logo {
        margin: 0 0 10px;
    }

    #Footer .social {
        justify-content: flex-start;
        margin-left: -5px;
    }

    #Footer .social:before {
        content: none;
    }
}

/*********************************\
              PORTADA
\*********************************/
#formacion {
    z-index: initial;
}

#formacion .sectionTitle {
    position: absolute;
    width: max-content;
    transform: rotate(-90deg);
    transform-origin: left;
    left: 20px;
    top: 100%;
}

.sectionTitle .one {
    margin: 0;
}

#formacion .sectionTitle h2 {
    color: var(--white);
    /* color: rgba(41, 49, 51, .1); */
    font-size: 50px;
    line-height: 69px;
    letter-spacing: 4px;
    margin: 0;
    /* text-transform: uppercase; */
    font-family: 'Courgette';
    font-weight: 400;
}

#formacion .section_wrapper .one:last-of-type {
    margin-top: -7%;
    opacity: 0;
    bottom: -200px;
    animation: aparecer 2s forwards;
    animation-delay: 2s;
    -webkit-animation: aparecer 2s forwards;
}

#formacion .icon_box,
#idiomas-cursos .icon_box,
#formacion-inicio .icon_box {
    background: var(--white);
    padding: 0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(41, 49, 51, .15);
    height: 100%;
}

#formacion .icon_box .image_wrapper,
#idiomas-cursos .icon_box .image_wrapper,
#formacion-inicio .icon_box .image_wrapper  {
    line-height: 0;
}

#formacion .icon_box .image_wrapper:after,
#idiomas-cursos .icon_box .image_wrapper:after,
#formacion-inicio .icon_box .image_wrapper:after  {
    content: "";
    background: var(--rojoOscuro);
    width: 100%;
    height: 5px;
    display: block;
}

#formacion .icon_box img,
#idiomas-cursos .icon_box img,
#formacion-inicio .icon_box img {
    border-radius: 8px 8px 0 0;
}

#formacion .icon_box .desc_wrapper {
    padding: 25px 35px 40px;
    text-align: left;
}

#idiomas-cursos .icon_box .desc_wrapper,
#formacion-inicio .icon_box .desc_wrapper {
    padding: 30px 45px 45px;
    text-align: left;
}

#formacion .icon_box .desc_wrapper .title,
#idiomas-cursos .icon_box .desc_wrapper .title,
#formacion-inicio .icon_box .desc_wrapper .title {
    text-transform: uppercase;
}

#formacion .icon_box .desc_wrapper .title {
    font-size: 16px;
    line-height: 22px;
}

#formacion .icon_box .desc_wrapper .desc p {
    font-size: 14px;
    line-height: 20px;
}

#idiomas-cursos .icon_box .desc_wrapper .desc p,
#formacion-inicio .icon_box .desc_wrapper .desc p {
    font-size: 14px;
    line-height: 20px;
}

#formacion .icon_box .desc_wrapper .desc > a,
#idiomas-cursos .icon_box .desc_wrapper .desc > a,
#formacion-inicio .icon_box .desc_wrapper .desc > a {
    font-weight: 700;
    text-transform: uppercase;
}

#formacion .icon_box .desc_wrapper .desc .link {
    color: var(--rojoOscuro);
    font-weight: 700;
}

#fotos-presentacion .image_wrapper {
    box-shadow: 0 0 10px rgb(41, 49, 51, .4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#mision-vision .ui-tabs-tab {
    width: 33.33%;
    margin: 0;
    background: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

#mision-vision .ui-tabs-tab:after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background: var(--rojoOscuro);
    bottom: -12px;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 1;
}

#mision-vision .ui-tabs-tab.ui-state-hover:after,
#mision-vision .ui-tabs-active:after {
    opacity: 1;
}

#mision-vision .ui-tabs-tab > a {
    background: none;
    color: #c2c2c2;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

#mision-vision .ui-tabs-tab > a:hover,
#mision-vision .ui-tabs-tab.ui-tabs-active > a {
    color: var(--rojoOscuro);
}

#mision-vision .ui-tabs .ui-tabs-panel {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    padding: 60px 40px;
    overflow: visible;
}

#mision-vision .ui-tabs .ui-tabs-panel:before {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100vw;
    background: #f2f2f2;
    top: 10px;
    left: calc( 50% - 50vw);
}

#mision-vision .ui-tabs-panel ul {
    list-style: none;
}

#mision-vision .ui-tabs-panel ul li {
    margin-bottom: 15px;
}

#mision-vision .ui-tabs-panel ul li:before {
    content: '\e841';
    font-family: 'mfn-icons';
    color: var(--rojoOscuro);
    position: absolute;
    margin-left: -20px;
    font-size: 16px;
}

#mision-vision .ui-tabs .ui-tabs-nav {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

#noticias {
    border-bottom: solid 1px rgba(41,49,51,.1);
}

#noticias .sectionTitle {
    position: absolute;
    width: max-content;
    transform: rotate(-90deg);
    transform-origin: left;
    right: -400px;
    top: 70%;
}

#noticias .sectionTitle h2 {
    color: var(--black);
    font-size: 88px;
    line-height: 95px;
    margin: 0;
    text-transform: uppercase;
    opacity: .05;
}

#noticias .sectionTitle h2:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--black);
    position: absolute;
    right: -110%;
    top: 50%;
}

#noticias h3 {
    font-size: 48px;
    line-height: 55px;
}

ul.clients .client_wrapper {
    padding: 0;
    background: transparent;
    margin: 20px 40px;
}

ul.clients .client_wrapper:hover {
    background: transparent;
    transform: scale(1.1);
}

ul.clients .client_wrapper img {
    max-height: 80%;
    width: auto;
    max-width: unset !important;
    height: unset !important;
}

.withShadow .column_attr {
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.withShadow h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 20px;
}

.icon_box .desc a {
    display: inline;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #formacion .icon_box .desc_wrapper {
        padding: 15px 25px 30px;
    }

    #formacion .icon_box .desc_wrapper .title {
        font-size: 16px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 767px) {
    #formacion .section_wrapper .one:last-of-type,
    #idiomas-cursos .section_wrapper .one:last-of-type,
    #formacion-inicio .section_wrapper .one:last-of-type {
        margin-top: 0;
        padding-top: 40px!important;
    }

    #formacion .sectionTitle {
        left: 10px;
        top: 45%;
    }

    #formacion .sectionTitle h2 {
        font-size: 90px;
        line-height: 90px;
        letter-spacing: 6px;
    }

    #mision-vision {
        padding-bottom: 120px !important;
    }

    #mision-vision .ui-tabs-tab:after {
        width: 100px;
        left: 30px;
        bottom: 2px;
    }

    #mision-vision .ui-tabs .ui-tabs-panel {
        padding: 40px 0 0;
    }

    #mision-vision .ui-tabs .ui-tabs-panel:before {
        display: none;
    }
}


/*********************************\
         PÁGINAS INTERNAS
\*********************************/
/* Formación */
#formacion-inicio {
    z-index: initial;
    overflow: hidden;
}

.examinador {
    text-align: center;
    margin-top: 20px;
}

.examinador img {
    max-width: 40%!important;
}

.examinador p {
    font-size: .7em!important;
    opacity: .7;
}

.examinador p > a {
    display: initial;
}

.buscadorCursos {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
    align-items: center;
    flex-wrap: wrap;
}

.buscadorCursos .content {
    width: 40%;
    text-align: center;
}

.buscadorCursos .link > a {
    font-weight: 700;
    font-size: 1.5em;
    width: 200px;
    display: block;
    text-align: center;
    line-height: 1.2em;
    border: solid 2px var(--rojoOscuro);
    padding: 10px 0;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.buscadorCursos .link > a:hover {
    background-color: var(--rojoOscuro);
    color: var(--white);
}

/* Centro de idiomas */
#banner-idiomas:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(40,0,0,.5);
}

.bandera .image {
    border: 0;
    line-height: initial;
}

.bandera .image img {
    height: 100%!important;
}

.bandera .desc {
    font-size: 32px;
    line-height: 41px;
    font-weight: 500;
    color: var(--white);
}

@media only screen and (max-width: 767px) {
    .section_wrapper .column.bandera {
        width: 50%!important;
        clear: none;
    }

    .bandera .how_it_works .image {
        width: 90px;
        height: 90px;
    }

    .bandera .how_it_works .image img {
        max-width: 90px!important;
        max-height: 90px!important;
    }
}

@media only screen and (max-width: 390px) {
    .bandera .desc {
        font-size: 25px;
        line-height: 35px;
    }
}

/* Centro examinador oficial */
#banner-oxford:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, var(--rojoClaro), transparent);
}

/* Centro de formación privada y empresas */
.icon_box ul {
    margin: 0;
    list-style: none;
}

.icon_box ul li {
    display: inline;
}

.icon_box ul li:not(:last-of-type):after {
    content: "\2666";
    padding: 0 6px;
}

#practicas-en-empresas h2 {
    text-align: center;
    font-size: 44px;
    line-height: 48px;
    text-transform: uppercase;
    color: var(--rojoOscuro);
}

#practicas-en-empresas form {
    background: var(--white);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(0, 0, 0, .1);
}

#gestion-formacion .column_image {
    padding: 0 80px;
}

#gestion-formacion .column_image .image_frame .image_wrapper {
    display: flex;
    align-items: center;
    overflow: visible;
}

.wp-caption-text {
    background: var(--rojoClaro);
    color: var(--rojo);
    font-weight: 500;
}

@media only screen and (min-width: 960px) {
    #gestion-formacion .column_image .image_frame .image_wrapper {
        height: 250px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    #gestion-formacion .column_image {
        padding: 0 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #gestion-formacion .column_image {
        padding: 0 40px;
    }

    #gestion-formacion .column_image .image_frame .image_wrapper {
        height: 150px;
    }
}

@media only screen and (max-width: 767px) {
    #gestion-formacion .column_image .image_frame .image_wrapper {
        padding-bottom: 40px;
    }

    #gestion-formacion .column_image {
        padding: 0 0 40px;
    }
}

/* Alquiler de aulas */
#alquiler-aulas .one-third {
    margin: 0;
    width: 33.33%;
}

.zoom_box .desc {
    opacity: 1;
}

.noOverlay .zoom_box .desc {
    background-color: transparent !important;
}

.zoom_box:hover .desc {
    opacity: 0;
}

.zoom_box .desc p {
    color: var(--rojoOscuro);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
    cursor: default;
    max-width: 280px;
    margin: auto;
}

.zoom_box a .desc p {
    cursor: pointer;
}

.zoom_box .desc p.white {
    color: var(--white);
}

/* Conócenos */
.tituloGris:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    background: var(--black);
    opacity: .1;
}

.tituloGris {
    margin: 0;
}

.tituloGris .sectionTitle h2 {
    font-size: 44px;
    line-height: 48px;
    margin: 0;
    text-transform: uppercase;
    padding: 40px 30px;
    width: max-content;
    background: var(--white);
    color: rgba(41, 49, 51, .1);
    max-width: 100%;
    text-align: center;
} 

.secInto-texto{ 
    transform: translateY(-30px);
    z-index: 99;
}
.secInto-texto p{ 
    padding-left: 18px; 
}

/*body:not(.home):not(.page-id-376):not(.page-id-349) .icon_box img,
#valores .icon_box img {
    max-width: 100px!important;
}*/

@media only screen and (max-width: 767px) {
    .tituloGris .sectionTitle h2 {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 401px) and (max-width: 525px) {
    .tituloGris .sectionTitle h2 {
        font-size: 35px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 400px) {
    .tituloGris .sectionTitle h2 {
        font-size: 25px;
        line-height: 32px;
        padding: 60px 15px;
    }
}

/* Contacto */
.google-map-contact-wrapper {
    z-index: 500;
}

.google-map-contact-wrapper .get_in_touch {
    width: 300px;
    box-shadow: 0 0 10px rgb(0, 0, 0, .5);
}

.get_in_touch ul li .icon {
    color: var(--white);
}

@media only screen and (max-width: 767px){
    #formulario-contacto .align_right {
        text-align: left;
    }

    #formulario-contacto .align_right > div {
        margin-top: 40px!important;
        text-align: center;
    }

    #formulario-contacto .two-third .column_attr {
        padding: 20px 0!important;
    }

    .google-map-contact-wrapper {
        position: absolute;
        right: 0!important;
        bottom: 0;
        top: auto;
    }

    .google-map-contact-wrapper .get_in_touch {
        width: 250px;
    }
}

/* Trabaja con nosotros */
span.wpcf7-form-control-wrap.cv {
    width: auto;
    margin-left: 10px;
}

/* Noticias */
.posts_group .post-item {
    border-radius: 8px;
    border: solid 1px rgba(0,0,0,.1);
    box-sizing: border-box;
}

.posts_group .post-item .image_wrapper {
    border-radius: 8px 8px 0 0;
}

.posts_group .post-item .post-desc {
    padding: 30px;
}

.posts_group.col-2 .post-item .post-desc {
    min-height: 220px;
}

.posts_group.col-3 .post-item .post-desc {
    min-height: 300px;
}

.posts_group .post-item .post-desc .post-footer {
    display: none;
}

.posts_group .post-item .post-desc .date {
    font-size: 15px;
    line-height: 20px;
}

.posts_group .post-item .post-desc .date i {
    display: none;
}

.posts_group .post-item .post-desc .post-title .entry-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

.posts_group .post-item .post-desc .post-title .entry-title a:hover {
    color: var(--rojo);
}

.posts_group .post-item .post-desc .post-excerpt .big {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: var(--black);
}

/* Formación subvencionada */
.page-template-template-portfolio #Content,
.tax-portfolio-types #Content {
    padding-top: 0;
}

.page-template-template-portfolio .extra_content,
.tax-portfolio-types .extra_content {
    position: relative;
    padding: 40px 0 0;
}

.page-template-template-portfolio .extra_content:before,
.tax-portfolio-types .extra_content:before {
    height: 125%;
    top: 80px;
}

.page-template-template-portfolio .sections_group > .section:before, 
.tax-portfolio-types .sections_group > .section:before {
    content: "";
    width: 314px;
    height: 314px;
    background-image: url(imagenes/ondas-der.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -40px;
    right: 0;
}

#Filters.only-categories .categories {
    display: flex;
    flex-wrap: wrap;
}

#Filters > .title {
    margin: 0 .5%;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
}

#Filters .filters_wrapper ul li {
    background-position: center center;
    background-size: cover;
    background-color: var(--black);
    box-shadow: inset 0 0 20px rgb(0 0 0 / 50%);
}

#Filters .filters_wrapper ul li a {
    padding: 10px;
    background: transparent;
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

#Filters .filters_wrapper ul li.reset-inner {
    background-color: var(--white);
    box-shadow: inset 0 0 0 1px var(--rojoOscuro);
}

#Filters .filters_wrapper ul li.reset-inner:not(.current-cat) a {
    background: transparent;
    color: var(--black);
}

#Filters .filters_wrapper ul li.reset-inner a:hover {
    background: var(--rojoOscuro);
    color: var(--white);
}

.portfolio_group.grid .portfolio-item {
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.portfolio_group.grid .portfolio-item:hover {
    box-shadow: 0 0 12px rgb(0 0 0 / 30%);
}

.portfolio_group.grid .portfolio-item .image_wrapper {
    border-radius: 4px 4px 0 0;
    border-bottom: solid 5px var(--rojoOscuro);
}

.portfolio_group.grid .portfolio-item .desc {
    padding: 0;
}

.portfolio_group.grid .portfolio-item{
    border: solid 1px var(--rojoOscuro);
    /*border-top-width: 10px;*/
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.portfolio_group.grid .portfolio-item .portfolio-item-fw-bg {
    height: 100%;
}

.portfolio_group.grid .portfolio-item .desc.sin-imagen {
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.portfolio_group.grid .portfolio-item .desc .title_wrapper {
    padding: 0 10px;
    color: var(--rojoOscuro);
    height: 52px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #eaeaea;
}

.portfolio_group.grid .portfolio-item .desc .entry-title {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--rojoOscuro);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.portfolio_group.grid .portfolio-item .desc .entry-title a {
    color: var(--rojoOscuro);
}

.portfolio_group.grid .portfolio-item .desc .desc-wrapper {
    width: 100%;
    display: inline-block;
    text-align: left;
}

.portfolio_group.grid .portfolio-item .desc .desc-wrapper .datos {
    width: 100%;
    text-align: left;
}

.portfolio_group.grid .portfolio-item .desc .desc-wrapper .datos > p {
    display: inline-block;
    margin-bottom: 5px;
}

.portfolio_group.grid .portfolio-item .desc .desc-wrapper .datos > p:first-of-type {
    font-weight: 700;
    margin-right: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .portfolio_group.grid .portfolio-item .desc .desc-wrapper .datos img {
        max-width: 35px!important;
    }
}

/* Cursos individuales */
.single-portfolio #Content {
    padding: 50px 0 60px;
}

.single-portfolio .portfolio .column.one {
    margin-bottom: 10px;
}

.single-portfolio .portfolio .info-del-curso .organismos {
    display: inline-flex;
    width: 50%;
    float: right;
    align-items: center;
    justify-content: flex-end;
    max-height: 35px;
}

.single-portfolio .portfolio .info-del-curso .organismos .logo {
    width: 23%;
    margin: 0 1%;
}

.single-portfolio .portfolio .info-del-curso .column_image .image_wrapper {
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.single-portfolio .portfolio .title h2 {
    font-size: 25px;
    line-height: 28px;
    width: max-content;
    padding: 0 15px;
    background-color: var(--white);
    position: relative;
    z-index: 1;
    margin: 0 auto 0 5%;
    color: var(--rojoOscuro);
}

.single-portfolio .portfolio .backSection .title h2 {
    background-color: var(--rojoClaro);
}

.single-portfolio .portfolio .title {
    position: relative;
    margin: 20px 0;
}

.single-portfolio .portfolio .title:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% + 3px);
    height: 2px;
    background: var(--rojoOscuro);
    width: 100%;
}

.single-portfolio .portfolio .meta p {
    display: inline-block;
}

.single-portfolio .portfolio .meta p:not(.dirigido) {
    padding: 2px 15px;
    background: var(--rojoClaro);
    border-radius: 4px;
    color: var(--rojoOscuro);
    margin-right: 10px;
}

.single-portfolio .portfolio .info-del-curso .one-third {
    margin-bottom: 10px;
}

.single-portfolio .portfolio .column.icon img {
    max-width: 40px!important;
    margin-right: 15px;
    float: left;
}

.single-portfolio .portfolio .column.duracion, .single-portfolio .portfolio .column.codigo,
.single-portfolio .portfolio .column.fecha-inicio-fin, .single-portfolio .portfolio .column.modalidad, .single-portfolio .portfolio .column.codigo,
.single-portfolio .portfolio .column.coste, .single-portfolio .portfolio .column.dirigido, .single-portfolio .portfolio .column.plazas_disponibles {
    margin-bottom: 0;
}

.single-portfolio .portfolio h3,
.single-portfolio .portfolio h3 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 10px;
}

.single-portfolio .portfolio .column.duracion p,
.single-portfolio .portfolio .column.codigo p,
.single-portfolio .portfolio .column.fecha-inicio-fin p,
.single-portfolio .portfolio .horario p,
.single-portfolio .portfolio .modalidad p,
.single-portfolio .portfolio .coste p,
.single-portfolio .portfolio .dirigido p,
.single-portfolio .portfolio .plazas_disponibles p {
    display: inline-block;
    margin-bottom: 5px;
}

.single-portfolio .portfolio .dedicacion-semanal {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.single-portfolio .portfolio .dedicacion-semanal ul {
    list-style: none;
    margin: 0;
    width: 400px;
    color: var(--black);
}

.single-portfolio .portfolio .dedicacion-semanal ul > li {
    display: inline-block;
    width: 7.5%;
    text-align: center;
    margin: 0 0.5%;
    font-size: 17px;
    opacity: .1;
}

.single-portfolio .portfolio .dedicacion-semanal .horario {
    padding: 2px 0;
    font-size: 1.1em;
    width: 100%;
}

.single-portfolio .portfolio .dedicacion-semanal .horario i {
    font-size: .8em;
    padding-left: 15px;
}

.single-portfolio .portfolio .info-del-curso .button_align {
    width: max-content;
    display: inline-block;
    max-width: 100%;
}

.single-portfolio .portfolio .section .text {
    padding: 20px 60px;
}

.single-portfolio .portfolio .dedicacion-semanal ul > li.active {
    font-weight: 500;
    opacity: 1;
}

.single-portfolio .portfolio .backSection {
    margin: 100px 0 0;
    padding: 0 0 100px;
}

.tabs_wrapper.tabs_horizontal {
    border: 0;
    overflow: visible;
}

.ui-tabs .ui-tabs-nav {
    background: transparent;
    border: 0;
}

.ui-tabs .ui-tabs-nav li {
    background: #e2e2e2;
    margin: 0 2px;
    border: 0;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}

.ui-tabs .ui-tabs-nav li:first-child {
    margin: 0 2px 0 0;
}

.ui-tabs .ui-tabs-nav li a {
    background: #e2e2e2;
    color: #929292;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: var(--rojoOscuro);
    color: var(--white);
    padding-bottom: 20px !important;
    margin-top: -6px;
}

.ui-tabs .ui-tabs-nav li a:hover {
    padding-bottom: 20px !important;
    margin-top: -6px;
}

.ui-tabs .ui-tabs-panel {
    border: solid 2px var(--rojoOscuro);
    border-radius: 0 10px 10px 10px;
    background: var(--white);
    padding: 40px;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 30%);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, 
.ui-tabs .ui-tabs-nav li.ui-state-active:after,
.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    content: none;
}

@media only screen and (min-width: 960px) {
    .single-portfolio .portfolio .info-del-curso .column_image {
        margin-top: 30px;
    }

    .single-portfolio .portfolio .info-del-curso .column_image .image_wrapper {
        height: 500px;
    }

    .single-portfolio .portfolio .info-del-curso .column_image .image_wrapper img {
        height: 100%!important;
        object-fit: cover;
    }
}

@media only screen and (max-width: 959px) {
    .single-portfolio .portfolio .info-del-curso .section_wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .single-portfolio .portfolio .info-del-curso .section_wrapper > .column {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    .single-portfolio .portfolio .info-del-curso .organismos {
        width: 100%;
        float: none;
        justify-content: center;
        margin-top: 20px;
        max-height: unset;
        flex-wrap: wrap;
    }

    .single-portfolio .portfolio .section .text {
        padding: 20px 0;
    }

    .ui-tabs .ui-tabs-nav li {
        margin: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    
    .ui-tabs .ui-tabs-nav li:first-child {
        margin: 0;
        border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -ms-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
    }

    .ui-tabs .ui-tabs-nav li:not(:first-child) a {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    
    .ui-tabs .ui-tabs-nav li.ui-state-active a {
        margin-top: 0;
        padding-bottom: 15px !important;
    }

    .ui-tabs .ui-tabs-panel {
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
    }
}

@media only screen and (max-width: 450px) {
    .single-portfolio .portfolio .title h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 25px;
        line-height: 25px;
        max-width: 80%;
    }

    .single-portfolio .portfolio .info-del-curso .organismos .logo {
        width: 48%;
        margin-bottom: 10px;
    }
}


/*********************************\
         BONO DE 20 HORAS
\*********************************/ 

    /* Formulario */
        span.wpcf7-form-control-wrap { display: inline-block; position: relative; }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance{ line-height: 15px; }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] { position: absolute; visibility: hidden; width: 15px; height: 15px; top: 0; left: 0; }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 15px; width: 15px;
            top: 3px; left: 0px; background: transparent; border: 1px solid var(--rojoOscuro); }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: "\2713"; height: 15px; width: 15px; top: 3px; left: 0;
            visibility: hidden; font-size: 10px; text-align: center; line-height: 15px; color: #fff; }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: var(--rojoOscuro); }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; }
        .wpcf7-list-item-label { margin-left: 10px; display: inline-block; }
        input[type="number"]{ font-family: "Lato", Helvetica, Arial, sans-serif; }


    /*General*/
        .pad-30{ padding: 30px 0; }
        .pad-60{ padding: 60px 0; }
        .pad-60-top{ padding-top: 60px; }
        .pad-60-bottom{ padding-bottom: 60px; }
        .pad-30-top{ padding-top: 30px; }
        .pad-30-bottom{ padding-bottom: 30px; }

        .column_column ul, .column_column ol, .the_content_wrapper:not(.is-elementor) ul, .the_content_wrapper:not(.is-elementor) ol{ color: #000; }

        #Subheader:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(47, 28, 28, 0.6), rgba(47, 28, 28, 0.6)); }
        
        .secTexto_imagen .mcb-section-inner{ display: flex; justify-content: flex-start; align-items: stretch; }
        .secTexto_imagen .mcb-section-inner .wrap{ display: flex; flex-direction: column; justify-content: center; /*align-items: center;*/ }
        .secTexto_imagen .mcb-section-inner .wrap.three-fourth, .secTexto_imagen .mcb-section-inner .wrap.two-third{ padding-left: 50px; }
        .secTexto_imagen .mcb-section-inner .wrap.one-third img{ border-radius: 10px; }
        .secTexto_imagen .mcb-section-inner .wrap.one-third .image_wrapper{ overflow: visible; }
        .secTexto_imagen .mcb-section-inner .wrap.one-third .image_wrapper:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 10px; left: 10px; border: solid 1px var(--rojoOscuro); opacity: .3; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
        .secTexto_imagen h3, .proyectosIndividualizados h3{ position: relative; margin-bottom: 30px; }
        .secTexto_imagen h3::before, .atencionPersonalizada h3::after, .proyectosIndividualizados h3::after{ content: ""; height: 4px; width: 100px; background: var(--rojoOscuro); position: absolute; left: 0; bottom: -15px; }

        .banner-contacto{ margin-top: 80px; min-height: 260px; display: flex; flex-direction: column; justify-content: center; padding-top: 90px; }
        .banner-contacto:before { content: ""; width: 100%; height: 125%; position: absolute; top: 80px; left: 0; background: var(--rojoClaro); transform: skew(0, 2deg) translateY(-80px); }
        .banner-contacto:after{ content: ""; width: 314px; height: 314px; background-image: url(imagenes/ondas-der.png); background-size: 100%; background-repeat: no-repeat; background-position: center;
            position: absolute; bottom: 0; right: 0; }
        .banner-contacto h2:before, .atencionPersonalizada h3:before { content: ""; display: block; position: absolute; width: 150px; height: 150px; background: url(/wp-content/themes/base/imagenes/logo-sin-texto.svg) center center/cover; opacity: .2; top: -70px; left: -50px; }
        .banner-contacto h4{ max-width: 880px; }

        .idiomas img{ border-radius: 50%; width: 50px; height: 50px !important; object-fit: cover; }
        .idiomas h4{ color: var(--rojoOscuro); text-transform: uppercase; font-weight: 700; }

        .metro-info p{ margin-bottom: 10px; }
        .metro-info p:nth-child(2){ padding-left: 25px; }
        .metro-info p:nth-child(3){ padding-left: 50px; }
        .metro-info p:nth-child(4){ padding-left: 75px; }
        .metro-info p:nth-child(5){ padding-left: 100px; }

    /*Formacion subvencionada*/
        .centroAcreditado{ margin: 100px 0 50px; padding: 30px 0 180px; }
        .centroAcreditado h2{ text-align: center; font-size: 44px; line-height: 52px; text-transform: uppercase; color: var(--rojoOscuro); }

        .lista-certificaciones .accordion .question{ border: unset !important; margin-bottom: 20px; box-shadow: 0px 5px 10px rgba(41, 49, 51, 0.08); }
        .lista-certificaciones .accordion .question .title{ border: solid 1px var(--rojoOscuro); border-left-width: 10px; border-radius: 4px; background: #fff; font-size: 16px; line-height: 20px; font-weight: 700; color: #293133; padding: 7px 7px 7px 40px; }
        .lista-certificaciones .accordion .question .title:before{ content: unset; }
        .lista-certificaciones .accordion .question .title > .acc-icon-plus, .lista-certificaciones .accordion .question .title > .acc-icon-minus{ font-size: 20px; line-height: 20px; width: 20px; height: 20px; top: 6px; left: 10px; color: #293133; }

        .circulos:before{ content: ""; width: 314px; height: 314px; background-image: url(imagenes/ondas-der.png); background-size: 100%; background-repeat: no-repeat; background-position: center;
            position: absolute; bottom: 0; right: 0; }

    /*Centro de idiomas*/

        .cursosBoxes .column_icon_box > div { height: 100%; }

        .atencionPersonalizada .section_wrapper { display: flex; justify-content: center; align-items: center; }
        .atencionPersonalizada h3{ position: relative; margin-block: 30px; }

        .caja-up .icon_box { background: var(--white); padding: 0; border-radius: 8px; box-shadow: 0 0 10px rgb(41 49 51 / 15%); height: 100%; }
        .caja-up .icon_box .image_wrapper { line-height: 0; }
        .caja-up .icon_box .image_wrapper:after { content: ""; background: var(--rojoOscuro); width: 100%; height: 5px; display: block; }
        .caja-up .icon_box .image_wrapper img { max-width: 100% !important; border-radius: 8px 8px 0 0; }
        .caja-up .icon_box .desc_wrapper { padding: 30px 45px 45px; text-align: left; }
        .caja-up .icon_box .desc_wrapper .title { text-transform: uppercase; }
        .caja-up .icon_box .desc_wrapper a{ display: block; margin-top: 10px; width: fit-content; }

        .desbordadaDerecha.full .three-fifth, .desbordadaIzquierda.full .three-fifth{ position: relative; right: unset; left: unset; width: 60%; }
        .desbordadaDerecha.full .three-fifth .image_wrapper{ transform: translateX(45px); -webkit-transform: translateX(45px); -moz-transform: translateX(45px); -ms-transform: translateX(45px); -o-transform: translateX(45px); }
        .desbordadaIzquierda.full .three-fifth .image_wrapper{ transform: translateX(-45px); -webkit-transform: translateX(-45px); -moz-transform: translateX(-45px); -ms-transform: translateX(-45px); -o-transform: translateX(-45px); }
        .desbordadaDerecha.full .three-fifth .image_wrapper img, .desbordadaIzquierda.full .three-fifth .image_wrapper img{ max-height: 550px; object-fit: cover; }
        .desbordadaDerecha.full .two-fifth .column_visual{ padding-left: 30%; padding-right: 50px;}
        .desbordadaIzquierda.full .two-fifth .column_visual{ padding-right: 30%; padding-left: 50px;}

        .inscribete:before { content: ""; width: 100%; height: 125%; position: absolute; top: 80px; left: 0; background: var(--rojoClaro); transform: skew(0, 2deg) translateY(-80px); }

        .preparacionNivel{ margin: 50px 0; padding-bottom: 80px; }
        .preparacionNivel:before{ transform: skew(0, 2deg); }
        .preparacionNivel h2.firstTitle{ text-align: center; font-size: 44px; line-height: 48px; text-transform: uppercase; color: var(--rojoOscuro); }
        .preparacionNivel .three-fifth { top: 180px; }
        .preparacionNivel .two-fifth { float: right; margin-top: 80px; }
        .preparacionNivel.conLogo ul:before { content: ""; display: block; position: absolute; width: 250px; height: 250px; background: url(/wp-content/themes/base/imagenes/logo-sin-texto.svg) center center/cover; opacity: .2; bottom: -80px; right: -110px; }

        .col-info-cambridge{ margin-top: 40px; }

        .logo-council{ transform: translateX(-100px); }

        @media only screen and (min-width: 401px) and (max-width: 525px) {
            .preparacionNivel h2.firstTitle {
                font-size: 35px;
                line-height: 40px;
            }
        }

        @media (max-width: 480px) {
            .preparacionNivel h2.firstTitle {
                font-size: 25px;
                line-height: 30px;
            }
        }

        /*.oxford { width: 50%; margin: auto; }
        .oxford .three-fifth{ padding-left: 100px; } */

        .mcrel .accordion .question{ border: unset; }
        .mcrel .accordion .question .title{ background-color: #fff; box-shadow: unset; color: var(--black); font-size: 18px; padding: 14px 14px 14px 30px; }
        .mcrel .accordion .question.active .title{ border: unset; }
        .mcrel .accordion .question .title:before{ content: unset; }
        .mcrel .accordion .question .title > .acc-icon-plus, .mcrel .accordion .question .title > .acc-icon-minus{ font-size: 25px; line-height: 25px; width: 25px; height: 25px; top: 12px; left: 0; color: #293133; }
        .mcrel .accordion .question .answer{ box-shadow: unset; overflow: auto; }

        .dec-circulo-der:after{ content: ""; width: 230px; height: 230px; background-image: url(imagenes/ondas-der.png); background-size: 100%; background-repeat: no-repeat; background-position: center;
            position: absolute; bottom: 0; right: 0; }

        .lista-visual ul{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 20px; list-style: none; }
        .lista-visual ul li{ background-color: #660000; padding: 10px; width: 49%; margin-bottom: 0; color: #fff; text-transform: uppercase; font-weight: 700; }

        .rightGallery { width: 60% !important; margin-top: -120px; padding-bottom: 40px; float: right; }

    /*Empresas*/
        #formacion-a-medida .icon_box img { max-width: 100px!important; }

        .icono-formacion .icon_box img { max-width: 270px!important; }
        .icono-formacion .icon_box .desc{ max-width: 350px; margin: auto; }
        .icono-formacion:last-child .icon_box img { max-width: 500px!important; width: 100%; }
        .icono-formacion:last-child .image_wrapper{ margin-bottom: 0; }

        .icono-bolsaEmpleo .icon_box img { max-width: 100px!important; }
        .icono-bolsaEmpleo .icon_box .desc a{ display: block; width: fit-content; margin: 20px auto 0; }

        .proyectosIndividualizados h4 { margin-bottom: 30px; }
        .proyectosIndividualizados h4:nth-of-type(even) { padding-left: 80px; text-align: right; }
        .proyectosIndividualizados h4:nth-of-type(odd) { padding-right: 80px; }

    /*Cursos*/
        .portfolio_group.grid .portfolio-item .desc .desc-wrapper{ 
            margin-right: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 10px;
            background: var(--rojoClaro);
            min-height: calc(100% - 52px);
            align-content: flex-start; 
        }
        .portfolio_group.grid .portfolio-item .desc .desc-wrapper .datos{ width: 100%; display: flex; }

        .single-portfolio .portfolio .info-curso{ display: flex; justify-content: flex-start; align-items: center; gap: 1%; }
        .single-portfolio .portfolio .info-curso .info-horario .button{ margin-bottom: 0; }

    /*Inicio*/
        .upFormacion { margin-top: 40px; }
        .upFormacion.backSection:before{ transform: skew(0, 2deg) translateY(0px); }
        .upFormacion h2{ text-align: center; font-size: 44px; line-height: 48px; text-transform: uppercase; color: var(--rojoOscuro); }

        .icono-inicio { margin-bottom: 30px !important; }
        .icono-inicio .icon_box img { max-width: 80px!important; }
        @media screen and (min-width: 530px){
            .icono-inicio .icon_box .image_wrapper { margin-right: 30px; border: solid 3px transparent; padding: 20px; line-height: 0; border-radius: 100px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
            .icono-inicio .icon_box > a:hover .image_wrapper { background: var(--white); border-color: var(--rojoOscuro); box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
            .icono-inicio .icon_box, .icono-inicio .icon_box > a { display: flex; }
            .icono-inicio .icon_box .desc_wrapper { flex-grow: 1; text-align: left; }

            .icono-inicio.right { float: right; }
            .icono-inicio.right .icon_box, .icono-inicio.right .icon_box > a { flex-direction: row-reverse; }
            .icono-inicio.right .icon_box .image_wrapper { margin-left: 30px; margin-right: 0; }
            .icono-inicio.right .icon_box .desc_wrapper { text-align: right; }
        }


        .home #colaboraciones:before{ content: ""; width: 314px; height: 314px; background-image: url(imagenes/ondas-der.png); background-size: 100%; background-repeat: no-repeat; background-position: center;
            position: absolute; bottom: 0; right: 0; }


    /*RESPONSIVE*/
        @media(max-width: 1536px){
            .home #colaboraciones:before, .dec-circulo-der:after, .circulos:before{ width: 214px; height: 214px; }

            .banner-contacto{ min-height: auto; }
            .banner-contacto:after{ width: 180px; height: 180px; }
            .banner-contacto h2:before{ width: 100px; height: 100px; top: -35px; left: -30px; }
        }
        
        @media(max-width: 1239px) and (min-width: 768px),
        (max-width: 380px){
            .portfolio_group.grid .portfolio-item .desc .desc-wrapper .datos { width: 99%; }
        }
        @media(max-width: 1239px){
            #formacion{ padding-bottom: 145px !important; }
            #formacion .icon_box .desc_wrapper, .caja-up .icon_box .desc_wrapper { padding: 15px 25px 30px; }
            .desbordadaDerecha.full .two-fifth .column_visual { padding-left: 20%;  padding-right: 30px; }
            .desbordadaIzquierda.full .two-fifth .column_visual { padding-right: 20%;  padding-left: 30px; }
            .oxford{ width: 100%; }
            .logo-council { transform: translateX(0px); }
            ul.clients:not(.clients_slider_ul) li { width: 33.33% !important; }
        }
        @media(max-width: 959px){
            ul.clients:not(.clients_slider_ul) li { width: 50% !important; }
            .rightGallery { margin-top: -90px; }
        }
        @media(max-width: 767px){
            .pad-60{ padding: 30px 0 !important; }
            .pad-60-top{ padding-top: 30px; }
            .pad-60-bottom{ padding-bottom: 30px; }
            .pad-30-top{ padding-top: 15px; }

            .mcb-wrap-inner {width: 100%;}
            #formacion{ padding-bottom: 0px !important; }
            .desbordadaDerecha.full .two-fifth .column_visual {  padding-left: 33px; padding-right: 33px; }
            .desbordadaIzquierda.full .two-fifth .column_visual {  padding-right: 33px; padding-left: 33px; }
            .backLogo:before{ width: 100px; height: 100px; top: -40px; left: -50px; }
            .secTexto_imagen .mcb-section-inner .wrap{ justify-content: flex-start; align-items: flex-start; }
            .secTexto_imagen .mcb-section-inner{ flex-wrap: wrap; }
            .secTexto_imagen .mcb-section-inner .wrap.three-fourth, .secTexto_imagen .mcb-section-inner .wrap.two-third{ padding-left: 0; }
            .secTexto_imagen .mcb-section-inner .wrap img{ max-width: 200px !important; margin: 0 auto 20px; display: block; }
            .tituloGris .sectionTitle h2{ padding: 20px 0; }
            .secInto-texto { transform: translateY(0px); padding-top: 10px; }
            .section_wrapper .column.idiomas{ width: 50% !important; clear: unset; }
            .caja-up:not(:last-child){ margin-bottom: 20px !important; }
            .oxford .three-fifth { padding-left: 0px; padding-top: 20px; }
            .preparacionNivel h2, .upFormacion h2, .centroAcreditado h2{ font-size: 35px; line-height: 45px; }
            .logo-council img{ max-width: 150px !important; }
            ul.clients .client_wrapper{ margin: 5px 15px; }
            .centro-idiomas .pad-60-top{ padding-top: 0; }
            #formulario-contacto hr{ margin: 20px 0 20px 0 !important; }
            ul.clients:not(.clients_slider_ul) li { width: 100% !important; }
            .banner-contacto{ padding: 90px 0 60px !important; }
            .preparacionNivel .three-fifth{ top: 0; }
            .preparacionNivel.conLogo ul:before { bottom: 50px; }
            .secTexto_imagen .mcb-section-inner .wrap.one-third .image_wrapper:before{ content: none; }
            .single-portfolio .portfolio .info-curso { flex-direction: column; align-items: flex-start; }
        }
        @media(max-width: 480px){
            .home #colaboraciones:before, .dec-circulo-der:after, .circulos:before{ width: 150px; height: 150px; }
            .desbordadaDerecha .three-fifth, .desbordadaIzquierda .three-fifth{ margin: 20px 0 0px; }
            .backSection:before, .page-template-template-portfolio .extra_content:before, .tax-portfolio-types .extra_content:before { transform: skew(0, 2deg) translateY(0px); }
            .tituloGris .sectionTitle h2 { font-size: 25px; line-height: 30px; padding: 20px 10px !important; }
            #colaboraciones{ padding: 20px 0 0 !important; }
            .centroAcreditado { margin: 50px 0 40px; padding: 80px 0; }
            .banner-contacto { margin-top: 30px; }
            .banner-contacto h2:before { width: 50px; height: 50px; top: -15px; left: -20px; }
            .banner-contacto:after { width: 100px; height: 100px; }
            .preparacionNivel { margin: 20px 0 0; }
            .buscadorCursos .content{ width: 100%; margin-bottom: 15px; }
        }

.sharePost {
    padding: 10px 0 0;
    border-top: solid 1px rgb( 0 0 0 / 10% );
}

.sharePost .shareTitle {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}

.sharePost ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 10px;
}

.sharePost ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rojo);
    color: var(--white);
    width: 30px;
    height: 30px;
    font-size: 15px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.sharePost ul li a:hover {
    background: var(--white);
    color: var(--rojo);
}

#cmplz-manage-consent .cmplz-manage-consent {
    height: auto !important;
    right: auto !important;
    left: 40px;
}

/* CAMBIOS 26/12/2025 */
.joinchat__button {
    background-color: var(--rojoOscuro) !important;

    &:hover {
        background-color: var(--rojo) !important;
    }
}

#back_to_top.sticky {
    right: 110px;
    bottom: 35px;
}

.wpcf7 form.sent .wpcf7-response-output {
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 10px 15px;
    color: var(--rojoOscuro);
    border: solid 1px var(--rojoOscuro);
    background: #fee;
}

.atencionPersonalizada {
    .nota {
        margin-top: 25px;
    }

    .content_video {
        line-height: 0;
        position: relative;
    
        &:before {
            content: "";
            display: block;
            position: absolute;
            top: 10px;
            left: -10px;
            width: 100%;
            height: 100%;
            border: solid 1px var(--rojoOscuro);
            opacity: .3;
            border-radius: 8px;
            z-index: -1;
        }
    
        .section_video {
            border-radius: 8px;
            overflow: hidden;
        }
    }

    @media screen and (max-width: 767px) {
        .section_wrapper {
            flex-direction: column;
            gap: 80px;

            .wrap:nth-child(2) {
                padding: 0 !important;
            }

            &:after {
                content: none;
            }
        }
    }
} 

.colaboradoresReferencia .mcb-wrap-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;

    .column_visual {
        padding: 30px;
        background: var(--rojoOscuro);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        .firstTitle { 
            text-align: center;
            font-size: 35px;
            line-height: 1.2;
            text-transform: uppercase;
            color: var(--white); 
        }
    }

    .leftImage .image_frame {
        position: relative;

        img {
            border-radius: 10px 0 0 10px;
        }

        &:before {
            content: "";
            display: block;
            position: absolute;
            top: -10px;
            left: -10px;
            width: 100%;
            height: 100%;
            border: solid 1px var(--rojoOscuro);
            opacity: .3;
            border-radius: 10px;
            z-index: -1;
        }
    }

    .rightImage .image_frame {
        position: relative;

        img {
            border-radius: 0 10px 10px 0;
        }

        &:before {
            content: "";
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
            width: 100%;
            height: 100%;
            border: solid 1px var(--rojoOscuro);
            opacity: .3;
            border-radius: 10px;
            z-index: -1;
        }
    }

    @media screen and (max-width: 959px) {
        flex-direction: column;

        .column {
            width: 100% !important;
        }

        .leftImage .image_frame img {
            border-radius: 10px 10px 0 0;
            max-height: 500px;
            object-fit: cover;
        }

        .rightImage .image_frame img {
            border-radius: 0 0 10px 10px;
            max-height: 500px;
            object-fit: cover;
        }

        .column_visual {
            padding: 100px 30px;
        }
    }
}

.desbordadaIzquierda .section_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}