.banner-section{width:100vw;height:100vh;padding:0}.banner-section .banner-container{display:flex;position:relative;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%}.banner-container video{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:-1}.banner-section .banner-container .banner-content{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;z-index:2}.banner-section .banner-container .banner-content h1{color:#fff;line-height:45px;font-size:90px;text-align:center;font-weight:700}.banner-section .banner-container .banner-content P{font-size:35px;color:#fff;font-weight:500}@media (max-width: 996px){.banner-section{height:60vh;min-height:60vh;background-size:cover}.banner-section .banner-container{height:60vh;min-height:60vh}.banner-container video{height:100%}.banner-section .banner-container .banner-content h1{color:#fff;line-height:45px;font-size:70px;text-align:center;font-weight:700}.banner-section .banner-container .banner-content P{font-size:20px;color:#fff;font-weight:500}.banner-container .banner-video{position:absolute;top:0;left:0;width:100%;height:60vh;overflow:hidden}}.gallery-section{background-image:url(../media/jpg/fondo.jpg);background-image:-webkit-image-set(url(../media/webp/jpg/fondo.webp) type("image/webp"),url(../media/jpg/fondo.jpg) type("image/jpeg"));background-image:image-set(url(../media/webp/jpg/fondo.webp) type("image/webp"),url(../media/jpg/fondo.jpg) type("image/jpeg"));background-repeat:no-repeat;background-size:cover}.gallery-section .gallery-container{display:grid;row-gap:20px;column-gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center}.gallery-section .gallery-container .gallery-item{width:300px;height:300px;cursor:pointer;overflow:hidden;transition:all .4s ease;background-color:var(--red)}.gallery-section .gallery-container .gallery-item:hover img{transform:scale(1);opacity:.8}.gallery-section .gallery-container .gallery-item img{width:100%;object-fit:cover;transition:all .4s ease;transform:scale(1.1);height:100%}.gallery-section .modal{position:fixed;z-index:99;background:#000c;top:0;display:none;flex-direction:column;justify-content:center;align-items:center;left:0;width:100%;height:100%}.gallery-section .modal .image{width:100%;height:50%;display:flex;justify-content:center;align-items:center}.gallery-section .modal .image button{color:#fff;font-size:50px;background:none;text-decoration:none;margin:0 10px;border:none;outline:none}.gallery-section .modal .image button:hover{transform:scale(1.2)}.gallery-section .modal .image a:nth-child(2){margin:0;height:100%;flex-shrink:2}.gallery-section .modal .image img{width:500px;height:100%;max-width:100%;border:5px solid white}.gallery-section .modal .cerrar{background:#fff;display:block;width:40px;height:40px;border-radius:50%;display:flex;border:none;justify-content:center;align-items:center;font-size:20px;font-weight:600;margin-top:30px}.gallery-section .modal .cerrar:hover{transform:scale(1.1)}.portfolio-filter{font-family:Poppins,sans-serif;display:flex;justify-content:center;gap:30px;margin-top:-100px;margin-bottom:40px}.portfolio-filter .filter-btn{background:none;border:none;font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;padding-bottom:4px}.portfolio-filter .filter-btn.active{border-bottom:2px solid #d54b4b}.portfolio-filter{display:flex;justify-content:center;gap:25px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:none;border:none;font-size:14px;letter-spacing:2px;cursor:pointer;padding-bottom:5px}.filter-btn.active{border-bottom:2px solid #c0392b}@media (max-width: 996px){.gallery-section{background-position:center}.gallery-section .gallery-container{grid-template-columns:100%}}.banner-content .cta-button{display:flex;justify-content:center;margin-top:25px}.banner-content .cta-button a{background:linear-gradient(to right,white 50%,var(--red) 50%);background-size:200%;background-position:100%;padding:12px 45px;font-weight:700;transform:skew(-15deg);color:#fff;text-decoration:none;transition:all .3s ease}.banner-content .cta-button a:hover{background-position:0%;color:var(--red)}.gallery-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.gallery-banner h1{color:#fff;font-size:90px;padding:20px;font-weight:700;text-align:center;margin:0}.gallery-banner h2,.gallery-banner .cta-button{display:none}@media (max-width: 996px){.gallery-banner h1{font-size:60px}}.gallery-intro h2{font-size:42px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;color:#000;position:relative;text-align:center}@media (max-width: 996px){.gallery-intro h2{font-size:30px;text-align:center}.gallery-intro h2:after{margin-left:auto;margin-right:auto}}