img[width][height] {
height: auto;
max-width: 100%;
} .dms-site-header .dms-header__logo .logo {
max-width: 200px;
}
@media (max-width: 1440px) {
.dms-site-header .dms-header__logo .logo {
max-width: 145px;
}
} .dms-site-footer .dms-footer-left .dms-footer-logo {
max-width: 200px;
height: auto;
}
@media (max-width: 1440px) {
.dms-site-footer .dms-footer-left .dms-footer-logo {
max-width: 145px;
}
} .dms-site-footer > .dms-container {
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
max-height: none;
}
.dms-site-footer .dms-footer-left {
width: 26%;
padding-right: 2%;
flex: 0 1 26%;
}
.dms-site-footer .dms-footer-right {
width: 48%;
margin-left: 0;
min-width: 0;
flex: 1 1 48%;
}
.dms-site-footer .dms-footer-pyme {
width: 180px;
flex: 0 0 180px;
display: flex;
justify-content: flex-end;
}
.dms-site-footer .dms-footer-bottom {
flex: 1 1 100%;
width: 100%;
}
.dms-site-footer .dms-footer-pyme__link {
display: block;
width: 180px;
max-width: 100%;
background: transparent;
text-align: center;
text-decoration: none;
}
.dms-site-footer .dms-footer-pyme__icon {
display: block;
width: 160px;
height: auto;
margin: 0 auto 8px;
}
.dms-site-footer .dms-footer-pyme__banner {
display: block;
width: 100%;
height: auto;
margin: 10px auto 0;
}
.dms-site-footer .dms-footer-pyme__data,
.dms-site-footer .dms-footer-pyme__data * {
color: #fff;
}
.dms-site-footer .dms-footer-pyme__cif,
.dms-site-footer .dms-footer-pyme__label {
font-weight: 700;
font-size: 16px;
line-height: 1.2;
}
.dms-site-footer .dms-footer-pyme__name {
font-weight: 700;
font-size: 12px;
line-height: 1.2;
margin: 2px 0;
}
.dms-site-footer .dms-footer-pyme__dates {
font-size: 10px;
line-height: 1.2;
margin-top: 4px;
}
@media (max-width: 768px) {
.dms-site-footer > .dms-container {
flex-wrap: wrap;
}
.dms-site-footer .dms-footer-left,
.dms-site-footer .dms-footer-right,
.dms-site-footer .dms-footer-pyme {
width: 100%;
flex: 1 1 100%;
margin-left: 0;
padding-right: 0;
justify-content: flex-start;
}
.dms-site-footer .dms-footer-right {
column-count: 1;
}
.dms-site-footer .dms-footer-pyme {
margin-top: 24px;
}
} @media (max-width: 600px) {
.dms-fullwidth:not(:has(> .swiper-container)) > .dms-fullwidth-slide {
height: auto !important;
min-height: 0;
}
} .wpcf7-response-output:empty {
display: none;
} .blog-posts-single-img-link {
display: block;
width: 100%;
line-height: 0;
} .swiper-container {
overflow: hidden;
}
.swiper-wrapper {
display: flex;
} .extra-logos_slider.swiper-container {
overflow: hidden;
box-sizing: border-box; min-height: 140px;
}
.extra-logos_slider.swiper-container .swiper-wrapper {
display: flex;
align-items: center;
}
.extra-logos_slider.swiper-container .swiper-slide {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.extra-logos_slider.swiper-container .swiper-slide img {
display: block;
max-height: 80px;
width: auto;
height: auto;
} .extra-logos_slider.swiper-container .swiper-slide.empty {
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
visibility: hidden;
}
@media (max-width: 1024px) {
.extra-logos_slider.swiper-container {
min-height: 118px; }
.extra-logos_slider.swiper-container .swiper-slide img {
max-height: 58px;
}
}
@media (max-width: 600px) {
.extra-logos_slider.swiper-container {
min-height: 85px; }
.extra-logos_slider.swiper-container .swiper-slide img {
max-height: 45px;
}
}
@media (max-width: 380px) {
.extra-logos_slider.swiper-container .swiper-slide img {
max-height: 30px;
}
.extra-logos_slider.swiper-container {
min-height: 70px; }
} .animacion {
opacity: 0;
}  .bar-1{
background-color: white;
height: 100%;
position: absolute;
width: 15%;
top: 0px;
}
.bar1-up-animation{
animation: barUp1 3s forwards;
}
.bar-2{
background-color: white;
height: 100%;
position: absolute;
width: 15%;
top: 0px;
left: calc(14%* 1);
}
.bar2-down-animation{
animation: barDown2 3s forwards;
}
.bar-3{
background-color: white;
height: 100%;
position: absolute;
top: 0;
width: 15%;
left: calc(14%* 2);
}
.bar3-up-animation{
animation: barUp3 3s forwards;
}
.bar-4{
background-color: white;
height: 100%;
position: absolute;
left: calc(14%* 3);
width: 15%;
top: 0;
}
.bar4-down-animation{
animation: barDown4 3s forwards;
}
.bar-5{
background-color: white;
height: 100%;
position: absolute;
width: 15%;
top: 0px;
right: calc(14%* 2);
}
.bar5-up-animation{
animation: barUp5 3s forwards;
}
.bar-6{
background-color: white;
height: 100%;
position: absolute;
width: 15%;
top: 0px;
right: calc(14%* 1);
}
.bar6-down-animation{
animation: barDown6 3s forwards;
}
.bar-7{
background-color: white;
height: 100%;
position: absolute;
width: 15%;
top: 0px;
right: 0px;
}
.bar7-up-animation{
animation: barUp1 3s forwards;
}
@keyframes barUp1 {
from {
height: 100%;
}
to {
height: 0%;
}
}
@keyframes barDown2 {
from {
transform: translateY(0%);
}
to {
transform: translateY(100%);
}
}
@keyframes barUp3 {
from {
height: 100%;
}
to {
height: 0%;
}
}
@keyframes barDown4 {
from {
transform: translateY(0%);
}
to {
transform: translateY(100%);
}
}
@keyframes barUp5 {
from {
height: 100%;
}
to {
height: 0%;
}
}
@keyframes barDown6 {
from {
transform: translateY(0%);
}
to {
transform: translateY(100%);
}
}
@keyframes barUp7 {
from {
height: 100%;
}
to {
height: 0%;
}
}  .slideUpText1 {
top: 40px;
left: 10px;
animation: slideUpText ease 0.5s forwards 1s;
position: relative;
opacity:0;
}
.slideUpText2 {
top: 40px;
left: 10px;
animation: slideUpText ease 0.5s forwards 1.2s;
position: relative;
opacity:0;
}
.slideUpText3 {
top: 40px;
left: 10px;
animation: slideUpText ease 0.5s forwards 1.4s;
position: relative;
opacity:0;
}
.slideUpText4 {
top: 40px;
left: 10px;
animation: slideUpText ease 0.5s forwards 1.6s;
position: relative;
opacity:0;
}
.slideUpText5 {
top: 40px;
left: 10px;
animation: slideUpText ease 0.5s forwards 1.8s;
position: relative;
opacity:0;
}
@keyframes slideUpText {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(-40px);
opacity: 1;
}
}
.slideSideArrows1 {
right: 40px;
animation: slideSideArrows ease 0.5s forwards 1s;
position: relative;
opacity:0;
}
.slideSideArrows2 {
right: 40px;
animation: slideSideArrows ease 0.5s forwards 1.2s;
position: relative;
opacity:0;
}
.slideSideArrows3 {
right: 40px;
animation: slideSideArrows ease 0.5s forwards 1.4s;
position: relative;
opacity:0;
}
.slideSideArrows4 {
right: 40px;
animation: slideSideArrows ease 0.5s forwards 1.6s;
position: relative;
opacity:0;
}
.slideSideArrows5 {
right: 40px;
animation: slideSideArrows ease 0.5s forwards 1.8s;
position: relative;
opacity:0;
}
.slideSideArrows6 {
right: 40px;
animation: slideSideArrows ease 0.5s forwards 2s;
position: relative;
opacity:0;
}
@keyframes slideSideArrows {
0% {
transform: translateX(0);
opacity: 0;
}
100% {
transform: translateX(40px);
opacity: 1;
}
}  .imagen_informacion:hover{
opacity: 1;
animation: transition-blur 1.2s forwards, transition-get-closer 1.2s forwards;
background-image: linear-gradient(0deg, rgba(33, 28, 191, 0.9) 0%, rgba(33, 28, 191, 0.9) 100%);
}
@keyframes transition-get-closer{
from{transform: scale(1);}
to{transform: scale(1.3);}
}
@keyframes transition-blur {
from {filter: blur(0px);}
to {filter: blur(8px);}
}  .replace {
// Underlying values
transform: translateY(1);
opacity: 1;
@media (prefers-reduced-motion: no-preference) {
animation: fade-in 1.5s ease-out;
animation-composition: replace;
}
}
@keyframes fade-in {
0% {
// Effect values
transform: translateY(50px);
opacity: 0;
}
}  .slide-right, .slide-left {
width: 100%; 
}
.slide-right {
position: relative;
animation: 3s slide-right;
}
@keyframes slide-right {
0% {
transform: translateX(-80px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
} .slide-left {
position: relative;
animation: 3s slide-left;
}
@keyframes slide-left {
0% {
transform: translateX(80px);
opacity: 0;
}
100% {
transform: translateX(0); 
opacity: 1;
}
}  .iconos_titulo_animacion {
color: #211CBF;
// #dbd56e;
background: -webkit-linear-gradient(180deg, #E7E565 15%, #211CBF 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3rem;
font-weight: 600;
white-space: nowrap;
border-right: 4px solid;
animation: type 1.5s steps(90) 1.5s 1 normal both, cursor 1s step-end infinite;
position: relative;
}
@keyframes type {
from {
width: 0;
}
99%{
border-right: 4px solid;
}
to {
width: 100%;
border-right: 0px ;
}
}  .animation-fade-in {
animation: fadeInAnimation ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}  .slide-effect {
position: relative;
overflow: hidden;
}
.slideDown {
top: -40px;
left: 5px;
animation: slideDown 3s forwards;
position: relative;
opacity:0;
}
.slideUp {
top: 40px;
left: 10px;
animation: slideUp 3s forwards;
position: relative;
opacity:0;
}
@keyframes slideDown {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(40px);
opacity: 1;
}
}
@keyframes slideUp {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(-40px);
opacity: 1;
}
}  .boton-amarillo{
background-color: #e7e565;
border-color: #e7e565;
color: #211cbf;
padding: 12px 11px;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-transition: all .3s;
transition: all .3s;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-size: 16px;
line-height: normal;
font-style: normal;
cursor: pointer;
}
.boton-amarillo:hover{
padding: 12px 30px;
}  .animation-bouncing{
animation: bounce 1.3s;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
} .wpml-ls-menu-item .menu-link span{
color: #fff;
}
.nav .menu-depth-0 .menu-item-depth-0>ul{
min-width: 475px !important;
}
.single-cursos .col-bluebox .col-blue-box{
height: auto;
}
@media(max-width: 600px){
.single-cursos .extra-labels{
display: none;
}
} .blog-posts-single {
cursor: pointer;
}
.blog-posts-single-content {
display: flex;
flex-direction: column;
min-height: 0;
padding-bottom: 15px;
}
.blog-posts-single-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin-bottom: 12px;
color: #666E97;
font-size: 15px;
line-height: 1.4;
}
@media (max-width: 425px) {
.blog-posts-single-text {
font-size: 14px;
}
}
.blog-posts-single:hover .blog-posts-single-img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.blog-posts-single-title {
margin: 0 0 20px;
}
.blog-posts-single-title a {
color: inherit;
font-size: inherit;
font-weight: inherit;
text-decoration: none;
}
.blog-posts-single-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.blog-posts-single-title a:hover,
.blog-posts-single-title a:focus {
color: inherit;
text-decoration: none;
}
.blog-posts-single:hover .blog-posts-single-link {
color: #211cbf !important;
text-decoration: underline !important;
}
.blog-posts-single-link {
position: static;
margin-top: auto;
padding-top: 4px;
pointer-events: none;
} .wpcf7-response-output {
border-radius: 0;
border-width: 1px;
border-style: solid;
margin: 1em 0 0;
padding: 0.75em 1em;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #3d6b4f;
background-color: #edf7f0;
border-color: #c8e6d0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
color: #8b4444;
background-color: #fdf0f0;
border-color: #f0d0d0;
} html,
body {
max-width: 100%;
overflow-x: hidden;
}
#dms-page,
.dms-page-wrapper,
.dms-site-content {
max-width: 100%;
overflow-x: clip;
}