/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{--shade-1: #f2f2f2;--shade-2: #d9d9d9;--shade-3: #bfbfbf;--shade-4: #a6a6a6;--shade-5: #8c8c8c;--shade-6: #737373;--shade-7: #595959;--shade-8: #404040;--shade-9: #0d0d0d;--shade-10: #000000;--primario: #0077ff;--primario-hover: #0365d4;--darkxprimario: #33ccff;--darkxprimario-hover: #15b3e8}body{font-family:Inter,sans-serif;background:var(--shade-1);color:var(--shade-9)}body.dark{background:var(--shade-9);color:var(--shade-4)}a{text-decoration:none;color:var(--shade-8);font-weight:500}a:hover{text-decoration:underline}body.dark a{color:var(--shade-4)}.contenedor{width:95%;max-width:1200px;margin:auto}.boton{background:var(--primario);color:#fff;border:none;cursor:pointer;border-radius:100px;font-weight:500;padding:14px 20px;display:flex;gap:10px;align-items:center;transition:.3s ease all;text-decoration:none}.boton:hover{background:var(--primario-hover)}body.dark .boton{background:var(--darkxprimario);color:#fff}body.dark .boton:hover{background:var(--darkxprimario-hover)}body.dark .boton.transparente{color:#fff}.clientes,.trabajos,.contacto,.footer{display:flex;flex-direction:column;gap:40px;align-items:center;padding:60px 20px;text-align:center}.clientes .encabezado,.trabajos .encabezado,.contacto .encabezado,.footer .encabezado{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.clientes .encabezado .titulo,.trabajos .encabezado .titulo,.contacto .encabezado .titulo,.footer .encabezado .titulo{font-family:Merriweather,serif;color:var(--shade-8);font-size:22px;font-weight:700}.clientes .encabezado .subtitulo,.trabajos .encabezado .subtitulo,.contacto .encabezado .subtitulo,.footer .encabezado .subtitulo{font-size:16px;color:var(--shade-6)}body.dark .clientes .encabezado .titulo,body.dark .trabajos .encabezado .titulo,body.dark .contacto .encabezado .titulo,body.dark .footer .encabezado .titulo{color:var(--shade-2)}body.dark .clientes .encabezado .subtitulo,body.dark .trabajos .encabezado .subtitulo,body.dark .contacto .encabezado .subtitulo,body.dark .footer .encabezado .subtitulo{color:var(--shade-4)}.header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:40px 0}.logo{display:flex;flex-direction:column;gap:5px}.titulo{font-size:34px;font-family:Merriweather,serif;color:var(--shade-8)}body.dark .titulo{color:var(--shade-1)}.subtitulo{font-size:16px;color:var(--primario);font-weight:500}body.dark .subtitulo{color:var(--darkxprimario)}.navbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px}@media screen and (max-width:768px){.header .logo{grid-column:1 / -1;text-align:center}.navbar{grid-column:span 2;justify-content:flex-start;gap:15px}}@media screen and (max-width:576px){.header{display:flex;flex-direction:column;align-items:center;gap:20px}.navbar{justify-content:center;gap:15px}}.dark-mode{background:var(--shade-2);display:flex;justify-content:flex-end;align-items:center;border-radius:100px;overflow:hidden;cursor:pointer}.dark-mode input{display:none}.dark-mode .icono{padding:7px 12px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:var(--shade-7)}.dark-mode .icono.active{background:#072537;border:3px solid var(--shade-2)}.dark-mode .icono.sol.active svg{color:#dbff00}.dark-mode .icono.luna.active svg{color:#fff}body.dark .hero .subtitulo{color:var(--shade-3)}.hero{background-image:url(./assets/hero-bg.png);background-size:cover;border-radius:20px;overflow:hidden;color:#fff;position:relative;padding:120px 80px;margin-bottom:100px}.hero .contenido{position:relative;z-index:2;width:50vw;display:flex;flex-direction:column;gap:20px}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#062334,#1d417d99);z-index:1}.hero .video-conteiner{position:absolute;left:0;top:0;width:100%;height:100%}.hero .video-conteiner .video{width:100%;height:100%;object-fit:cover}.hero .titulo{font-family:Merriweather,serif;font-size:50px;font-weight:700;color:#fff}.hero .titulo span{display:block}.hero .subtitulo{line-height:26px;color:var(--shade-3)}.hero .botones{display:flex;gap:10px}.hero .botones .boton.transparente{background:#ffffff1a}.hero .botones .boton.transparente:hover{background:#ffffff26}@media screen and (max-width:576px){.hero .botones{flex-direction:column;align-items:center}.hero .botones .boton{width:100%;justify-content:center}}@media screen and (max-width:992px){.hero{padding:40px}.hero br{display:none}.hero .contenido{width:100%;text-align:center}.hero .titulo{font-size:32px}.hero .botones{justify-content:center}}.clientes .logos{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center}.clientes .logos .logo{border-radius:5px;max-width:180px;height:100%}@media screen and (max-width:768px){.clientes .logos .logo{max-width:130px}}.trabajos .filtros{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.trabajos .filtros label{display:flex}.trabajos .filtros .opcion{padding:10px 20px;border-radius:100px;cursor:pointer;border:1px solid var(--shade-3);color:var(--shade-6);transition:.3s ease all}body.dark :is(.trabajos .filtros .opcion){color:var(--shade-4);border:1px solid var(--shade-7)}.trabajos .filtros input[type=radio]{display:none}.trabajos .filtros input[type=radio]:checked+.opcion{background:var(--primario);color:#fff;border:1px solid transparent}body.dark :is(.trabajos .filtros input[type=radio]:checked+.opcion){background:var(--darkxprimario)}@media screen and (max-width:992px){.trabajos .filtros{gap:10px}}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 20px}@media screen and (max-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:576px){.grid{grid-template-columns:repeat(2,1fr)}}.grid .trabajo{display:flex;flex-direction:column}.grid .trabajo .thumb{width:100%;display:inline-block;border-radius:5px;overflow:hidden;margin-bottom:10px}.grid .trabajo .thumb img{width:100%;vertical-align:top;transform:scale(1.1);transition:.5s ease all}.grid .trabajo:hover .thumb img{transform:scale(1)}.grid .trabajo .info{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.grid .trabajo .info .textos{display:flex;flex-direction:column}.grid .trabajo .info .nombre{display:inline-block;color:var(--shade-10);font-size:16px;font-weight:600;margin-bottom:5px;transition:.3s ease all}body.dark :is(.grid .trabajo .info .nombre){color:var(--shade-1)}.grid .trabajo .info .categoria{font-size:14px;color:var(--shade-6)}body.dark :is(.grid .trabajo .info .categoria){color:var(--shade-4)}.grid .trabajo .info .btn-ir{background:none;border:none;cursor:pointer;display:flex;align-items:center;width:30px;height:30px}.grid .trabajo .info .btn-ir svg{width:70%;color:var(--primario);transition:.3s ease all}body.dark :is(.grid .trabajo .info .btn-ir svg){color:var(--darkxprimario)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:100;display:none;justify-content:center;align-items:flex-start;overflow-y:auto;padding:40px 20px}.overlay.active{display:flex}.modal{position:relative;width:90%;max-width:1200px;max-height:90vh;background:var(--shade-10);border-radius:10px;overflow:auto;padding:20px}.modal .boton-cerrar{position:absolute;right:-25px;top:-25px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#fff}.modal .boton-cerrar svg{width:100%;height:100%}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal .grid .thumb img{width:100%;vertical-align:top;border-radius:10px}.modal .grid .info{display:grid;grid-template-rows:auto 1fr;gap:20px;max-height:90vh}.modal .grid .info .head{background:#fff;border-radius:10px;padding:20px}body.dark .modal .grid .info .head{background:var(--shade-9)}.modal .grid .info .head .titulo{margin-bottom:10px;color:var(--shade-10)}body.dark .modal .grid .info .head .titulo{color:var(--shade-1)}.modal .grid .info .head .categoria{color:var(--shade-4)}.modal .grid .info .body{background:#fff;padding:20px;border-radius:10px;overflow:auto;color:var(--shade-8);line-height:30px}body.dark .modal .grid .info .body{background:var(--shade-9);color:var(--shade-4)}.modal .grid .info .body p{margin-bottom:20px}.modal .grid .info .body img{width:50%}@media screen and (max-width:768px){.modal{width:80vw;max-width:400px}.modal .grid{grid-template-columns:1fr}}.acercade{display:flex;justify-content:center;margin-top:80px;margin-bottom:80px}.acercade .grid{width:80%;display:grid;grid-template-columns:1.7fr 2fr;gap:clamp(20px,3vw,40px)}.acercade .grid .col-1 .fotos{display:flex;justify-content:flex-end;position:sticky;top:20px}.acercade .grid .col-1 .fotos .foto{padding:10px;border-radius:10px;border:1px solid var(--shade-2)}.acercade .grid .col-1 .fotos .foto:nth-child(1){width:80%}.acercade .grid .col-1 .fotos .foto:nth-child(2){width:40%;position:absolute;left:0;bottom:-15%}.acercade .grid .col-1 .fotos .dark{border:1px solid var(--shade-6)}.acercade .grid .col-2{width:80%;display:flex;flex-direction:column;align-items:flex-start;gap:20px;text-align:left}.acercade .grid .col-2 .pretitulo{color:var(--primario);font-size:16px;font-weight:600}.dark :is(.acercade .grid .col-2 .pretitulo){color:var(--darkxprimario)}.acercade .grid .col-2 .titulo{font-size:30px;gap:5px}.acercade .grid .col-2 .resumen{color:var(--shade-7);line-height:32px;gap:5px;text-align:left}.acercade .grid .col-2 .resumen p{margin:0 0 16px}.acercade .grid .col-2 .resumen br{margin-bottom:20px;gap:5px}.acercade .grid .col-2 .resumen .dark{color:var(--shade-4)}.acercade .grid .col-2 .boton{display:inline-flex;align-items:center;gap:10px}@media screen and (max-width:768px){.acercade .grid{grid-template-columns:1fr}.acercade .grid .col-1 .fotos{position:relative;top:auto;justify-content:center;margin-bottom:40px}.acercade .grid .col-1 .fotos .foto:nth-child(1){width:70%;margin:auto}.acercade .grid .col-1 .fotos .foto:nth-child(2){width:45%;left:55%;bottom:-22%}.acercade .grid .col-2{align-items:center;text-align:center}.acercade .grid .col-2 .pretitulo{align-self:flex-start;text-align:left}.acercade .grid .col-2 .boton{align-self:center}.acercade .grid .col-2{width:92%;margin:auto;padding:0 6px;text-align:center}.acercade .grid .col-2 .titulo,.acercade .grid .col-2 .pretitulo{text-align:center}.acercade .grid .col-2 .resumen{font-size:16px;line-height:28px;text-align:left;margin:0 auto;max-width:580px}.acercade .grid .col-2 .resumen p{margin-bottom:18px}.acercade .grid .col-2 .boton{align-self:center;margin-top:15px}}.contacto{display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 20px;text-align:center}.contacto .encabezado{display:flex;flex-direction:column;align-items:center;gap:14px}.contacto .encabezado .titulo{font-family:Merriweather,serif;color:var(--shade-8);font-size:22px;font-weight:700}.contacto .encabezado .subtitulo{font-size:16px;color:var(--shade-6)}.contacto .formulario{width:70%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contacto .formulario .grupo-formulario{display:flex;flex-direction:column;gap:8px}.contacto .formulario .grupo-formulario.mensaje,.contacto .formulario .grupo-formulario.error,.contacto .formulario .grupo-formulario.exito,.contacto .formulario .grupo-formulario.enviar{grid-column:1 / 3}.contacto .formulario label{font-size:15px;font-weight:600;color:var(--shade-8);text-align:left}.contacto .formulario input,.contacto .formulario textarea{width:100%;padding:16px;border-radius:6px;border:none;font-size:16px;font-family:Inter,sans-serif;background:var(--shade-2);color:var(--shade-9);transition:.3s ease all}.contacto .formulario input:hover,.contacto .formulario input:focus,.contacto .formulario textarea:hover,.contacto .formulario textarea:focus{outline:2px solid var(--primario);background:var(--shade-1)}.contacto .formulario textarea{resize:vertical;min-height:100px}.contacto .formulario .grupo-formulario.error{background:var(--primario);color:#fff;padding:16px;border-radius:5px;font-weight:500;text-align:center}.contacto .formulario .grupo-formulario.exito{background:#4caf50;color:#fff;padding:16px;border-radius:5px;font-weight:500;text-align:center}.contacto .formulario .grupo-formulario.enviar{display:flex;justify-content:center;align-items:center}body.dark .contacto .encabezado .titulo{color:var(--shade-2)}body.dark .contacto .encabezado .subtitulo{color:var(--shade-4)}body.dark .contacto label{color:var(--shade-2)}body.dark .contacto input,body.dark .contacto textarea{background:#1e1e1e;color:var(--shade-1)}body.dark .contacto input:focus,body.dark .contacto textarea:focus{outline:2px solid var(--primario);background:#2a2a2a}@media screen and (max-width:768px){.contacto .formulario{width:100%}}@media screen and (max-width:576px){.contacto .formulario{grid-template-columns:1fr}.contacto .formulario .grupo-formulario.mensaje,.contacto .formulario .grupo-formulario.error,.contacto .formulario .grupo-formulario.exito,.contacto .formulario .grupo-formulario.enviar{grid-column:1 / 2}}.footer{width:100vw;background:#000;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:30px;margin-left:calc(50% - 50vw)}body.dark .footer{background:none}.footer-wrapper{width:100%;max-width:1200px;margin:auto}.footer-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.footer-logo img{height:120px}.logo-light{display:none}.logo-dark{display:block}body.dark .logo-light{display:none}body.dark .logo-dark{display:block}.footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.footer-links .link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;text-decoration:none;font-size:14px;font-weight:500;transition:.25s;background:#1e1e1e;color:#ddd}body.light .footer-links .link{background:#e4e4e4;color:#222}.footer-links .link .icono{width:18px;display:grid;place-items:center}.footer-links .link.linkedin:hover{background:#0a66c2;color:#fff}.footer-links .link.email:hover{background:#d44638;color:#fff}.footer-links .link.cv:hover{background:#444;color:#fff}.footer-links .link.github:hover{background:#fff;color:#000}.footer-copy{color:#aaa;font-size:14px;text-align:center}@media(max-width:768px){.footer-top{flex-direction:column;align-items:center}.footer-links{justify-content:center}}