@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;text-align:center;box-sizing:border-box;font-family:Outfit,sans-serif;max-width:100vw}:root{--colorPrimario: rgb(255, 236, 0);--colorSecundario: rgba(0, 0, 0, .497)}html{scroll-behavior:smooth;overflow-y:scroll}header{top:0;background-color:#000;width:100%;height:90px;display:flex;justify-content:space-between;position:fixed;z-index:9999}#header-wrapper{height:90px;width:100%}header img{justify-self:flex-end}#header-left{height:100%;width:60vw;display:flex;justify-content:flex-end}ul{width:70%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}a{text-decoration:none;color:#fff}li{width:250px;height:30px;list-style:none;color:#fff;font-size:18px;text-decoration:none;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-left:35px}h1{width:150px;color:#fff;font-weight:700;font-size:3em;display:flex;align-items:center;cursor:pointer}nav{width:40vw;display:flex;align-items:center;margin-left:45px}.mobile-nav{flex-direction:column;position:absolute;left:0;top:0}#banner{width:100%;height:90vh;position:absolute;left:0}#banner-container{height:90vh}#text-container{display:flex;position:relative;top:25%;z-index:100;flex-direction:column}.text-banner{color:var(--colorPrimario);z-index:1000;font-size:4em;font-weight:550}#text-container button{background-color:var(--colorPrimario);height:50px;width:200px;color:#000;border-radius:20px;margin:7px;font-size:20px;align-self:center}h3{display:inline-block;margin:20px;text-align:center;font-size:1.7em}h4{font-size:2em;margin:15px}p{color:#000;font-size:1.7em}#cat-container{display:flex;justify-content:space-around;width:98%;padding:20px;flex-direction:row;height:500px;gap:15px}#cats{background-color:var(--colorPrimario);padding:18px 0}.cat-card{position:relative;flex:1;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;background-size:cover}.link{display:flex;flex:1}button{z-index:6000;border:0px;border-radius:30px;padding:10px;text-align:center;background-color:#000;font-size:20px;font-weight:600;color:var(--colorPrimario);cursor:pointer}#seg-card{background-image:url(/assets/seguridad-BBIUT01O.png)}#ind-card{background-image:url(/assets/empresas-B7Qy0wiy.jpeg)}#merch-card{background-image:url(/assets/merchandising-D_L4CnmW.jpg)}.filter{position:absolute;width:100%;height:100%;z-index:5000;background-color:#00000080;transition:background-color .5s;cursor:pointer}.filter:hover{background-color:#0000001a}.cat-img{width:auto}footer{display:flex;flex-direction:column;background-color:#000;align-items:center;overflow:hidden}footer h3{color:#fff}#footerMain{display:flex;flex-direction:row;justify-content:space-around;padding:30px;width:100%}#footerLeft{padding:20px 20px 20px 35px;width:40%}#footerLeft p{color:#fff;margin:15px;text-align:left}#footerRight{display:flex;flex-direction:row;justify-content:space-around;width:40%;margin:40px}.icon{width:60px;height:60px}ul{background-color:#000}#sticky{position:fixed;bottom:9%;right:5%;width:80px;border-radius:100%}#cat-section{background-color:var(--colorPrimario)}#floating-wsp{width:80px;height:80px;position:fixed;right:50px;bottom:50px;z-index:9999}#construccion{width:100%;height:80vh;background-color:#6e6c6c;display:flex;justify-content:center;align-items:center;flex-direction:column}#construccion img{width:250px}#construccion span{font-size:1.3em}.cat-section{min-height:500px;background-color:var(--colorPrimario)}.cat-section h2{padding:20px 0 15px}.card{width:300px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;margin:16px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:translateY(-8px);box-shadow:0 8px 16px #0003}.card img{width:100%;height:250px;object-fit:cover;border-bottom:1px solid #e0e0e0}.card-content{padding:15px 0 5px}.modal-main{min-height:auto;display:flex;flex-direction:column;width:100%;background-color:var(--colorPrimario);border-radius:10px;box-shadow:0 4px 10px #0003;padding:20px}.modal-main h2{margin:15px 0;font-size:1.5rem}.x-button{background-color:transparent;color:#333;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;position:absolute;top:10px;right:10px}.modal-img{width:50%;max-height:400px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #00000026}.modal-description{display:flex;flex-direction:column;width:60%;height:100%;gap:40px}.modal-description p{font-size:1.2rem}.modal-sub{display:flex;flex-direction:row;gap:30px;align-items:center}.button-consultar{margin-top:20px;align-self:center;justify-self:flex-end;background-color:#000;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.button-consultar:hover{background-color:#333}.card-content h3{font-size:1.2rem;color:#333;margin:5px;font-weight:700}.card-content p{font-size:1rem;color:#666;margin-bottom:16px;line-height:1.4}.destacados{background-color:var(--colorPrimario)}.destacados-galeria{display:flex;flex-direction:row;justify-content:center}.cat-galeria{display:flex;justify-content:center;flex-wrap:wrap}#icon-section{height:auto;display:flex;flex-direction:row;justify-content:space-around;background-color:var(--colorPrimario);align-items:center;padding:50px 0;gap:25px}.icon-item p{font-size:1rem}.icon-item img{height:80px}@media (max-width: 750px){.modal-sub{flex-direction:column;gap:5px}.modal-description{width:100%}.modal-description p{font-size:.9rem}.modal-img{min-width:57vw}.icon{width:40px;height:40px}#floating-wsp{width:67px;height:67px;right:28px;bottom:28px}#cat-container{flex-direction:column;height:1200px}.text-banner{font-size:1.5em}#banner-container,#banner{height:50vh}#footerLeft p{font-size:.9rem;margin:5px}#text-container button{width:130px;height:30px;padding:4px}#footerMain{flex-direction:column}#footerLeft,#footerRight{width:80%}}@media (max-width:960px){#icon-section{flex-direction:column}nav{display:none}}@media (max-width:1100px) and (min-width:750px){.text-banner{font-size:3em}}