.elementor-501 .elementor-element.elementor-element-48eb483:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-48eb483 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-501 .elementor-element.elementor-element-48eb483 > .elementor-background-overlay{background-image:url("https://omarsanchezwsschool.es/wp-content/uploads/2025/06/freepik__expand__50952.jpeg");background-position:top center;background-repeat:no-repeat;background-size:cover;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-501 .elementor-element.elementor-element-48eb483{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0120px 0px 120px 0px;}.elementor-501 .elementor-element.elementor-element-186605c > .elementor-element-populated{padding:0% 50% 0% 0%;}.elementor-501 .elementor-element.elementor-element-90c2561{text-align:left;}.elementor-501 .elementor-element.elementor-element-90c2561 .elementor-heading-title{font-size:55px;color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-fc5cefb{color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-4b54953{margin-top:80px;margin-bottom:80px;}.elementor-501 .elementor-element.elementor-element-1a70c4b > .elementor-element-populated{padding:0% 10% 0% 10%;}.elementor-501 .elementor-element.elementor-element-20b746d{text-align:center;}.elementor-501 .elementor-element.elementor-element-20b746d .elementor-heading-title{font-size:40px;text-transform:uppercase;}.elementor-501 .elementor-element.elementor-element-870d557{text-align:center;font-size:18px;color:#858585;}.elementor-501 .elementor-element.elementor-element-1b2d60f:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-1b2d60f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://omarsanchezwsschool.es/wp-content/uploads/2025/06/h2-img-9.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-1b2d60f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-501 .elementor-element.elementor-element-1b2d60f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-501 .elementor-element.elementor-element-182fdba > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-501 .elementor-element.elementor-element-182fdba{text-align:center;}.elementor-501 .elementor-element.elementor-element-182fdba .elementor-heading-title{font-size:17px;line-height:22px;color:#409FB3;}.elementor-501 .elementor-element.elementor-element-a7a4a4c{--grid-template-columns:repeat(0, auto);--icon-size:16px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-501 .elementor-element.elementor-element-a7a4a4c .elementor-widget-container{text-align:center;}.elementor-501 .elementor-element.elementor-element-a7a4a4c .elementor-social-icon{background-color:#FAFAFA;}.elementor-501 .elementor-element.elementor-element-a7a4a4c .elementor-social-icon i{color:#000000;}.elementor-501 .elementor-element.elementor-element-a7a4a4c .elementor-social-icon svg{fill:#000000;}.elementor-501 .elementor-element.elementor-element-4c8f236:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-4c8f236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-501 .elementor-element.elementor-element-4c8f236{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-501 .elementor-element.elementor-element-4c8f236 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-501 .elementor-element.elementor-element-1f84d76.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-501 .elementor-element.elementor-element-1f84d76.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-501 .elementor-element.elementor-element-ee8035b .elementor-heading-title{font-size:60px;line-height:65px;}.elementor-501 .elementor-element.elementor-element-264cd43 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-264cd43{font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#333333;}.elementor-501 .elementor-element.elementor-element-5e107a2 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-220579a .elementor-author-box__name{font-family:"Allan", Sans-serif;font-size:35px;}.elementor-501 .elementor-element.elementor-element-220579a .elementor-author-box__bio{color:#409FB3;font-size:14px;}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-186605c{width:100%;}.elementor-501 .elementor-element.elementor-element-186605c > .elementor-element-populated{padding:5% 5% 5% 5%;}.elementor-501 .elementor-element.elementor-element-90c2561{text-align:center;}.elementor-501 .elementor-element.elementor-element-fc5cefb{text-align:center;}.elementor-501 .elementor-element.elementor-element-ee8035b{text-align:center;}.elementor-501 .elementor-element.elementor-element-ee8035b .elementor-heading-title{font-size:35px;line-height:41px;}.elementor-501 .elementor-element.elementor-element-264cd43{text-align:center;font-size:17px;}.elementor-501 .elementor-element.elementor-element-5e107a2{text-align:center;font-size:12px;}}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-186605c{width:100%;}}/* Start custom CSS for mfn_portfolio, class: .elementor-element-3d98ebb */@import url('https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap');

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    opacity: 1;
    background: transparent !important;
    padding: 0;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .entry-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left;
    font-family: "Mr Dafoe", Sans-serif;
    font-size: 35px;
    line-height: 40px;
    transition: all 0.4s ease;
    margin: 0;
    text-align: center;
    max-width: 50%;
    color: #fff;
}
.portfolio_group.masonry-hover .portfolio-item .portfolio-full-link {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: block;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper {
    opacity: 0;
}

/* Estado inicial */
.portfolio-item .desc-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 2;
    text-align: center;
    padding: 20px;
    background: #fff;
}

.portfolio-item .desc-wrapper::before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='810px' height='198px' viewBox='0 0 810 198'%3E%3Cpath fill='%23fff' d='M815,69.3C655.4,69.3,604.7,2.8,398.9,3C193.6,3,142.3,69.3-6,69.3V198h821C815,198,815,97.8,815,69.3z'/%3E%3C/svg%3E") repeat-x;
    position: absolute;
    bottom: -130px;
    width: 2200px;
    height: 198px;
    transform: translate3d(0,0,0);
    z-index: -1;
    opacity: 1;
}

/* Mostrar descripción al hacer hover */
.portfolio-item:hover .desc-wrapper {
    opacity: 1;
    transform: translateY(0%);
}
.portfolio-item:hover .desc-wrapper::before {
    bottom: 30px;
    animation: qodef-wave 7s cubic-bezier(.36,.45,.63,.53) infinite;
}
.portfolio_group.masonry-hover .portfolio-item:hover .masonry-hover-wrapper .hover-desc .entry-title {
    bottom: 85%;
    left: 50%;
    transform: translate(-50%, 70%);
    text-align: center;
}

/* Animación infinita tipo ola */
@keyframes qodef-wave {
  0% {
    margin-left:0
  }
  100% {
    margin-left:-1600px
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-264cd43 */.elementor-501 .elementor-element.elementor-element-264cd43 p {
    margin-bottom: 0;
}
.elementor-501 .elementor-element.elementor-element-264cd43 {
    margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5e107a2 */.elementor-501 .elementor-element.elementor-element-5e107a2 p {
    margin: 0 !important;
}/* End custom CSS */