*,*:after,*:before{box-sizing:border-box;padding:0;margin: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}body{background-color:var(--shade-1);font-family:Inter,sans-serif;color:var(--shade-9)}body.dark-mode{background-color:var(--shade-9);color:var(--shade-1)}a{text-decoration:none;color:var(--shade-8);font-weight:500}a:hover{text-decoration:underline}.dark-mode a{color:var(--shade-4)}.contenedor{max-width:1200px;margin:0 auto;width:90%}.boton{background:var(--primario);border-radius:100px;display:flex;padding:15px 20px;color:var(--shade-1);font-weight:600;border:none;cursor:pointer;text-decoration:none;gap:7px;align-items:center;transition:.3s ease background}.boton:hover{background:var(--primario-hover);text-decoration:none}.dark-mode .boton{color:var(--shade-1)}.clientes,.trabajos,.contacto,.redes{display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 0}:is(.clientes,.trabajos,.contacto,.redes) .encabezado{display:flex;flex-direction:column;gap:15px;align-items:center}:is(.clientes,.trabajos,.contacto,.redes) .encabezado .titulo{font-family:Merriweather,serif;font-size:32px;color:var(--shade-8);font-weight:700}.dark-mode :is(:is(.clientes,.trabajos,.contacto,.redes) .encabezado .titulo){color:var(--shade-2)}:is(.clientes,.trabajos,.contacto,.redes) .encabezado .subtitulo{font-size:18px;color:var(--shade-6);max-width:600px;text-align:center;text-wrap:balance}.dark-mode :is(:is(.clientes,.trabajos,.contacto,.redes) .encabezado .subtitulo){color:var(--shade-4)}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin:20px;gap:20px;padding:40px 0}.header .logo{display:flex;gap:5px;flex-direction:column;align-items:center}.header .logo .titulo{font-size:34px;font-family:Merriweather,serif;color:var(--shade-8)}.dark-mode :is(.header .logo .titulo){color:var(--shade-1)}.header .logo .suptitulo{font-size:20px;font-weight:500;color:var(--primario)}.header .navbar{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}@media screen and (max-width:752px){.header .logo{grid-column:span 3;text-align:center}.header .navbar{grid-column:span 2;justify-content:flex-start;gap:15px}}@media screen and (max-width:480px){.header{display:flex;flex-direction:column;align-items:center}}.darkmode-btn{background-color:var(--shade-2);border-radius:100px;display:flex;align-items:center;overflow:hidden;cursor:pointer}.darkmode-btn input{display:none}.darkmode-btn .icono{padding:7px 12px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:var(--shade-7)}.darkmode-btn .icono.active{background-color:#072537;border:3px solid var(--shade-2)}.darkmode-btn .icono.sol.active svg{color:#dbff00}.darkmode-btn .icono.luna.active svg{color:#fff}.Hero{width:100%;overflow:hidden;position:relative;padding:80px 100px;border-radius:25px}.Hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#062334,#1d417d99);z-index:2}.Hero .video-contenedor{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.Hero .video-contenedor .video{width:100%;height:100%;object-fit:cover}.Hero .contenido{position:relative;z-index:3;display:flex;flex-direction:column;gap:20px;color:#fff;width:50%}.Hero .contenido .titulo{font-size:40px;font-family:Merriweather,serif}.Hero .contenido .titulo span{display:block}.Hero .contenido .suptitulo{line-height:1.5}.Hero .botones{display:flex;gap:15px}.Hero .botones .boton.trasparente{background-color:#ffffff26}.Hero .botones .boton.trasparente:hover{background-color:#ffffff40}@media screen and (max-width:900px){.Hero{padding:60px 50px}.Hero .contenido{width:100%;text-align:center}.Hero .contenido .titulo{font-size:32px}.Hero .contenido .botones{justify-content:center}}@media screen and (max-width:550px){.Hero .botones{flex-direction:column}.Hero .botones .boton{justify-content:center}}.marcas-contenedor{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.marcas-contenedor .logo{width:180px;object-position:center;object-fit:cover;border-radius:5px}@media screen and (max-width:800px){.marcas-contenedor .logo{width:130px}}.trabajos .filtros{display:flex;gap:20px;justify-content:center;padding:40px 0;cursor:pointer;flex-wrap:wrap}.trabajos .filtros label{display:flex}.trabajos .filtros input[type=radio]{display:none}.trabajos .filtros input[type=radio]:checked+.opcion{color:#fff;font-weight:700;border:1px solid transparent;background:var(--primario)}.trabajos .filtros .opcion{font-size:16px;color:var(--shade-6);font-family:Inter,sans-serif;font-weight:600;border:1px solid var(--shade-3);border-radius:100px;padding:10px 20px}@media screen and (max-width:995px){.trabajos .filtros{gap:10px}}.trabajos .grid-trabajos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trabajos .grid-trabajos .trabajo{display:flex;flex-direction:column;gap:8px}.trabajos .grid-trabajos .trabajo .imagen{overflow:hidden;border-radius:6px;width:100%;display:inline-block}.trabajos .grid-trabajos .trabajo .imagen img{width:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.trabajos .grid-trabajos .trabajo .imagen img:hover{transform:scale(1.08)}.trabajos .grid-trabajos .trabajo .info{display:flex;justify-content:space-between;align-items:center;padding:0 7px}.trabajos .grid-trabajos .trabajo .info .textos{display:flex;flex-direction:column;gap:3px;font-family:Inter,sans-serif}.trabajos .grid-trabajos .trabajo .info .textos .nombre{font-size:18px;font-weight:600;color:var(--shade-8);text-decoration:none;display:inline-block}.dark-mode :is(.trabajos .grid-trabajos .trabajo .info .textos .nombre){color:var(--shade-3)}.trabajos .grid-trabajos .trabajo .info .textos .categoria{font-size:14px;color:var(--shade-6)}.trabajos .grid-trabajos .trabajo .info .icono-ir{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.trabajos .grid-trabajos .trabajo .info .icono-ir svg{width:100%;height:100%;color:var(--primario)}@media screen and (max-width:995px){.trabajos .grid-trabajos{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:680px){.trabajos .grid-trabajos{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:420px){.trabajos .grid-trabajos{grid-template-columns:1fr}}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay .modal{width:80%;max-width:1200px;height:90%;justify-content:center;display:flex;position:relative}.overlay .modal .btn-cerrar{position:absolute;top:-25px;right:-25px;background:none;border:none;cursor:pointer;width:25px;height:25px;display:flex;justify-content:center;align-items:center}.overlay .modal .btn-cerrar svg{width:100%;height:100%;color:#fff}.overlay .modal .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.overlay .modal .grid .imagen{overflow:hidden}.overlay .modal .grid .imagen img{width:100%;border-radius:10px}.overlay .modal .grid .textos{display:grid;grid-template-rows:auto 1fr;gap:20px}.overlay .modal .grid .textos .head{background:#f3f3f3;border-radius:10px;padding:20px 40px}.dark-mode :is(.overlay .modal .grid .textos .head){background:var(--shade-9)}.overlay .modal .grid .textos .head .titulo{color:var(--shade-8);font-size:30px}.dark-mode :is(.overlay .modal .grid .textos .head .titulo){color:var(--shade-1)}.overlay .modal .grid .textos .head .categoria{display:block;color:var(--shade-4)}.dark-mode :is(.overlay .modal .grid .textos .head .categoria){color:var(--shade-3)}.overlay .modal .grid .textos .body-overlay{background:#f3f3f3;color:var(--shade-8);border-radius:10px;overflow:auto;padding:20px 40px;line-height:1.4}.dark-mode :is(.overlay .modal .grid .textos .body-overlay){background:var(--shade-9);color:var(--shade-1)}.overlay .modal .grid .textos .body-overlay img{width:50%}.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 img{padding:6px;border-radius:5px;border:1px solid var(--shade-3)}.acerca-de .grid .col-1 .fotos img:nth-child(1){width:80%}.acerca-de .grid .col-1 .fotos img:nth-child(2){width:40%;position:absolute;left:0;bottom:-15%}.dark-mode :is(.acerca-de .grid .col-1 .fotos img){border:1px solid var(--shade-7)}.acerca-de .grid .col-2{display:flex;flex-direction:column;gap:20px;align-items:start}.acerca-de .grid .col-2 .pre-titulo{color:var(--primario);font-family:Inter,sans-serif}.acerca-de .grid .col-2 .titulo{font-size:40px;font-family:Merriweather,serif;color:var(--shade-9)}.dark-mode :is(.acerca-de .grid .col-2 .titulo){color:var(--shade-2)}.acerca-de .grid .col-2 .resumen{line-height:1.6;font-size:18px;font-family:Inter,sans-serif;color:var(--shade-8)}.acerca-de .grid .col-2 .resumen br{margin-bottom:20px}.dark-mode :is(.acerca-de .grid .col-2 .resumen){color:var(--shade-5)}.acerca-de .grid .col-2 .boton.mi{display:flex;align-items:center;justify-content:center;gap:15px}@media screen and (max-width:700px){.acerca-de .grid{grid-template-columns:1fr;width:100%}.acerca-de .grid .col-1{margin-bottom:90px}.acerca-de .grid .col-2{align-items:center}.acerca-de .grid .col-2 .pre-titulo,.acerca-de .grid .col-2 .titulo{text-align:center}}@media screen and (max-width:400px){.acerca-de .grid .col-2 .titulo{font-size:20px}}.contacto .formulario{display:grid;grid-template-columns:1fr 1fr;width:70%;gap:20px}.contacto .formulario .grupo-formulario{display:flex;flex-direction:column;gap:5px}.contacto .formulario .grupo-formulario.mensaje{grid-column:span 2}.contacto .formulario .grupo-formulario.error{grid-column:span 2;background:var(--primario);border-radius:5px;padding:15px;color:#fff}.contacto .formulario .grupo-formulario.enviar{grid-column:span 2;display:flex;justify-content:center;align-items:center}.contacto .formulario .grupo-formulario label{font-weight:500;font-size:15px}.contacto .formulario .grupo-formulario input,.contacto .formulario .grupo-formulario textarea{padding:15px;width:100%;border:none;border-radius:5px;font-size:16px}:is(.contacto .formulario .grupo-formulario input,.contacto .formulario .grupo-formulario textarea):focus{outline:2px solid var(--primario)}.dark-mode :is(.contacto .formulario .grupo-formulario input,.contacto .formulario .grupo-formulario textarea){background:var(--shade-10);color:#fff}.contacto .formulario .grupo-formulario textarea{resize:vertical;min-height:80px;max-height:200px}@media screen and (max-width:700px){.contacto .formulario{width:100%}}@media screen and (max-width:550px){.contacto .formulario{grid-template-columns:1fr;width:100%}.contacto .formulario .grupo-formulario.mensaje,.contacto .formulario .grupo-formulario.error,.contacto .formulario .grupo-formulario.enviar{grid-column:span 1}}.redes .btn-redes{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.redes .btn-redes .boton-redes{display:flex;gap:10px;align-items:center;justify-content:center;background:var(--shade-3);border-radius:100px;padding:15px 25px}.redes .btn-redes .boton-redes .btn-red{width:18px;height:18px}.redes .btn-redes .boton-redes .btn-red svg{width:100%;object-position:center}