/* NUEVOS ESTILOS PARA EL REDISEÑO DE LA WEB - ABRIL 2024 - rIL Estudio */


/* CARGA DE FUENTES */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Serif:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');

/* VARIABLES */

:root {
    --c-primario-oscuro: #004a88;
    --c-primario-claro: #3b8bff;
    --c-secundario-oscuro: #f08800;
    --c-secundario-claro: #ffc655;
    --c-textos: #0e0e0ebb;
    --c-negro: #000000;
    --c-gris: #EFEFEF;
    --c-blanco: #FFFFFF;
}


/* ESTILOS DE LOS TÍTULOS Y TEXTOS */

.titulo-principal h1 {
    font-family: "Noto Serif", serif;
    font-size: 5em;
    font-style: normal;
    line-height: 1.1em;
    font-weight: 200;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 75;
}

.titulos-secundarios h2 {
    font-family: "Noto Serif", serif;
    font-size: 4.5em;
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
}

.titulo-especial h2 {
    font-family: "Noto Serif", serif;
    font-size: 4.5em;
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
    color: var(--c-primario-oscuro);
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 75;
}

.titulos-secundarios h3 {
    font-family: "Inter", sans-serif;
    font-size: 1.7em;
    line-height: 1.1em;
    font-style: normal;
    font-weight: 300;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.titulos-secundarios-destacado-fondo h3 {
    font-family: "Inter", sans-serif;
    font-size: 2em;
    line-height: 1.1em;
    font-style: normal;
    font-weight: 200;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    background-color: var(--c-primario-oscuro);
    padding: 10px;
    border-radius: 50px;
}

.tamano-especial-coaching-educativo h3 {
    font-size: 1.5em;
}

.titulo-especial h3 {
    font-family: "Noto Serif", serif;
    font-size: 2.5em;
    line-height: 1.5em;
    font-style: italic;
    font-weight: 300;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 75;
}

.titulos-secundarios h4 {
    font-family: "Inter", sans-serif;
    font-size: 1.3em;
    line-height: 1em;
    font-style: normal;
    font-weight: 400;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.textos-web p {
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.textos-web a {
    color: var(--c-textos);
    border-bottom: solid 1px var(--c-secundario-claro);
    font-weight: 600;
    transition: all 0.5s ease-out;
}

.textos-web a:hover {
    border-bottom: solid 1px var(--c-secundario-oscuro);
}

.textos-blancos h2,
.textos-blancos h3,
.textos-blancos h4,
.textos-blancos p {
    color: var(--c-blanco)!important;
}

.textos-negros h1,
.textos-negros h2,
.textos-negros h3,
.textos-negros h4,
.textos-negros p {
    color: var(--c-negro)!important;
}

.textos-naranjas h1,
.textos-naranjas h2,
.textos-naranjas h3,
.textos-naranjas h4,
.textos-naranjas p {
    color: var(--c-secundario-claro)!important;
}

.textos-azules h1,
.textos-azules h2,
.textos-azules h3,
.textos-azules h4,
.textos-azules p {
    color: var(--c-primario-oscuro)!important;
}

.texto-naranja {
    color: var(--c-secundario-claro)!important;
}

.textos-cursiva h2,
.textos-cursiva h3,
.textos-cursiva h4,
.textos-cursiva p {
    font-style: italic!important;
}

strong,
b {
    font-weight: 700;
}


/* ESTILOS COMÚNES A TODA LA WEB */

.container-linea:before {
    content: "";
    border: 1px solid var(--c-secundario-claro);
    border-radius: 0px;
    position: absolute;
    top: -20px;
    left: 20px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.container-linea-azul:before {
    content: "";
    border: 1px solid var(--c-primario-oscuro);
    border-radius: 0px;
    position: absolute;
    top: -20px;
    left: 20px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.container-linea-azul-v2:before {
    content: "";
    border: 1px solid var(--c-primario-oscuro);
    border-radius: 0px;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100%;
    height: 100%;
    z-index: 0;
}


/* ESTILOS DE LOS BOTONES */

.boton-principal .elementor-button-link.elementor-button {
    color: var(--c-textos)!important;
    background-color: #f7f7f7!important;
    font-family: "Inter", sans-serif!important;
    padding: 20px 40px !important;
    border-radius: 0px!important;
    font-size: 1.2em!important;
    line-height: 1em!important;
    font-style: normal;
    font-weight: 500!important;
    position: relative!important;
    text-transform: uppercase;
    border: solid 1px var(--c-secundario-claro)!important;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.boton-principal .elementor-button-link.elementor-button:before {
    content: "";
    background: #f7f7f7;
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    bottom: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal .elementor-button-link.elementor-button:after {
    content: "";
    background: #f7f7f7;
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    top: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal .elementor-button-link.elementor-button:hover:before,
.boton-principal .elementor-button-link.elementor-button:hover:after {
    width: 0;
    height: 1px;
    transition: height 0.3s, width 0.5s 0.3s!important;
}

.boton-principal .elementor-button-content-wrapper {
    align-items: center!important;
}

.boton-principal .elementor-button-icon svg {
    visibility: hidden;
}

.boton-principal .elementor-button-icon:before {
    content: "\2190";
    position: absolute;
    transform: scale(2);
    color: var(--c-secundario-claro);
    width: 25px;
    margin-top: -2px;
    margin-left: 0px;
    opacity: 1;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal .elementor-button-icon:after {
    content: "\2192";
    position: absolute;
    transform: scale(2);
    color: var(--c-secundario-claro);
    width: 25px;
    margin-top: -2px;
    margin-left: -42px;
    transition: all 0.4s ease-out;
    opacity: 0;
}

.boton-principal .elementor-button-link.elementor-button:hover .elementor-button-icon:before {
    opacity: 0;
    margin-left: -32px;
    transition: all 0.4s ease-out;
}

.boton-principal .elementor-button-link.elementor-button:hover .elementor-button-icon:after {
    opacity: 1;
    margin-left: -16px;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal-azul .elementor-button-link.elementor-button {
    color: var(--c-primario-oscuro)!important;
    background-color: var(--c-blanco)!important;
    font-family: "Inter", sans-serif!important;
    padding: 20px 40px !important;
    border-radius: 0px!important;
    font-size: 1.2em!important;
    line-height: 1em!important;
    font-style: normal;
    font-weight: 500!important;
    position: relative!important;
    text-transform: uppercase;
    border: solid 1px var(--c-primario-oscuro)!important;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.boton-principal-azul .elementor-button-link.elementor-button:before {
    content: "";
    background: var(--c-blanco);
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    bottom: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal-azul .elementor-button-link.elementor-button:after {
    content: "";
    background: var(--c-blanco);
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    top: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal-azul .elementor-button-link.elementor-button:hover {
    color: var(--c-primario-oscuro)!important;
}

.boton-principal-azul .elementor-button-link.elementor-button:hover:before,
.boton-principal-azul .elementor-button-link.elementor-button:hover:after {
    width: 0;
    height: 1px;
    transition: height 0.3s, width 0.5s 0.3s!important;
}

.boton-principal-azul .elementor-button-content-wrapper {
    align-items: center!important;
}

.boton-principal-azul .elementor-button-icon svg {
    visibility: hidden;
}

.boton-principal-azul .elementor-button-icon:before {
    content: "\2190";
    position: absolute;
    transform: scale(2);
    color: var(--c-primario-oscuro);
    width: 25px;
    margin-top: -2px;
    margin-left: 0px;
    opacity: 1;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal-azul .elementor-button-icon:after {
    content: "\2192";
    position: absolute;
    transform: scale(2);
    color: var(--c-primario-oscuro);
    width: 25px;
    margin-top: -2px;
    margin-left: -42px;
    transition: all 0.4s ease-out;
    opacity: 0;
}

.boton-principal-azul .elementor-button-link.elementor-button:hover .elementor-button-icon:before {
    opacity: 0;
    margin-left: -32px;
    transition: all 0.4s ease-out;
}

.boton-principal-azul .elementor-button-link.elementor-button:hover .elementor-button-icon:after {
    opacity: 1;
    margin-left: -16px;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal-blanco .elementor-button-link.elementor-button {
    color: var(--c-textos)!important;
    background-color: var(--c-blanco)!important;
    font-family: "Inter", sans-serif!important;
    padding: 20px 40px !important;
    border-radius: 0px!important;
    font-size: 1.2em!important;
    line-height: 1em!important;
    font-style: normal;
    font-weight: 500!important;
    position: relative!important;
    text-transform: uppercase;
    border: solid 1px var(--c-secundario-claro)!important;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.boton-principal-blanco .elementor-button-link.elementor-button:before {
    content: "";
    background: var(--c-blanco);
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    bottom: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal-blanco .elementor-button-link.elementor-button:after {
    content: "";
    background: var(--c-blanco);
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    top: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal-blanco .elementor-button-link.elementor-button:hover:before,
.boton-principal-blanco .elementor-button-link.elementor-button:hover:after {
    width: 0;
    height: 1px;
    transition: height 0.3s, width 0.5s 0.3s!important;
}

.boton-principal-blanco .elementor-button-content-wrapper {
    align-items: center!important;
}

.boton-principal-blanco .elementor-button-icon svg {
    visibility: hidden;
}

.boton-principal-blanco .elementor-button-icon:before {
    content: "\2190";
    position: absolute;
    transform: scale(2);
    color: var(--c-secundario-claro);
    width: 25px;
    margin-top: -2px;
    margin-left: 0px;
    opacity: 1;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal-blanco .elementor-button-icon:after {
    content: "\2192";
    position: absolute;
    transform: scale(2);
    color: var(--c-secundario-claro);
    width: 25px;
    margin-top: -2px;
    margin-left: -42px;
    transition: all 0.4s ease-out;
    opacity: 0;
}

.boton-principal-blanco .elementor-button-link.elementor-button:hover .elementor-button-icon:before {
    opacity: 0;
    margin-left: -32px;
    transition: all 0.4s ease-out;
}

.boton-principal-blanco .elementor-button-link.elementor-button:hover .elementor-button-icon:after {
    opacity: 1;
    margin-left: -16px;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal-fondo .elementor-button-link.elementor-button {
    color: var(--c-blanco)!important;
    background-color: var(--c-primario-oscuro)!important;
    font-family: "Inter", sans-serif!important;
    padding: 20px 40px !important;
    border-radius: 0px!important;
    font-size: 1.2em!important;
    line-height: 1em!important;
    font-style: normal;
    font-weight: 500!important;
    position: relative!important;
    text-transform: uppercase;
    border: solid 1px var(--c-secundario-oscuro)!important;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.boton-principal-fondo .elementor-button-link.elementor-button:before {
    content: "";
    background: var(--c-primario-oscuro);
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    bottom: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal-fondo .elementor-button-link.elementor-button:after {
    content: "";
    background: var(--c-primario-oscuro);
    position: absolute;
    margin: auto;
    width: 101%;
    height: 12px;
    left: -1px;
    right: 0;
    top: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.boton-principal-fondo .elementor-button-link.elementor-button:hover:before,
.boton-principal-fondo .elementor-button-link.elementor-button:hover:after {
    width: 0;
    height: 1px;
    transition: height 0.3s, width 0.5s 0.3s!important;
}

.boton-principal-fondo .elementor-button-content-wrapper {
    align-items: center!important;
}

.boton-principal-fondo .elementor-button-icon svg {
    visibility: hidden;
}

.boton-principal-fondo .elementor-button-icon:before {
    content: "\2190";
    position: absolute;
    transform: scale(2);
    color: var(--c-blanco);
    width: 25px;
    margin-top: -2px;
    margin-left: 0px;
    opacity: 1;
    transition: all 0.4s 0.4s ease-out;
}

.boton-principal-fondo .elementor-button-icon:after {
    content: "\2192";
    position: absolute;
    transform: scale(2);
    color: var(--c-blanco);
    width: 25px;
    margin-top: -2px;
    margin-left: -42px;
    transition: all 0.4s ease-out;
    opacity: 0;
}

.boton-principal-fondo .elementor-button-link.elementor-button:hover .elementor-button-icon:before {
    opacity: 0;
    margin-left: -32px;
    transition: all 0.4s ease-out;
}

.boton-principal-fondo .elementor-button-link.elementor-button:hover .elementor-button-icon:after {
    opacity: 1;
    margin-left: -16px;
    transition: all 0.4s 0.4s ease-out;
}


/* ESTILOS DEL HEADER */

.info-contacto-header a {
    font-family: "Inter", sans-serif!important;
    font-size: 1.1em !important;
    font-weight: 400;
    line-height: 1.4em;
    font-style: normal;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.redes-header .elementor-icon {
    transition: all 0.5s ease-out;
}

.redes-header .elementor-icon:hover {
    transform: translateY(-5px);
}

.menu-header .elementor-nav-menu--main .elementor-nav-menu .menu-item a {
    font-family: "Inter", sans-serif!important;
    font-size: 1.3em!important;
    font-style: normal;
    font-weight: 300!important;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.menu-header .elementor-nav-menu--main .elementor-nav-menu .menu-item a:hover {
    text-decoration: none;
}

.menu-header .elementor-nav-menu {
    padding-bottom: 0px!important;
}

.menu-header .sub-arrow svg path {
    fill: var(--c-blanco)!important;
}

.menu-header .elementor-sub-item {
    color: var(--c-textos);
    width: 100%!important;
}

.menu-header .elementor-sub-item:hover {
    color: var(--c-blanco)!important;
}

.menu-header .elementor-nav-menu li {
    margin-right: 10px!important;
}

.menu-header .elementor-nav-menu .sub-menu li {
    margin-right: 0px!important;
}

.boton-sesion-online {
    height: 100%!important;
    transition: all 0.5s ease-out;
}

.boton-sesion-online .elementor-button-wrapper {
    height: 100%!important
}

.boton-sesion-online .elementor-button-wrapper .elementor-button {
    height: 100%!important;
    display: flex!important;
    justify-content: center!important;
    font-family: "Inter", sans-serif!important;
    font-size: 1.1em!important;
    line-height: 1em!important;
    font-style: normal;
    font-weight: 300!important;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.boton-sesion-online .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper {
    align-items: center!important;
    transition: all 0.5s ease-out;
}

.boton-sesion-online:hover .elementor-button-content-wrapper {
    gap: 20px!important;
    transition: all 0.5s ease-out;
}

.boton-sesion-online .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg {
    width: 1.4em!important;
    height: 1.4em!important;
}


/* ESTILOS DEL FOOTER */

.footer-copy {
    font-family: "Inter", sans-serif!important;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    font-size: 12px;
}

.footer-copy a {
    text-decoration: none;
    color: var(--c-blanco)!important;
}

.footer-copy a:hover {
    text-decoration: underline;
}

.info-contacto-footer a {
    font-family: "Inter", sans-serif!important;
    font-size: 1.1em !important;
    font-weight: 400;
    line-height: 1.4em;
    font-style: normal;
    color: var(--c-blanco);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    transition: all 0.5s ease-out;
}

.info-contacto-footer a:hover {
    transform: translateX(7px);
}


/* ESTILOS DE LA HOME */

.page-id-9 .logo-header {
    display: none;
}

.elementor-card-shadow-yes .elementor-post__card {
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .15)!important;
    border-bottom: solid 1px var(--c-secundario-claro);
}

.elementor-posts .elementor-post__text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.elementor-posts .elementor-post__card .elementor-post__title {
    font-family: "Inter", sans-serif!important;
    font-size: 1.7em!important;
    line-height: 1.1em!important;
    font-style: normal!important;
    font-weight: 300!important;
    color: var(--c-negro)!important;
    font-optical-sizing: auto!important;
    font-variation-settings: "slnt" 0!important;
}

.elementor-posts .elementor-post__read-more {
    color: var(--c-textos)!important;
    background-color: #f7f7f7!important;
    font-family: "Inter", sans-serif!important;
    padding: 15px 20px !important;
    border-radius: 0px!important;
    font-size: 1em!important;
    line-height: 1em!important;
    font-style: normal;
    font-weight: 500!important;
    position: relative!important;
    text-transform: uppercase;
    border: solid 1px var(--c-secundario-claro)!important;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.elementor-posts .elementor-post__read-more:before {
    content: "";
    background: #f7f7f7;
    position: absolute;
    margin: auto;
    width: 102%;
    height: 6px;
    left: -1px;
    right: 0;
    bottom: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.elementor-posts .elementor-post__read-more:after {
    content: "";
    background: #f7f7f7;
    position: absolute;
    margin: auto;
    width: 102%;
    height: 6px;
    left: -1px;
    right: 0;
    top: -1px;
    transition: width 0.5s, height 0.3s 0.5s!important;
}

.elementor-posts .elementor-post__read-more:hover:before,
.elementor-posts .elementor-post__read-more:hover:after {
    width: 0;
    height: 1px;
    transition: height 0.3s, width 0.5s 0.3s!important;
}


/* ESTILOS DEL FORMULARIO */

.bloq-campos .label-form {
    display: none;
}

.bloq-campos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}

.bloq-campos .b-campos-col {
    flex: 0 0 48%;
    flex-direction: column;
}

.campo-contacto input,
.campo-contacto-textarea textarea {
    color: var(--texto);
    background-color: #fcfcfc;
    margin-bottom: 15px;
    border-left: none!important;
    border-right: none!important;
    border-top: none!important;
    border-bottom: solid 2px var(--c-primario-oscuro);
    width: 100%;
    transition: all 0.5s ease-out;
    padding: 10px 15px;
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.campo-contacto input:focus,
.campo-contacto-textarea textarea:focus {
    border: solid 1px transparent;
    border-bottom: solid 2px var(--c-secundario-oscuro);
}

.campo-contacto-textarea textarea {
    max-height: 171px;
}

.accept-form {
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.accept-form a {
    color: var(--c-textos);
    border-bottom: solid 1px #004b8859;
    transition: all 0.5s ease-out;
}

.accept-form a:hover {
    border-bottom: solid 1px var(--c-secundario-claro);
}

.let-peq {
    font-family: "Inter", sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.7em;
    font-style: normal;
    color: #9a9a9a;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.let-peq a {
    color: #9a9a9a;
    border-bottom: solid 1px #004b8859;
    transition: all 0.5s ease-out;
}

.let-peq a:hover {
    border-bottom: solid 1px var(--c-secundario-claro);
}

.btn-enviar {
    margin-top: 25px;
    margin-bottom: 10px;
}

.btn-enviar input[type="submit"] {
    color: var(--c-primario-oscuro)!important;
    background-color: transparent!important;
    border: solid 1px var(--c-primario-oscuro)!important;
    transition: all 0.3s ease-out!important;
    padding: 15px 20px!important;
    font-family: "Inter", sans-serif !important;
    font-size: 1.2em !important;
    line-height: 1em !important;
    font-style: normal;
    font-weight: 500 !important;
}

.btn-enviar input[type="submit"]:hover {
    color: var(--c-blanco)!important;
    background-color: var(--c-primario-oscuro)!important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--c-primario-oscuroprincipal);
    color: var(--c-blanco);
    background-color: var(--c-primario-oscuro);
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}


/* Acordeon de la información legal de los formularios */

.acordeon-formulario .e-n-accordion-item-title-text {
    font-family: "Inter", sans-serif!important;
    font-size: 1.1em!important;
    font-weight: 400!important;
    line-height: 1.5em!important;
    font-style: normal!important;
    color: var(--c-textos)!important;
    font-optical-sizing: auto!important;
    font-variation-settings: "slnt" 0!important;
}

.acordeon-formulario .e-n-accordion-item .e-n-accordion-item-title-icon span>svg {
    fill: var(--c-primario-oscuro)!important;
}


/* ESTILOS DE LA LANDING PAGE DE SESIONES DE COACHING */


/*-----Ocultar header en la landing-----*/

.page-id-2068 header.et-l--header {
    display: none!important;
}


/* ESTILOS DE LA PÁGINA DE FORMACIÓN EN COMUNICACIÓN */

ul.lista-especial {
    list-style: none!important;
    margin-left: 30px;
}

ul.lista-especial li {
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    margin-bottom: 10px;
    list-style-type: none!important;
}

ul.lista-especial li:last-child {
    margin-bottom: 0px;
}

ul.lista-especial li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--c-secundario-claro);
    border-radius: 50%;
    margin-top: 8px;
    margin-left: -20px;
    position: absolute;
}


/* ESTILOS DE LA PÁGINA DEL BLOG */

.page-id-284 .logo-header {
    display: none;
}

.bloque-articulos-blog .elementor-post {
    transition: all .5s ease-out;
}

.bloque-articulos-blog .elementor-post:hover {
    transition: all .5s ease-out;
    transform: translateY(-10px);
}

.bloque-articulos-blog span.page-numbers {
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.bloque-articulos-blog a.page-numbers {
    color: var(--c-textos);
    border-bottom: solid 1px var(--c-secundario-claro);
    font-weight: 600;
    transition: all .5s ease-out;
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    font-style: normal;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.bloque-articulos-blog a.page-numbers:hover {
    border-bottom: solid 1px var(--c-secundario-oscuro);
}

.bloque-articulos-blog .page-numbers.current {
    padding: 5px 15px;
    color: var(--c-textos);
    background-color: #f7f7f7;
    border-radius: 0;
    border: solid 1px var(--c-secundario-claro) !important;
}


/* ESTILOS DE LAS ENTRADAS DEL BLOG */


/*** Remove the divider line between content and sidebar ***/

.single-post #main-content .container:before {
    background: none;
}


/*** Hide Sidebar ***/

.single-post #sidebar {
    display: none;
}


/*** Expand the content area to fullwidth ***/

@media (min-width: 981px) {
    .single-post #left-area {
        width: 100%;
        padding: 0px 0px 0px !important;
        float: none !important;
    }
}

.single-post .bloque-principal-header {
    margin-bottom: 0px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.single-post .menu-header .elementor-nav-menu--main .elementor-nav-menu .menu-item a {
    color: var(--c-textos);
}

.single-post .menu-header .elementor-nav-menu--main .elementor-nav-menu .menu-item .elementor-nav-menu--dropdown {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.single-post .menu-header .sub-arrow svg path {
    fill: var(--c-textos) !important;
}

.single-post h1.entry-title {
    font-family: "Noto Serif", serif;
    font-size: 4.5em;
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
}

.single-post p.post-meta {
    font-family: "Inter", sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.single-post p.post-meta a {
    font-family: "Inter", sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.single-post .entry-content h2 {
    font-family: "Inter", sans-serif;
    font-size: 1.7em;
    line-height: 1.1em;
    font-style: normal;
    font-weight: 300;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    margin-top: 30px;
    margin-bottom: 10px;
}

.single-post .entry-content h3 {
    font-family: "Inter", sans-serif;
    font-size: 1.3em;
    line-height: 1.1em;
    font-style: normal;
    font-weight: 300;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.single-post .entry-content p {
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
}

.single-post .entry-content ul {
    list-style: none!important;
    margin-left: 30px;
}

.single-post .entry-content ul li {
    font-family: "Inter", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    font-style: normal;
    color: var(--c-textos);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    margin-bottom: 10px;
    list-style-type: none!important;
}

.single-post .entry-content ul li:last-child {
    margin-bottom: 0px;
}

.single-post .entry-content ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--c-secundario-claro);
    border-radius: 50%;
    margin-top: 8px;
    margin-left: -20px;
    position: absolute;
}

.single-post .entry-content a {
    color: var(--c-textos);
    border-bottom: solid 1px var(--c-secundario-claro);
    font-weight: 600;
    transition: all .5s ease-out;
}

.single-post .entry-content a:hover {
    border-bottom: solid 1px var(--c-secundario-oscuro);
}


/* ESTILOS DEL BLOQUE DE COMPARTIR EN REDES SOCIALES EN LOS ARTÍCULOS DEL BLOG */

.bloque-redes {
    margin-bottom: 0px;
    margin-top: 35px;
    padding-left: 0px;
    padding-right: 0px;
}

.bloque-redes-inicial {
    margin-top: 10px;
    margin-bottom: 15px;
}

.titulo-compartir-redes {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 1.7em;
    line-height: 1.1em;
    font-style: normal;
    font-weight: 300;
    color: var(--c-negro);
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    margin-bottom: 20px;
}

.ico-compartir-redes {
    max-width: 40px;
    max-height: 40px;
    margin-right: 12px;
    transition: all 0.5s ease-out;
}

.ico-compartir-redes:hover {
    transform: scale(1.1);
}

.ico-compartir-redes-inicial {
    max-width: 35px;
    max-height: 35px;
    margin-right: 5px;
    transition: all 0.5s ease-out;
}

.ico-compartir-redes-inicial:hover {
    transform: scale(1.1);
}

.bloque-redes a:hover,
.bloque-redes-inicial a:hover {
    text-decoration: none !important;
}


/* ESTILOS DE LA LANDING PAGE DE SESIONES DE COACHING ONLINE */


/*-----Ocultar header en la landing-----*/

.page-id-3877 header.et-l--header {
    display: none!important;
}


/* CARRUSEL DE LOGOS */

.slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.slider-track {
    display: flex;
    width: calc(200px * 24);
    /* 12 logos * 2 para el loop */
    animation: scroll 22s linear infinite;
}

.slide {
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    padding: 10px;
    box-sizing: border-box;
}

.slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.slide img {
    width: 100%;
    /* Modificar si las imagenes tienen que ser mas peques */
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.slide img:not(:hover) {
    filter: grayscale(100%);
    /*Para el hover en color, por defecto gray scale*/
}

.slide:hover img {
    transform: scale(1.025);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-200px * 12));
    }
}

.slider-track:hover {
    animation-play-state: paused;
}

@media screen and (max-width: 768px) {
    .slide {
        width: 150px;
        height: 150px;
    }
    .slider-track {
        width: calc(150px * 24);
    }
    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-150px * 12));
        }
    }
}

@media screen and (max-width: 480px) {
    .slide {
        width: 100px;
        height: 100px;
    }
    .slider-track {
        width: calc(100px * 24);
    }
    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-100px * 12));
        }
    }
}


/*CAMBIAR COLOR DE LAS FLECHAS DEL PLUGIN DE RESEÑAS DE GOOGLE */

.ti-widget.ti-goog .ti-controls .ti-next:before,
.ti-widget.ti-goog .ti-controls .ti-prev:before {
    border-color: var(--c-secundario-claro)!important;
}

.ti-widget.ti-goog .ti-controls .ti-next:after,
.ti-widget.ti-goog .ti-controls .ti-prev:after {
    border-color: var(--c-secundario-claro)!important;
}

.ti-widget.ti-goog .ti-review-content {
    color: var(--c-textos)!important;
}


/* RESPONSIVE DE LA WEB */

@media screen and (max-width: 1750px) {
    .header-bloque-boton {
        width: 15%!important
    }
    .header-bloque-redes {
        width: 35%!important
    }
}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1400px) {
    .header-bloque-boton {
        width: 17%!important
    }
    .header-bloque-redes {
        width: 33%!important
    }
}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1080px) {
    .titulo-principal h1 {
        font-size: 2.5em;
    }
    .titulos-secundarios h2 {
        font-size: 2em;
        line-height: 1.2em;
    }
    .titulo-especial h2 {
        font-size: 2em;
        line-height: 1.1em;
    }
    .titulos-secundarios h3 {
        font-size: 1.2em;
        line-height: 1.1em;
    }
    .titulo-especial h3 {
        font-size: 1.2em;
        line-height: 1.1em;
    }
    .titulos-secundarios-destacado-fondo h3 {
        font-size: 1.5em;
    }
    .tamano-especial-coaching-educativo h3 {
        font-size: 1.2em;
    }
    .titulos-secundarios h4 {
        font-size: 1.1em;
        line-height: 1em;
    }
    .textos-web p {
        font-size: 1.1em;
        line-height: 1.4em;
    }
    .boton-principal .elementor-button-link.elementor-button {
        font-size: 1em!important;
    }
    .page-id-2068 .boton-principal-fondo .elementor-button-icon:before {
        transform: scale(3);
        margin-top: -7px;
    }
    .page-id-2068 .boton-principal-fondo .elementor-button-icon:after {
        margin-top: 0px;
    }
    .boton-principal-azul .elementor-button-link.elementor-button {
        font-size: 1em!important;
    }
    .boton-principal-blanco .elementor-button-link.elementor-button {
        font-size: 1em!important;
    }
    .boton-principal-fondo .elementor-button-link.elementor-button {
        font-size: 1em!important;
    }
    .menu-header .sub-arrow svg path {
        fill: var(--c-negro) !important;
    }
    .menu-header .elementor-nav-menu li {
        margin-right: 0px !important;
    }
    .menu-header .elementor-nav-menu li a {
        font-size: 15px !important;
    }
    .menu-header .elementor-nav-menu {
        padding-left: 0px!important;
    }
    .menu-header .sub-menu {
        width: 100%!important;
    }
    .container-linea:before {
        top: -10px;
        left: 10px;
    }
    .container-linea-azul:before {
        top: -10px;
        left: 10px;
    }
    .container-linea-azul-v2:before {
        top: -10px;
        left: -10px;
    }
    .elementor-card-shadow-yes .elementor-post__card {
        padding-top: 0px!important;
    }
    .elementor-9 .elementor-element.elementor-element-49add237 {
        z-index: 1;
    }
    .bloq-campos .b-campos-col {
        flex: 0 0 100%;
    }
    .btn-enviar {
        margin-top: 20px;
    }
    .btn-enviar input[type="submit"] {
        width: 80%;
        white-space: normal;
        line-height: 1.2em !important;
    }
    .accept-form {
        margin-top: 20px;
    }
    .let-peq {
        font-size: 0.7em;
        margin-top: -10px;
    }
    .acordeon-formulario {
        margin-top: -30px;
    }
    .single-post .bloque-principal-header .menu-header div.elementor-menu-toggle svg {
        fill: var(--c-primario-oscuro)!important;
    }
    .titulo-compartir-redes {
        font-size: 25px;
    }
    .ico-compartir-redes {
        max-width: 40px;
        max-height: 40px;
    }
    .single-post h1.entry-title {
        font-size: 2.5em;
    }
    .bloque-articulos-blog .page-numbers.next {
        line-height: 4;
    }
    .boton-sesion-online .elementor-button-wrapper .elementor-button {
        font-size: 1em!important;
    }
    .boton-sesion-online .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg {
        width: 1.2em!important;
        height: 1.2em!important;
    }
    .header-bloque-boton {
        width: 50%!important
    }
    .header-bloque-redes {
        width: 50%!important
    }
}