.cookie-banner{position:fixed;bottom:20px;right:20px;width:500px;background-color:#0000004f;color:#fff;padding:15px;z-index:1000;box-shadow:0 5px 10px #fff3;border-radius:15px}@media screen and (max-width: 480px){.cookie-banner{width:90%;background-color:#000000d3}}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.cookie-content h3{margin:0;font-size:1.7rem}.cookie-content p{margin:0;font-size:1.1rem;text-align:center}.cookie-buttons{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center}.cookie-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.cookie-btn.accept{background-color:#4caf50;color:#fff}.cookie-btn.accept:hover{background-color:#45a049}.cookie-btn.decline{background-color:transparent;border:1px solid white;color:#fff}.cookie-btn.decline:hover{background-color:#ffffff1a}.cookie-link{color:#90caf9;text-decoration:underline;margin-left:10px;font-size:.9rem}@media screen and (max-width: 768px){.cookie-link{margin-left:0;margin-top:10px;text-align:center;display:block}}.cookie-link:hover{color:#64b5f6}.politica-container{max-width:800px;margin:40px auto;padding:0 20px;font-family:Montserrat,sans-serif;line-height:1.6}.politica-container h1{font-size:2.5rem;margin-bottom:30px;text-align:center}.politica-container section{min-height:auto!important;padding:0!important;margin-bottom:40px}.politica-container h2{font-size:1.8rem;margin-bottom:15px;border-bottom:1px solid #eaeaea;padding-bottom:10px}.politica-container h3{font-size:1.4rem;margin:20px 0 10px}.politica-container p{margin-bottom:15px}.politica-container ul{margin-left:20px;margin-bottom:15px}.politica-container li{margin-bottom:8px}@media (max-width: 768px){.politica-container h1{font-size:2rem}.politica-container h2{font-size:1.5rem}.politica-container h3{font-size:1.2rem}}.containermessagemaint{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#f2f2f2;z-index:10000;border:4px double #000}.containermessagemaint h1{font-size:24px;margin-bottom:20px;color:#000}.containermessagemaint p{font-size:16px;margin-bottom:10px;color:#000}.containermessagemaint img{width:100px}.header{position:fixed;top:0;left:0;width:100%;transition:opacity .5s ease,transform .5s ease;padding:15px 20px;z-index:1000;background-color:#0000}.header.scrolled{opacity:0;pointer-events:none}.barra-menu{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.barra-menu a{text-decoration:none;color:#fff;display:flex;align-items:center;gap:30px}.logo{width:55px;height:55px;cursor:pointer}#navbar{display:flex;align-items:center;gap:20px}#navbar a{font-size:1.7rem;color:var(--text-color);font-weight:500;transition:.3s;padding:10px}#navbar a:hover,#navbar a.active{color:var(--main-color);transform:scale(1.1)}#navbar .activeitemnav{color:var(--main-color);transform:scale(1.3);text-shadow:1px 1px 10px black}#menu-icon{font-size:3.6rem;color:var(--text-color);background:none;border:none;outline:none;cursor:pointer;display:none}.logocelmenu{display:none}@media (max-width: 991px){.header{padding:15px 4%}.barra-menu{padding:0 10px}#navbar a{font-size:1.5rem;margin-left:1rem}}@media (max-width: 768px){.logo{position:absolute;left:5%;top:1.5rem}#menu-icon{display:block;position:absolute;top:1.5rem;right:5%;z-index:10;color:#fff}#navbar{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:var(--second-bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;transform:translateY(-100%);transition:transform .3s ease-in-out}#navbar.active{transform:translateY(0)}#navbar a{display:flex;font-size:4rem;width:100vw;text-align:center;padding:1rem;align-items:center;justify-content:center;font-weight:700;text-underline-offset:10px}#navbar a:hover{background:#ffffff0d}.logocelmenu{position:relative;display:block;width:60px;height:60px}}@media (max-width: 462px){.logo{width:45px;height:45px}#menu-icon{margin-top:4px;font-size:3rem}#menu-icon:hover{color:var(--main-color);text-shadow:5px 5px 10px black}#navbar a{font-size:3rem}.barra-menu a h1{position:absolute;font-size:2.5rem;top:1.9rem;left:50%;transform:translate(-50%)}}section{min-height:100vh;padding:10rem 9% 2rem}.home{display:flex;align-items:center;padding:0 9%;background:url(../images/home.webp) no-repeat;background-size:cover;background-position:center;width:100%}.home-content{width:50%}.jose{color:#000;padding:10px 20px;background:#cecccc;box-shadow:0 8px 20px #0000008c;border-radius:10px;justify-content:center;font-size:15px;width:fit-content}.fotomovil{display:none;transition:all .5s ease;width:0%}.realizador{font-size:6rem;margin-top:.5rem;margin-bottom:.5rem}.audiovisual{margin-bottom:1rem;margin-top:-2rem;letter-spacing:-1.5px}.audiovisual span{-webkit-text-stroke:1px var(--main-color);-webkit-text-fill-color:rgba(0,0,0,0);font-size:6rem;display:inline-block;transition:color .3s ease}.audiovisual span:hover{-webkit-text-fill-color:var(--main-color);transition:.5s}.home-content p{font-size:1.6rem;margin-bottom:1.5rem;text-shadow:#000000 1px 1px 1px}.home-content .listoo{color:var(--main-color);font-weight:bolder;font-size:1.8rem}.btnstrabajo{width:100%;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;margin:2rem 0;padding:0 1rem}.btn-portafolio{font-weight:400;text-shadow:#000000 1px 1px 5px;display:flex;justify-content:center;align-items:center;gap:2px;padding:10px 20px;font-size:1.5rem;color:var(--text-color-black);background:var(--main-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}@media screen and (max-width: 480px){.btn-portafolio{margin-bottom:10px}}.btn-portafolio i{font-size:2rem}.btn-portafolio:hover{background:#0056b3;transform:scale(1.1)}.btn-portafolio:nth-child(3){background-color:#25d366}.habilidades{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem;margin-bottom:2rem}.habilidades .hab{display:flex;padding:10px;background-color:var(--second-bg-color);text-align:center;box-shadow:0 2px 5px #0000008c;border-radius:50px;justify-content:center;align-items:center;gap:2px}.habilidades .hab h3{font-weight:400}.habilidades .hab i{font-size:20px;color:var(--main-color)}.habilidades .hab i:hover{color:var(--text-color);transition:.5s}.home-sci{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:1rem;position:absolute}.home-sci a{display:flex;justify-content:center;align-items:center;color:var(--main-color);font-size:2.5rem;border-radius:50px;width:50px;height:50px;border-color:var(--main-color);border-style:solid;border-width:4px}.home-sci a:hover{color:var(--second-bg-color);border-color:var(--second-bg-color);transform:scale(1.1);transition:.5s}.slider{width:75vw;height:auto;margin:auto;overflow:hidden;background-color:var(--bg-color);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}.slide-track{display:flex;animation:scroll 40s linear infinite;-webkit-animation:scroll 40s linear infinite;width:4400px}.slider .heading{width:90%;margin:0 auto;margin-top:2rem}.marca{width:200px}.marca img{width:100%}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-2200px);transform:translate(-2200px)}}.software{background-color:var(--second-bg-color);width:100%;height:400px;align-content:center}.software .heading{font-size:4rem}.contenedorsoft{justify-content:center;align-items:center;width:90%;display:flex;flex-wrap:wrap;margin:0 auto;gap:10px}.program svg{filter:drop-shadow(5px 10px 10px rgba(0,0,0,.8));transition:all .3s ease}@media screen and (max-width: 480px){.program svg{width:70px;height:70px}}.program svg:hover{filter:drop-shadow(0px 0px 10px rgba(255,255,255,.5));transform:scale(1.2)}.contact{background-color:var(--bg-color)}form{max-width:500px;background:var(--second-bg-color);box-shadow:0 8px 20px #0000008c;border-radius:10px;padding:20px;margin:0 auto}.heading{text-align:center;margin-bottom:20px;font-size:32px;color:#fff}.heading span{color:var(--main-color);font-weight:700}.input-box{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.input-field{position:relative;flex:1 1 45%}.input-field input,.textarea-field textarea{width:100%;border:2px solid #ccc;border-radius:5px;padding:10px 15px;font-size:16px;outline:none;transition:border-color .3s ease-in-out;background:#f9f9f9}.input-field input:focus,.textarea-field textarea:focus{border-color:#007bff;background:#fff}.textarea-field textarea{resize:vertical;max-height:400px}.focus{position:absolute;bottom:0;left:0;height:3px;width:0;background:#007bff;transition:width .3s ease-in-out}.input-field input:focus+.focus,.textarea-field textarea:focus+.focus{width:100%}.btn-box{text-align:center}.btn{display:inline-block;padding:10px 20px;font-size:16px;color:var(--text-color-black);background:var(--main-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.btn:hover{background:#0056b3}@media (max-width: 425px){section{width:100%}.home{background:none;padding:0}.home-content{width:100%!important;padding:0 20px}.fotomovil{display:block;margin:10px auto;width:50%;border-radius:40px;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%);mask-image:linear-gradient(to top,#0000,#000 60%)}.jose{font-size:1rem;margin:-15px auto}.realizador{margin-top:30px;font-size:5rem}.audiovisual span{font-size:5rem}.habilidades{gap:2px}.habilidades .hab{padding:8px 7px}.habilidades .hab h3{font-size:.8rem}.home-content p{font-size:1.4rem}.habilidades .hab i{font-size:15px}.home-sci{position:relative;margin:0 auto}.slider{width:100%;background-color:var(--bg-color);-webkit-mask-image:none;mask-image:none}.slide-track{height:150px;overflow:hidden;margin-top:-2rem}}@media (max-width: 1024px){.input-box{flex-wrap:wrap}.input-field{flex:1 1 100%}.home-content{width:80%}}.about{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 220px);margin:80px auto 0;padding:0;width:100%}.about h2.heading{text-align:center;font-size:5rem;margin-bottom:-100px}@media screen and (max-width: 768px){.about h2.heading{font-size:4rem;margin-bottom:20px}}.aboutflex{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;text-align:center;padding:0 20px;box-sizing:border-box;gap:30px;flex:1}@media screen and (max-width: 768px){.aboutflex{flex-direction:column;gap:20px;margin-top:0}}h2.heading span{color:var(--main-color)}.about-img{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:grab}.about-img img{width:400px;border:3px solid var(--main-color);object-fit:cover;border-radius:50px;margin-bottom:-50px;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%);mask-image:linear-gradient(to top,#0000,#000 60%)}@media screen and (max-width: 768px){.about-img img{width:200px;margin-bottom:-20px}}.about-img h3{font-size:20px;z-index:1;padding:10px;border-radius:10px;background:#c5c5c55d}@media screen and (max-width: 768px){.about-img h3{font-size:16px;background:#646464;margin-bottom:10px}}.about-content p{font-size:16px;width:100%;text-align:left}@media screen and (max-width: 768px){.about-content p{font-size:14px;width:90%;text-align:justify;margin:0 auto 10px}}.blog{min-height:100vh;padding:10rem 9% 2rem}h1{color:var(--text-color);font-size:40px;margin-bottom:20px}.blog h3{color:var(--main-color);font-size:25px;margin-bottom:20px}.blog-entries{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:80%;margin:50px auto}.blog-entry{display:flex;flex-direction:column;border:1px solid var(--main-color);border-radius:5px;background-color:var(--bg-color);transition:transform .3s;overflow:hidden;text-decoration:none;color:inherit}.blog-entry img{width:100%;height:200px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.entry-content{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.entry-content h3{color:var(--main-color);margin:0;font-size:1.5rem}.entry-content .entry-date{font-size:.9rem;color:var(--text-color);margin-top:auto;text-align:right}.blog-entry:hover{transform:scale(1.05);background-color:var(--second-bg-color)}.portfolio-page{padding:clamp(3.5rem,6vw,5rem) 1.5rem clamp(4.5rem,7vw,6.5rem);box-sizing:border-box}.portfolio-page--root{background:var(--background-color, transparent)}.portfolio-page--detail{display:block;padding-bottom:clamp(5rem,8vw,7rem)}.content-portfoliomain{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;width:min(1100px,100%);margin:0 auto;box-sizing:border-box}.content-description{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.content-description h1{font-size:clamp(3rem,6vw,4.6rem);color:var(--text-color);text-align:left}.content-description span{color:var(--main-color)}.content-description p{font-size:clamp(1.15rem,2.5vw,1.6rem);color:var(--text-color);line-height:1.6;max-width:48ch}.btnsportfolio{display:flex;gap:1rem;padding:.5rem 0 1rem;justify-content:flex-start;align-items:center;flex-wrap:wrap}.btn-portfolio{padding:12px 24px;background:var(--main-color);border-radius:8px;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-color-black);text-shadow:1px 1px 5px rgb(0,0,0);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.btn-portfolio:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000038}.verde{background:#0dbb41}.verde:hover{background:#1af760}.portfolio-grid{display:grid;gap:clamp(1rem,3vw,1.5rem);grid-auto-rows:clamp(220px,28vw,320px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-flow:row}.itemportfolio{border-radius:14px;background:var(--second-bg-color);overflow:hidden;position:relative;box-shadow:0 12px 32px #0003;transition:transform .35s ease,box-shadow .35s ease}.itemportfolio:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000004d}.itemportfolio h3{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(#0000,#000000b3);color:var(--text-color);font-size:clamp(1.4rem,2.5vw,2rem);text-align:center;z-index:1}.itemportfolio img{width:100%;height:100%;object-fit:cover;display:block}.content-portfolio{width:min(1100px,100%);margin:0 auto 2rem;padding:0 1.5rem;box-sizing:border-box;display:flex;align-items:center}.portfolio-page--detail .content-portfolio{justify-content:flex-start}.portfolio-detail{width:min(1200px,100%);margin:0 auto;padding:0 1.5rem;box-sizing:border-box}.back-button{position:relative;padding:12px 24px;background:var(--second-bg-color);border:none;border-radius:10px;cursor:pointer;font-size:1.5rem;color:var(--text-color);font-weight:700;box-shadow:0 12px 32px #0000002e;transition:transform .3s ease,box-shadow .3s ease}.back-button:before{content:"volver";position:absolute;padding:10px 20px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--second-bg-color);border-radius:10px;opacity:0;transition:all .3s ease}.back-button span{display:inline-block;transition:all .3s ease}.back-button:hover span{opacity:0;transform:translate(-10px)}.back-button:hover:before{opacity:1;transform:translate(-50%,-50%) translate(10px)}.back-button:hover{transform:translateY(-4px);box-shadow:0 16px 36px #00000047}.containerbackbutton{margin-top:90px}@media screen and (max-width: 768px){.content-description{align-items:center}.content-description h1,.content-description p{text-align:center;margin:0 auto}.content-description p{max-width:100%}.btnsportfolio{justify-content:center}}@media screen and (min-width: 1024px){.portfolio-page--root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(2.5rem,6vh,3.5rem) clamp(2rem,5vw,3rem)}.portfolio-page--root .content-portfoliomain{grid-template-columns:minmax(320px,360px) minmax(0,1fr);height:min(82vh,640px)}.portfolio-page--root .content-description{justify-content:center}.portfolio-page--root .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:unset;height:100%}.portfolio-page--root .itemportfolio,.portfolio-page--root .itemportfolio img{height:100%}.portfolio-page--detail{padding:clamp(4rem,6vw,5.5rem) clamp(2rem,5vw,3rem) clamp(5rem,7vw,6.5rem)}.portfolio-page--detail .portfolio-detail{padding:0}}.containerload{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.containerload img{width:50px;height:50px}.preloader-1{margin:100px auto 0;width:66px;height:12px}.loading{color:#fff;margin:5px 0;text-transform:uppercase;text-align:center;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px}.preloader-1 .line{width:1px;height:12px;background:#fff;margin:0 1px;display:inline-block;animation:opacity-1 1s infinite ease-in-out}.preloader-1 .line-1{animation-delay:.8s}.preloader-1 .line-2{animation-delay:.6s}.preloader-1 .line-3{animation-delay:.4s}.preloader-1 .line-4,.preloader-1 .line-6{animation-delay:.2s}.preloader-1 .line-7{animation-delay:.4s}.preloader-1 .line-8{animation-delay:.6s}.preloader-1 .line-9{animation-delay:.8s}@keyframes opacity-1{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes opacity-2{0%{opacity:1;height:15px}50%{opacity:0;height:12px}to{opacity:1;height:15px}}.footer{background-color:var(--second-bg-color);box-shadow:-5px -10px 10px #0003;padding:20px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:10px 0;width:90%;margin:0 auto}.footer-text{text-align:center;padding:10px 0;border-top:7px groove var(--main-color)}.footer-text p{color:var(--text-color);font-size:1rem;font-weight:500;margin:0 auto;max-width:80%}.footer-legal{margin-top:10px;text-align:center;font-size:.85rem}.footer-legal-link{color:#999;text-decoration:none;transition:color .3s ease}.footer-legal-link:hover{color:#fff;text-decoration:underline}.footer-separator{margin:0 10px;color:#666}.footer-iconTop{border-radius:5px;background-color:var(--main-color);font-size:2rem;color:var(--text-color);padding:10px;cursor:pointer}.btn-login{display:inline-block;padding:10px 20px;font-size:16px;color:var(--text-color-black);background:var(--main-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.footer-social{margin-top:10px;text-align:center}.social-link{color:#999;font-size:1.5rem;margin:0 10px;transition:color .3s ease}.social-link:hover{color:#fff}.container-login{top:0;left:0;position:relative;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;z-index:1001;background:var(--second-bg-color)}.formlogin img{width:40%;height:40%;min-width:50px;object-fit:cover;border-radius:5px;margin:auto}@media screen and (max-width: 768px){.formlogin img{width:30%;height:30%}}@media screen and (max-width: 480px){.formlogin img{width:20%}}.formlogin{display:flex;flex-direction:column;gap:10px;width:300px;padding:20px;border:1px solid var(--main-color);border-radius:5px;background-color:var(--second-bg-color);box-shadow:#111 3px 3px 3px}@media screen and (max-width: 768px){.formlogin{width:90%;padding:30px}}.formlogin h1{text-align:center;margin-bottom:10px;color:#fff;font-size:24px}@media screen and (max-width: 768px){.formlogin h1{font-size:30px;margin-bottom:20px}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.formlogin input{padding:10px;border:1px solid var(--main-color);border-radius:5px;font-size:16px}.formlogin .loginsubmit{padding:10px;border:none;border-radius:5px;background-color:var(--main-color);color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;width:fit-content;margin:auto;box-shadow:#111 1px 1px 1px;transition:all .3s ease}.formlogin .loginsubmit:hover{background-color:#1d84e4;box-shadow:#111 3px 3px 3px}.close-login-btn{position:absolute;top:30px;right:30px;font-size:30px;cursor:pointer;color:var(--text-color);background-color:var(--main-color);padding:5px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:background-color .3s}.close-login-btn:hover{background-color:#0000001a}.containerdoc1{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.containerdoc2,.containerdoc3,.containerdoc4{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px}.containerdoc3{flex-wrap:wrap}.containerdoc2,.containerdoc4{flex-wrap:wrap-reverse;background:var(--second-bg-color)}.VYT{flex:1 1 400px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 468px){.containerdoc2,.containerdoc3,.containerdoc4{padding-top:30px;gap:0px}}.contProjectName{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.contProjectName h3{max-width:550px;font-size:30px;margin-bottom:10px;white-space:wrap}p{max-width:500px;font-size:12px}.contRoles{display:flex;gap:20px}@media screen and (max-width: 480px){.contRoles{gap:0px}}.contRol{display:flex;flex-direction:column;align-items:center;padding:20px}@media screen and (max-width: 480px){.contRol{padding:10px}}.contRol p{font-size:15px}.contRol i{font-size:30px;color:var(--main-color)}.contRol i:hover{color:var(--main-color-hover)}@media screen and (max-width: 480px){.contProjectName h3{font-size:20px;max-width:350px}.contProjectName p{max-width:350px}}.other-projects-container{padding:40px;text-align:center}.other-projects-container h2{font-size:2.4rem;margin-bottom:20px}.portfolio-grid-other{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.itemportfolio-other{flex:auto;width:200px;height:200px;position:relative;overflow:hidden;border-radius:10px;text-decoration:none;color:inherit}.itemportfolio-other:hover{transform:scale(1.05);transition:transform .3s ease}.itemportfolio-other img{width:100%;height:100%;object-fit:cover;opacity:.8}.itemportfolio-other h3{position:absolute;bottom:10px;left:10px;color:#fff;text-shadow:1px 1px 3px black;font-size:1.5rem}.containerreel1{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.gallery-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;margin-top:30px}.gallery-item{overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px}}@media (max-width: 480px){.image-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px}}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.fullscreen-overlay img{max-width:90%;max-height:90%;object-fit:contain}.fullscreen-controls{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;pointer-events:none}.nav-button{background:#00000080;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s;pointer-events:auto}.nav-button:hover{background:#000c}.close-button{position:absolute;top:20px;right:20px;background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s;pointer-events:auto}.close-button:hover{background:#000c}.gallery-item{cursor:pointer}.containerreel1{display:flex;gap:20px;flex-wrap:wrap;max-width:90vw;justify-content:space-evenly;padding-bottom:30px;margin:0 auto}@media screen and (max-width: 480px){.containerreel1{flex-direction:column;align-items:center}.instareel{width:100%;display:flex;align-items:center;justify-content:center}.instareel video{width:90%;height:auto}}.containernotfound{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.containernotfound h1{font-size:6rem;margin-bottom:1rem}.containernotfound p{font-size:2rem;margin-bottom:2rem}.containernotfound a{font-size:1.5rem;padding:1rem 2rem;border-radius:5px;background-color:var(--main-color);color:#fff;text-decoration:none;transition:all .3s ease}.containernotfound a:hover{background-color:#458dda;transform:scale(1.05)}#blog-post{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;padding:2rem;font-family:Montserrat,sans-serif;color:var(--text-color);line-height:1.6;min-height:100vh}#blog-post .pnotfound{font-size:4rem;color:var(--text-color)}.sadnotfound{font-size:7rem;color:var(--text-color);margin-bottom:30px;text-align:center;transition:all .8s ease}.sadnotfound:hover{color:var(--main-color)}a.anotfound{font-size:1.5rem;padding:1rem 2rem;border-radius:5px;background-color:var(--main-color);color:#fff;text-decoration:none;transition:all .3s ease}a.anotfound:hover{background-color:#458dda;transform:scale(1.05)}#blog-post h1{margin-top:120px;font-size:3.2rem;color:var(--main-color);margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}#blog-post img{width:50%;height:auto;object-fit:cover;border-radius:10px;margin:2rem auto;border:2px solid var(--main-color);box-shadow:0 4px 15px #0006;display:block}#blog-post p{font-size:1.6rem;margin-bottom:1.5rem}#blog-post div[data-content]{background:#ffffff0d;padding:2rem;border-radius:10px;margin:2rem 0}#blog-post div[data-content] h2{color:var(--main-color);font-size:2.4rem;margin:2rem 0 1rem}#blog-post div[data-content] p{font-size:1.6rem;line-height:1.8}#blog-post div[data-content] a{color:var(--main-color);text-decoration:none;transition:color .3s ease}#blog-post div[data-content] a:hover{color:var(--text-color);text-decoration:underline}.post-date{color:var(--text-color-light);font-size:1.4rem;text-align:right;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--main-color)}#blog-post div[data-content] ul,#blog-post div[data-content] ol{margin:1.5rem 0 1.5rem 3rem}#blog-post div[data-content] blockquote{border-left:4px solid var(--main-color);padding-left:2rem;margin:2rem 0;font-style:italic;color:var(--text-color-light)}#blog-post div[data-content] pre{background:var(--second-bg-color);padding:1.5rem;border-radius:5px;overflow-x:auto;margin:2rem 0}#blog-post div[data-content] code{font-family:Courier New,monospace;background:var(--second-bg-color);padding:.2rem .4rem;border-radius:3px;font-size:1.4rem}@media (max-width: 768px){#blog-post{padding:1rem}#blog-post h1{font-size:2.4rem}#blog-post div[data-content]{padding:1rem}}.floating-menu{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}.floating-menu-toggle{width:56px;height:56px;border-radius:50%;background-color:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s ease}.floating-menu-toggle i{font-size:24px}.floating-menu-toggle:hover{background-color:#333;transform:scale(1.05)}.floating-menu-content{position:absolute;bottom:70px;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px 0;width:200px;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;visibility:hidden}.floating-menu.open .floating-menu-content{max-height:300px;opacity:1;visibility:visible}.menu-item{display:flex;align-items:center;padding:12px 20px;color:#333;text-decoration:none;transition:background-color .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:Montserrat,sans-serif;font-size:14px}.menu-item i{margin-right:10px;font-size:18px}.menu-item:hover{background-color:#f5f5f5}.menu-item.logout{border-top:1px solid #eee;color:#e53935}.menu-item.logout:hover{background-color:#ffebee}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:2rem}.success-container h1{font-size:2.5rem;margin-bottom:1rem;color:var(--main-color)}.success-container p{font-size:1.2rem;margin-bottom:2rem;max-width:600px}.btn-home{display:inline-block;padding:1rem 2.8rem;background:var(--main-color);border-radius:4rem;box-shadow:0 0 1rem var(--main-color);font-size:1.2rem;color:var(--second-bg-color);letter-spacing:.1rem;font-weight:600;transition:.5s ease;text-decoration:none}.btn-home:hover{box-shadow:none}.disponibilidad-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.disponibilidad-container h2{margin-top:20px;font-size:4.4rem}.disponibilidad-container span{color:var(--main-color)}.calendar-container{margin-top:10px;width:80%;height:75%}@media screen and (max-width: 768px){.calendar-container{width:90%}}@media screen and (max-width: 480px){.calendar-container{width:95%;height:70%}}.calendar-container p{display:block;font-size:1.2rem;text-align:center;width:100%}.calendar-container iframe{box-shadow:5px 5px 10px #0194f780}.portafolioweb{height:100vh;width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.portafolioweb{height:100%;margin-top:100px;margin-bottom:50px}}.portafolioweb p{text-align:center;margin-bottom:10px;font-size:20px}@media (max-width: 768px){.portafolioweb p{margin-bottom:50px}}.proyectoswebgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}@media screen and (max-width: 768px){.proyectoswebgrid{grid-template-columns:1fr}}.proyecto{position:relative;padding:10px;filter:brightness(.8);transition:all .8s}.proyecto:hover{transform:scale(1.1);filter:brightness(1.2)}.proyecto h2{position:absolute;bottom:15px;text-align:center;width:500px;font-size:20px;color:#f0f8ff;text-shadow:1px 2px 7px #000;background-color:#ffffff3b}@media (max-width: 768px){.proyecto h2{width:350px}}.proyecto img{width:500px;box-shadow:0 0 10px #000}@media (max-width: 768px){.proyecto img{width:350px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Montserrat,sans-serif;text-transform:none}:root{--bg-color: #081b29;--second-bg-color: #112e42;--text-color: #ededed;--text-color-black: #000000;--text-color-light: #919191;--main-color: #00abf0;--main-color-hover: #02587a}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}