@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";.header{position:fixed;top:0;left:0;width:100%;padding:2rem 4rem;z-index:1000;background:transparent;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;font-family:Montserrat,sans-serif}.header.scrolled{background:#000c;padding:1rem 2rem}.logo-image{height:100px;width:auto;max-width:100%;object-fit:contain;transition:all .3s ease}.header.scrolled .logo-image{height:50px}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:600;font-family:Montserrat,sans-serif;padding:.5rem 1rem;border-radius:4px;transition:color .3s ease,border-bottom .3s ease;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#fff;transition:width .3s ease}.nav a:hover:after{width:100%}.menu-toggle{font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer;display:none;font-family:Montserrat,sans-serif}@media (max-width: 768px){.menu-toggle{display:block}.nav{position:absolute;top:70px;left:0;width:100%;background:#000000e6;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.nav.open{max-height:300px;visibility:visible;opacity:1}}.section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;scroll-snap-align:start;font-family:Riffic Free Bold,sans-serif;height:100vh}.video-section{position:relative;height:100vh;overflow:hidden;z-index:0;background-color:#000000e6}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.servicios-texto p,.conocenos-texto p,.kit-digital-texto p,.streaming-texto p,.video-info p{text-align:left}.conocenos-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#e9f4fe;padding:20px}.conocenos-content{display:flex;align-items:center;width:100%;max-width:1200px;position:relative}.conocenos-texto{background-color:#193764e6;color:#fff;border-radius:20px;padding:50px;position:relative;z-index:2;margin-right:-60px;max-width:900px;transform:translateY(10%)}.conocenos-imagen{max-width:80%;height:auto;margin-left:10px;transform:scale(1.1);border-radius:20px}.button-container{display:flex;justify-content:center;margin-top:60px;width:100%}.conocenos-button,.servicios-button,.kit-digital-button,.streaming-button,.proyectos-button{padding:15px 30px}.servicios-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#e9f4fe;padding:20px}.servicios-content{display:flex;align-items:center;width:100%;max-width:1200px;position:relative}.servicios-texto{background-color:#182f52e6;color:#fff;border-radius:20px;padding:50px;position:relative;z-index:2;margin-right:-60px;max-width:900px;transform:translateY(10%)}.servicios-imagen{max-width:80%;height:auto;margin-left:10px;transform:scale(1.1);border-radius:20px}.kit-digital-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#e9f4fe;padding:20px}.kit-digital-content{display:flex;align-items:center;width:100%;max-width:1200px;position:relative}.kit-digital-texto{background-color:#182f52e6;color:#fff;border-radius:20px;padding:50px;position:relative;z-index:2;margin-right:-60px;max-width:900px;transform:translateY(10%)}.streaming-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#e9f4fe;padding:20px}.streaming-content{display:flex;align-items:center;width:100%;max-width:1200px;position:relative}.streaming-texto{background-color:#182f52e6;color:#fff;border-radius:20px;padding:50px;position:relative;z-index:2;margin-right:-60px;max-width:900px;transform:translateY(10%)}.kit-digital-imagen,.streaming-imagen{max-width:80%;height:auto;margin-left:10px;transform:scale(1.1);border-radius:20px}.proyectos-recientes-section{padding:50px 20px;background-color:#e9f4fe;text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center}.proyectos-recientes-titulo{font-size:24px;margin-bottom:20px}.proyectos-recientes-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;height:auto;overflow-y:auto}.video-card{width:300px;height:400px;margin:10px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .3s}.video-card{min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.video-info{flex-grow:1}.video-card:hover{transform:scale(1.05)}.video-thumbnail{width:100%;height:200px;object-fit:cover}.video-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;width:100%}.video-description{max-width:90%;white-space:normal;overflow:visible;text-overflow:unset}.video-title{font-size:18px;margin:0}body{margin:0;font-family:Arial,sans-serif}.section{display:flex;align-items:center;justify-content:center;height:100vh;padding:20px;box-sizing:border-box}.section:nth-child(odd){background-color:#007bff;color:#fff}.section:nth-child(2n){background-color:orange;color:#000}.section-content{display:flex;align-items:center;max-width:1200px;width:100%;gap:20px}.section img{width:50%;height:auto;object-fit:cover}.text-box{background-color:#fffc;padding:20px;border-radius:10px;max-width:500px}@media (max-width: 768px){.conocenos-section,.servicios-section,.kit-digital-section,.streaming-section,.proyectos-recientes-section{height:auto!important;scroll-snap-align:none!important;padding:40px 20px}.conocenos-content,.servicios-content,.kit-digital-content,.streaming-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.conocenos-imagen,.servicios-imagen,.kit-digital-imagen,.streaming-imagen{width:100%;height:auto;margin-top:20px;position:relative}.conocenos-texto,.servicios-texto,.kit-digital-texto,.streaming-texto{width:100%;max-width:90%;margin:20px 0;padding:20px;position:relative;text-align:center}.boton-saber-mas{margin-top:20px;position:relative}}.conocenos{background:linear-gradient(to bottom right,#fddbc4 10%,#afd9ff 45%,#afd9ff 55%,#ffc9a6 90%);width:100%;padding-bottom:80px;display:flex;flex-direction:column;align-items:center}.conocenos-section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.conocenos-image{position:absolute;width:100%;height:100%;background:url(/conocenos.jpg) center/cover no-repeat}.conocenos-title{font-size:3rem;font-weight:700;color:#fff;text-align:center;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.content-section{display:flex;flex-direction:column;align-items:center;padding:0;width:100%}.content-block{display:flex;align-items:center;justify-content:center;width:90%;max-width:1400px;margin:40px 0;position:relative}.content-image{width:55%;height:auto;border-radius:12px;box-shadow:4px 4px 10px #0000004d}.content-text{background-color:#fffffff2;padding:20px;border-radius:12px;width:42%;text-align:left;z-index:2;position:relative;box-shadow:2px 2px 8px #0003}.left .content-text{margin-left:-20px}.right .content-text{margin-right:-20px}.contact-section{display:flex;justify-content:center;margin:40px 0}.servicios-button{background:none;border:2px solid white;color:#fff;padding:12px 24px;font-size:1.2rem;text-decoration:none;border-radius:5px;transition:all .3s ease-in-out}.servicios-button:hover{background:#fff3}@media screen and (max-width: 1024px){.content-block{flex-direction:column!important;align-items:center;text-align:center}.content-image{width:90%;max-width:500px}.content-text{width:90%;text-align:center;margin:0}.left .content-text,.right .content-text{margin:0}}.servicios{background:linear-gradient(to bottom right,#fddbc4 10%,#afd9ff 45%,#afd9ff 55%,#ffc9a6 90%);width:100%;padding-bottom:80px}.servicios-section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.servicios-content{color:#fff;z-index:2}.servicios-title{font-size:3rem;font-weight:700}.servicios-subtitle{font-size:1.5rem;margin-top:10px}.servicios-image{position:absolute;width:100%;height:100%;background:url(/servicios.jpg) center/cover no-repeat}.content-block{display:flex;align-items:center;width:90%;max-width:1400px;margin:100px 0;position:relative;flex-direction:row}.content-image{width:55%;height:auto;border-radius:12px;transition:transform .3s}.content-image:hover{transform:scale(1.05)}.content-text{background-color:#193764e6;color:#fff;padding:40px;border-radius:12px;width:42%;text-align:left;z-index:2;position:relative;box-shadow:0 4px 10px #0000001a}.button-section{display:flex;justify-content:center;margin:40px 0}.service-button{background-color:#193764e6;color:#fff;padding:12px 24px;border:none;border-radius:8px;margin:0 10px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 8px #0003}.service-button:hover{background-color:#6893d3e6;transform:translateY(-2px)}.service-button.active{background-color:#6893d3e6}.servicios-button{display:inline-block;padding:14px 28px;background-color:#193764e6;color:#fff;font-size:1.2rem;font-weight:700;border-radius:8px;text-decoration:none;transition:background .3s ease}.servicios-button:hover{background-color:#6893d3e6}.trabajos-videos-container{font-family:Riffic Free Bold,sans-serif}#trabajos-video{height:100vh;background-image:url(/back-view-of-young-videographer-standing-in-front-2023-11-27-04-57-19-utc.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.trabajos-video-title{font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.videos-container{padding:60px 20px;text-align:center;background:linear-gradient(to bottom right,#ffc9a6 10%,#afd9ff 45%,#afd9ff 55%,#ffc9a6 90%);color:#333;min-height:100vh}.videos-description{font-size:1.2rem;margin-bottom:40px;color:#e67e22}.filter-buttons{margin-bottom:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.filter-button{background-color:transparent;border:2px solid #e67e22;border-radius:5px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s;color:#e67e22}.filter-button:hover,.filter-button.active{background-color:#e67e22;color:#fff}.video-gallery{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:30px;padding:40px 20px;justify-items:center;max-width:1200px;margin:0 auto}.video-card{background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #0003;transition:transform .3s ease,box-shadow .3s ease;text-align:center;cursor:pointer;width:100%;max-width:300px;position:relative;border:2px solid transparent}.video-card:hover{transform:translateY(-5px) scale(1.02);border-color:#e67e22}.video-thumbnail{width:100%;height:auto;cursor:pointer;border-radius:12px;transition:transform .3s ease}.video-thumbnail:hover{transform:scale(1.05)}.video-info{padding:15px}.video-title{font-size:1.6rem;margin:10px 0;color:#e67e22}.video-description{font-size:1rem;color:#7f8c8d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;padding:0;border-radius:10px;width:90%;max-width:800px;background:transparent;box-shadow:none}.modal-video{width:100%;height:450px}@media (max-width: 1024px){.video-gallery{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width: 600px){.video-gallery{grid-template-columns:repeat(1,minmax(200px,1fr))}.trabajos-video-title{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:linear-gradient(to bottom right,#fddbc4,#afd9ff 45%,#afd9ff 55%,#ffc9a6 0%)}.contacto-container{font-family:Arial,sans-serif;height:100%}.contacto-section{height:30vh;background-image:url(/contacto.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;padding:1rem}.contacto-title{font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.contact-content{min-height:70vh;background:linear-gradient(to bottom right,#ffc9a6 10%,#afd9ff 45%,#afd9ff 55%,#ffc9a6 90%);color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 2px 10px #0000001a}.contact-header{font-size:2rem;margin-bottom:1rem}.contact-content-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;gap:2rem}.contact-form-container{flex:1;display:flex;flex-direction:column;background-color:#193764e6;padding:2rem;border-radius:8px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:1rem;text-align:left}label{display:block;margin-bottom:.5rem;font-size:1rem;color:#fff}input,textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:#777}button{background-color:#193764e6;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}button:hover{background-color:#6e8dbae6}.contact-info{flex:0 0 300px;text-align:left;color:#333}.contact-info h3{margin-bottom:1rem;font-size:1.5rem}.contact-info p{margin-bottom:.5rem}.contact-info a{color:#f5a623;text-decoration:none}.contact-info a:hover{text-decoration:underline}footer{background-color:#333;color:#fff;padding:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}footer nav{display:flex;gap:40px}.icon-container{display:flex;justify-content:center;align-items:center;width:50px;height:50px;cursor:pointer;overflow:hidden;border-radius:50%}.icon{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s,opacity .3s}.icon-container:hover .icon{filter:grayscale(0%);opacity:1}.kitdigital{background:linear-gradient(to bottom right,#fddbc4 10%,#afd9ff 45%,#afd9ff 55%,#ffc9a6 90%);width:100%;padding-bottom:80px}.kitdigital-section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.kitdigital-content{color:#fff;z-index:2}.kitdigital-title{font-size:3rem;font-weight:700}.kitdigital-subtitle{font-size:1.5rem;margin-top:10px}.kitdigital-image{position:absolute;width:100%;height:100%;background:url(/kitdigital.jpg) center/cover no-repeat}.content-text{background-color:#f60!important;color:#fff!important;padding:40px;border-radius:12px;width:42%;text-align:left;z-index:2;position:relative;box-shadow:0 4px 10px #0000001a}.contact-section{display:flex;justify-content:center;align-items:center;margin-top:60px}.kitdigital-button{display:inline-block;padding:14px 28px;background-color:#193764e6;color:#fff;font-size:1.2rem;font-weight:700;border-radius:8px;text-decoration:none;transition:background .3s ease}.kitdigital-button:hover{background-color:#10294a}@media (max-width: 768px){.content-section{padding:40px 20px}.content-block{flex-direction:column!important;align-items:center;text-align:center;margin:50px 0}.content-image{width:100%;max-width:400px}.content-text{width:100%;margin:20px 0;padding:30px;text-align:center}.kitdigital-button{width:90%;text-align:center}}.streaming{background:linear-gradient(to bottom right,#fddbc4 10%,#afd9ff 45%,#afd9ff 55%,#ffc9a6 90%);width:100%;padding-bottom:80px}.streaming-section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.streaming-content{text-align:center;color:#fff;z-index:2}.streaming-title{font-size:3rem;font-weight:700}.streaming-subtitle{font-size:1.5rem;margin-top:10px}.streaming-image{position:absolute;width:100%;height:100%;background:url(/streaming.jpg) center/cover no-repeat}.content-section{display:flex;flex-direction:column;align-items:center;padding:80px 40px}.content-block{display:flex;align-items:center;width:90%;max-width:1400px;margin:100px 0;position:relative}.content-image{width:55%;height:auto;border-radius:12px}.content-text{background-color:#fffffff2;padding:40px;border-radius:12px;width:42%;text-align:left;z-index:2;position:relative;box-shadow:0 4px 10px #0000001a}.left{flex-direction:row}.right{flex-direction:row-reverse}.content-text{margin-top:20px}.left .content-text{margin-left:-50px}.right .content-text{margin-right:-50px}@media (max-width: 768px){.content-block{flex-direction:column;align-items:center;text-align:center}.content-image{width:100%;margin-bottom:20px}.content-text{width:100%;margin:0;text-align:center}.left .content-text,.right .content-text{margin:0}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}.loading-image{width:200px;height:auto;animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{margin:0;padding:0;height:100%;scroll-behavior:smooth}.app-container{display:flex;flex-direction:column;min-height:100vh}footer{margin-top:auto}footer nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}footer nav a{color:#fff;text-decoration:none}footer nav a:hover{text-decoration:underline}.section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;transition:all .3s ease-in-out;box-sizing:border-box}.section:nth-child(odd){background-color:#183052;color:#fff}.section:nth-child(2n){background-color:#e67e22;color:#fff}.content-section{margin-top:20px}.content-block{margin:20px 0;padding:1rem;width:100%;max-width:1200px;box-sizing:border-box}.reveal{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}button,a.button{background:none;border:2px solid transparent;color:#1747e5;padding:.75rem 1.5rem;font-family:Montserrat,sans-serif;font-size:1rem;text-decoration:none;border-radius:5px;cursor:pointer;transition:border-color .3s,color .3s,background .3s}button:hover,a.button:hover{border-color:#183052;color:#183052;background:#fff3}.content-text{background-color:#182f52f2!important;color:#183052;padding:1rem;border-radius:10px}h1{font-size:3rem;font-weight:700;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8);text-align:center;margin:20px 0}@media screen and (max-width: 1024px){h1{font-size:2.5rem}}@media screen and (max-width: 768px){.section{min-height:auto;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.reveal{will-change:opacity,transform}.content-text{padding:.8rem}h1{font-size:2rem}footer nav{flex-direction:column;align-items:center}button,a.button{min-width:120px;padding:.6rem 1.2rem;font-size:1rem}}@media screen and (max-width: 480px){.content-block{padding:.5rem}button,a.button{padding:.5rem 1rem;font-size:.9rem}h1{font-size:1.8rem}}