.experiencia-page{background-color:#f9f9f9;width:100%;min-height:100vh;display:block;position:relative}.full-width-banner{text-align:center;color:#fff;background:url(/assets/inicio/fondoAyuda.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;height:90vh;min-height:400px;display:flex;position:relative;overflow:hidden}.banner-overlay{text-align:center;z-index:10;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#238686d9,#ff8a00d9);border:1px solid #fff3;border-radius:15px;width:90%;max-width:1100px;padding:60px 40px;box-shadow:0 20px 50px #0000004d}.banner-overlay h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800}.banner-overlay p{border-left:4px solid #ff4d4d;max-width:800px;padding-left:20px;font-size:1.4rem;font-weight:300}.text-center-header{text-align:center;color:#0f172a;margin-bottom:60px}.section-tag{color:var(--dark-ae);text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:block}.gallery-title{text-align:center;text-transform:uppercase;color:var(--dark-ae);margin-bottom:15px;font-size:2.8rem;font-weight:900}.title-underline-center{background:var(--gold-ae);width:80px;height:4px;margin:0 auto;position:relative}.title-underline-center:after{content:"";opacity:.5;background:#fff;width:10px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.proyectos-gallery{flex-direction:column;align-items:center;width:100%;padding:80px 0;display:flex}.gallery-grid{grid-template-columns:repeat(5,1fr);gap:0;width:100vw;margin:0 -50vw;padding:0;display:grid;position:relative;left:50%;right:50%}.experiencia-page .proyecto-card{background:#fff;border:.1px solid #0000000d;border-radius:0;flex-direction:column;transition:all .4s;display:flex;overflow:hidden}.image-box{height:500px;position:relative;overflow:hidden}.image-box img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,1,.3,1)}.experiencia-page .proyecto-card:hover .image-box img{transform:scale(1.1)}.card-overlay{opacity:0;cursor:pointer;background:linear-gradient(#0000 30%,#000000e6);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:30px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.experiencia-page .proyecto-card:hover .card-overlay{opacity:1}.project-number{color:#ff4d4d;margin-bottom:5px;font-size:2.2rem;font-weight:900}.overlay-text-content{color:#fff;text-align:left}.overlay-text-content h3{text-transform:uppercase;margin:5px 0;font-size:1.4rem;font-weight:800}.overlay-text-content .client-tag{color:#ff8a00;text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.overlay-text-content .desc-text{color:#ddd;border-left:2px solid #ff4d4d;margin-top:10px;padding-left:10px;font-size:.85rem;line-height:1.4}.info-box{background:#fff;padding:20px}.swiper-button-disabled,.swiper-pagination-lock{display:none!important}.project-inner-swiper:not(.swiper-initialized) .swiper-slide,.swiper-button-disabled~.swiper-wrapper{cursor:default}.project-inner-swiper{width:100%;height:100%}@media (max-width:1600px){.image-box{height:420px}}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.diagonal-wrapper{flex-direction:column;height:auto;margin-left:0;transform:none}.diagonal-content{transform:none}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.image-box{height:350px}}@media (max-height:500px) and (orientation:landscape){.full-width-banner{height:auto;min-height:100vh;padding:40px 0}.banner-overlay{min-height:100%;padding:20px}.banner-overlay h1{font-size:2rem}.banner-overlay p{font-size:1rem}}@media screen and (max-height:550px) and (orientation:landscape){.hero-container,.nos-hero,.full-width-banner,.hero-section{min-height:140vh;flex-direction:column!important;height:auto!important;padding:120px 20px 60px!important;display:flex!important}.hero-content,.nos-hero-content,.banner-overlay{width:95%!important;max-width:800px!important;margin:0 auto!important;padding:30px 20px!important}h1,.hero-title-static,.title-modern{font-size:1.8rem!important;line-height:1.2!important}p,.hero-subtitle,.banner-overlay p{margin:15px 0!important;font-size:.95rem!important;line-height:1.4!important}.navbar-floating{width:95%!important;height:60px!important;top:10px!important}.whatsapp-button-class{transform:scale(.8);bottom:10px!important;right:10px!important}}