*,*: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: #D83A3A;--primario-hover: #bf3030;--primario-dark: #961b1b}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;font-size:clamp(18px,1vw,24px)}a:hover{text-decoration:underline}.dark a{background:var(--shade-9);color:var(--shade-4)}.contenedor{width:90%;max-width:1200px;margin:auto}.boton{background:var(--primario);color:var(--shade-1);border:none;cursor:pointer;border-radius:100px;font-weight:500;padding:clamp(12px,2vw,14px);font-size:clamp(16px,2vw,20px);display:flex;gap:10px;align-items:center;transition:.3s ease all;text-decoration:none}.boton:hover{background:var(--primario-hover);text-decoration:none}.dark .boton{color:var(--shade-1);background:var(--primario-dark)}.dark .boton:hover{background:var(--primario);text-decoration:none}.clientes,.trabajos,.contacto,.footer{display:flex;flex-direction:column;gap:60px;align-items:center;padding:60px 20px}:is(.clientes,.trabajos,.contacto,.footer) .encabezado{display:flex;flex-direction:column;align-items:center;gap:14px}:is(.clientes,.trabajos,.contacto,.footer) .encabezado .titulo{font-family:Marriweather,"serif";color:var(--shade-8);font-size:clamp(30px,3vw,40px);font-weight:700}.dark :is(:is(.clientes,.trabajos,.contacto,.footer) .encabezado .titulo){color:var(--shade-2)}:is(.clientes,.trabajos,.contacto,.footer) .encabezado .subtitulo{font-size:clamp(16px,2vw,22px);color:var(--shade-6)}.dark :is(:is(.clientes,.trabajos,.contacto,.footer) .encabezado .subtitulo){color:var(--shade-4)}/*! 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}.header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:40px 0}.header .logo{display:flex;flex-direction:column;gap:5px}.header .logo .title{font-size:clamp(22px,2vw,34px);font-family:Merriweather,serif;color:var(--shade-8);text-align:left}.dark :is(.header .logo .title){color:var(--shade-1)}.header .logo .subtitle{font-size:clamp(18px,1vw,24px);color:var(--primario);font-weight:500;text-align:left}.dark :is(.header .logo .subtitle){color:var(--primario-dark)}@media screen and (min-width:1060px){.header .logo .subtitle br{display:none}}.header .navbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px}@media screen and (max-width:830px){.header .logo{grid-column:1 / -1;text-align:center}.header .logo .title,.header .logo .subtitle{text-align:center}.header .navbar{grid-column:2/ -2;text-align:center;justify-content:flex-start;gap:15px}}@media screen and (max-width:450px){.header{display:flex;flex-direction:column;align-items:center}}.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 svg{width:clamp(20px,2vw,30px);height:clamp(20px,2vh,30px)}.dark-mode .icono.active{background:#072537;border:3px solid var(--shade-2)}.dark-mode .icono.sun.active svg{color:#fff200}.dark-mode .icono.moon.active svg{color:#d8e5eb}.hero{background:url(./assets/hero-bg.png);background-size:cover;border-radius:20px;overflow:hidden;color:#fff;position:relative;padding:120px 80px}.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,#062333,#1d417d99);z-index:1}.hero .video-container{position:absolute;top:0;left:0;width:100%;height:100%}.hero .video-container .video{width:100%;height:100%;object-fit:cover}.hero .titulo{font-family:Merriweather,serif;font-size:clamp(34px,5vw,50px);font-weight:700;color:#fff}.hero .titulo span{display:block}.hero .description{line-height:clamp(18px,3vw,26px);color:var(--shade-3)}.hero .buttons{display:flex;gap:10px}.hero .buttons .boton.transparente{background:#ffffff1a}.hero .buttons .boton.transparente:hover{background:#fff3}@media screen and (max-width:830px){.hero .buttons{flex-direction:column;align-items:center}.hero .buttons .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 .buttons{justify-content:center}}.clientes .logos{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.clientes .logos .logo{border-radius:10px;max-width:clamp(180px,3vw,200px);width:100%}.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)}.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}@media screen and (max-width:992px){.trabajos .filtros{gap:10px}}.trabajos .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px}@media screen and (max-width:768px){.trabajos .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.trabajos .grid{grid-template-columns:repeat(1,1fr)}}.trabajos .grid .trabajo .thumb{overflow:hidden;max-height:450px;width:100%;display:inline-block;border:5px;margin-bottom:10px}.trabajos .grid .trabajo .thumb img{height:100%;width:100%;vertical-align:top;transform:scale(1.1);transition:.5s ease all}.trabajos .grid .trabajo:hover img{transform:scale(1)}.trabajos .grid .trabajo .info{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.trabajos .grid .trabajo .info .nombre{display:inline-block;color:var(--shade-10);font-size:clamp(14px,3vw,16px);font-weight:600}.dark :is(.trabajos .grid .trabajo .info .nombre){color:var(--shade-2)}.trabajos .grid .trabajo .info .categoria{font-size:clamp(12px,3vw,14px);color:var(--shade-4)}.dark :is(.trabajos .grid .trabajo .info .categoria){color:var(--shade-4);font-weight:500}.trabajos .grid .trabajo .info .btn-ir{background:none;border:none;cursor:pointer;display:flex;align-items:center;width:clamp(24px,4vw,30px);height:clamp(24px,4vw,30px)}.trabajos .grid .trabajo .info .btn-ir svg{width:100%;color:var(--primario);transition:.3s ease all}p{margin-top:10px;text-align:justify}.overlay{width:100vw;height:100vh;background:#000c;position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}.overlay .modal{width:90%;max-width:1200px;height:90%;display:flex;justify-content:center;position:relative}.overlay .modal .btn-cerrar{position:absolute;right:-25px;top:-25px;width:25px;height:25px;display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;color:#fff}@media screen and (max-width:768px){.overlay .modal .btn-cerrar{width:9%;top:1px;right:0;background:var(--shade-9);align-items:center;justify-content:start}}.overlay .modal .btn-cerrar svg{width:100%;height:100%}.overlay .modal .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.overlay .modal .grid .thumb img{width:100%;vertical-align:top;border-radius:10px}.overlay .modal .grid .info{display:grid;grid-template-rows:auto 5fr;max-height:90vh;gap:20px}.overlay .modal .grid .info .head{background:#fff;border-radius:10px;padding:20px}.overlay .modal .grid .info .head .titulo{margin-bottom:10px;color:var(--shade-10)}.dark :is(.overlay .modal .grid .info .head .titulo){color:var(--shade-1)}.overlay .modal .grid .info .head .categoria{color:var(--shade-6)}.dark :is(.overlay .modal .grid .info .head){background:var(--shade-9)}.overlay .modal .grid .info .body{background:#fff;padding:20px;border-radius:10px;overflow:auto;color:var(--shade-8)}.dark :is(.overlay .modal .grid .info .body){background:var(--shade-9);color:var(--shade-4)}.overlay .modal .grid .info .body p{margin-bottom:20px}.overlay .modal .grid .info .body img{width:50%}@media screen and (max-width:768px){.overlay .modal{width:80vw;max-width:400px;overflow:auto}.overlay .modal .grid{grid-template-columns:1fr}.overlay .modal .grid .thumb img{height:100%}}.acerca-de{display:flex;justify-content:center}.acerca-de .grid{width:80%;display:grid;grid-template-columns:1.7fr 2fr;gap:clamp(20px,3vw,40px)}.acerca-de .grid .col-1 .fotos{display:flex;justify-content:flex-end;position:sticky;top:20px}.acerca-de .grid .col-1 .fotos .foto{padding:6px;border-radius:10px;border:1px solid var(--shade-3)}.dark :is(.acerca-de .grid .col-1 .fotos .foto){border:1px solid var(--shade-8)}.acerca-de .grid .col-1 .fotos .foto:nth-child(1){width:80%}.acerca-de .grid .col-1 .fotos .foto:nth-child(2){width:40%;position:absolute;left:0;bottom:-15%}.acerca-de .grid .col-2{display:flex;flex-direction:column;align-items:start;gap:20px}.acerca-de .grid .col-2 .pre-titulo{color:var(--primario);font-weight:600;font-size:clamp(12px,5vw,16px)}.acerca-de .grid .col-2 .titulo{font-size:clamp(18px,2vw,30px)}.dar :is(.acerca-de .grid .col-2 .titulo){color:var(--shade-3)}.acerca-de .grid .col-2 .resumen{font-size:clamp(16px 2vw,22px);color:var(--shade-7);line-height:26px;margin-bottom:5px;text-align:justify}.dark :is(.acerca-de .grid .col-2 .resumen){color:var(--shade-5)}@media screen and (max-width:600px){.acerca-de .grid{grid-template-columns:1fr}.acerca-de .grid .col-1 .fotos{margin-bottom:60px;justify-content:center}.acerca-de .grid .col-1 .fotos .foto:nth-child(1){width:60%}.acerca-de .grid .col-1 .fotos .foto:nth-child(2){width:40%;left:55%;bottom:-35%}.acerca-de .grid .col-2{display:grid;grid-template-columns:1fr}.acerca-de .grid .col-2 :nth-child(6){align-items:center;justify-content:center}}.contacto .formulario{width:70%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contacto .formulario .grupo-formulario{display:flex;gap:5px;flex-direction:column}.contacto .formulario .grupo-formulario.mensaje{grid-column:span 2}.contacto .formulario .grupo-formulario.error{grid-column:span 2;background:var(--primario);color:var(--shade-1);padding:clamp(12px,2vw,16px);border-radius:5px;font-weight:500}.contacto .formulario .grupo-formulario.enviar{grid-column:span 2;display:flex;align-content:center;align-items:center}.contacto .formulario .grupo-formulario label{font-size:clamp(14px,2vw,18px);font-weight:500}.contacto .formulario .grupo-formulario textarea{resize:vertical;min-height:80px;max-height:100px}.contacto .formulario .grupo-formulario input,.contacto .formulario .grupo-formulario textarea{width:100%;padding:15px;border-radius:5px;border:none;font-size:clamp(14px,2vw,18px);font-family:Inter,sans-serif}.contacto .formulario .grupo-formulario input:hover,.contacto .formulario .grupo-formulario input:focus,.contacto .formulario .grupo-formulario textarea:hover,.contacto .formulario .grupo-formulario textarea:focus{outline:2px solid var(--primario)}.dark :is(.contacto .formulario .grupo-formulario) input,.dark :is(.contacto .formulario .grupo-formulario) textarea{background:var(--shade-8);color:var(--shade-1)}@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.enviar,.contacto .formulario .grupo-formulario.error{grid-column:span 1}}.footer .links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:60px}.footer .links .link{background:var(--shade-2);display:flex;align-items:center;text-decoration:none;gap:10px;padding:10px 15px;border-radius:10px;border:1px solid transparent;color:var(--shade-7);transition:.3s ease all}.footer .links .link .icono{height:20px;width:20px}.footer .links .link .icono svg{width:100%;height:100%}.footer .links .link:hover{color:#fff}.footer .links .link.youtube:hover{background:red}.footer .links .link.youtube:hover svg{color:var(--shade-1)}.footer .links .link.linkedin:hover{background:#0a66c2}.footer .links .link.linkedin:hover svg{color:var(--shade-1)}.footer .links .link.instagram:hover{background:#c13584}.footer .links .link.instagram:hover svg{color:var(--shade-1)}.footer .links .link.X:hover{background:#000;border:1px solid var(--shade-5)}.footer .links .link.X:hover svg{color:var(--shade-1)}.footer .links .link .copyright{color:var(--shade-4);text-align:center;font-size:clamp(14px,3vw,20px)}