/* Theme Name: LAGUNA Theme URI: https://westcreativo.com/ Author: Santiago Aristizábal Author URL: https://westcreativo.com/ Version: 1.0 Description: Plantilla personalizada para LAGUNA License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: theme-private Text Domain: LAGUNA Domain Path: /languages/ */ @import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=Cormorant:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Marcellus&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* @font-face{font-family: 'Mada Regular'; src: url(./fonts/Mada/Mada-Regular.ttf); font-weight:inherit;} */ @media screen and (min-width:0px){ :root{ --main-color-primary:#531479; --main-color-secundary:#36C5F0; --video-ratio: calc(16 / 9); --video-container-max-width: 640px; --video-container-x-padding-sum: 2rem; } ::selection{background:rgba(0, 0, 0, 0.3);} /*=============== GENERAL ===============*/ .wcbtn.btn-grey{background:rgba(0, 0, 0, 0.5);} #main__wrapper iframe, #main__wrapper-single-product iframe{--video-container-width: calc(100vw - var(--video-container-x-padding-sum)); width:100%;height:calc(var(--video-container-width) / var(--video-ratio));} /*========== PRELOADER ==========*/ #page__loader, #page__loader *{transition:none;} #page__loader{background:var(--main-color-secundary);} #page__loader #container__preloader img{max-width:25rem;} .loading::after{display:none !important;} /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:3rem;} #scrollto__top a#scrolltop__btn{background:#33658A; border-radius:.7rem !important;} #scrollto__top a#scrolltop__btn:hover{background:var(--main-color-secundary);} #scrollto__top a#scrolltop__btn .wcicon{font-size:2.5rem !important;} /*========== GENERALES ==========*/ p{font-size:inherit; font-weight:inherit; font-family: inherit;} *{scroll-behavior:smooth;} .text__orange{color:var(--main-color-secundary);} /*#main__wrapper{margin-top:8rem;}*/ .text__blue{font-weight:600; color:#0D6A94;} /*========== OFFCANVAS ==========*/ #offcanvas{background:#fff; position:fixed; width:100%; height:100%; transform:translateX(-150%); top:7.3rem; left:0; padding:0 0 10rem; transition:all .8s ease; overflow-y: scroll; z-index:99999;} #offcanvas.active{text-align:center; transform:translateX(0);} #offcanvas #nav__offcanvas *{font-size:1.6rem;} #offcanvas #nav__offcanvas ul.menu{display:flex; flex-wrap:wrap; flex-direction:column; margin-top:8rem;} #offcanvas #nav__offcanvas ul.menu > li{display:flex; flex-wrap:wrap; justify-content:center; width:80%; margin:0 auto; border-bottom:.1rem solid #00498720;} #offcanvas #nav__offcanvas ul.menu > li.current-menu-item a{font-weight:700; color:var(--main-color-secundary);} #offcanvas #nav__offcanvas ul.menu > li > a{font-family: "DM Sans", serif; font-size:1.5rem; font-weight:700; color:var(--main-color-primary); display:flex; flex-wrap:wrap; align-items:center; text-transform:uppercase; width:100%; justify-content:center; padding:1.5rem 0;} #offcanvas #nav__offcanvas ul.menu li ul.sub-menu{width:100%;} #offcanvas #nav__offcanvas ul.menu li ul.sub-menu li{list-style:none;} #offcanvas #nav__offcanvas ul.menu li ul.sub-menu li a{font-family: "DM Sans", serif; font-size: 1.2rem; font-weight:700; text-transform:uppercase; color:var(--main-color-secundary);} #offcanvas #nav__offcanvas ul.menu li ul.sub-menu li.current-menu-item a{font-weight:600;} #offcanvas #nav__offcanvas ul.menu li.menu-item-has-children > a span.wcicon{transform:rotate(-180deg); transition: all 1s;} #offcanvas #nav__offcanvas ul.menu li.menu-item-has-children > a span.wcicon.active{transform:rotate(0deg);} #offcanvas #widget__iconos_redes{margin-top:5rem;} /*========== ANIMATED TEXTS ==========*/ .title__animation { background: linear-gradient(to right, #1D2671, #C33764);min-height: 100vh;width: 100%;display: flex;justify-content: center;align-items: center;color: #fff;text-align: center; } .head-title {overflow: hidden;display: inline-block; } .head-title h3 {font-size: 4rem;transform: translateY(100%);opacity: 0; animation: reveal 1.2s ease-in-out forwards;} @keyframes reveal { 0% { transform: translateY(100%); opacity: 0;} 100% { transform: translateY(0); opacity: 1;} } /*========== HEADER ==========*/ #header{position:fixed; width:100%; top:0; left:0; background-color:transparent; padding:15px; display:flex; align-items:center; justify-content:space-around; transition:all .4s ease; z-index:999999;} #header.fixed{background-color:#fff;} #header.fixed #container__header #nav__main ul li a{color:#333333;} header .container__responsive-icon{margin-right: 20px;} #header #container__header #container__logo{display:flex !important;} #header #container__header #container__logo a{line-height:1 !important;} #header #container__header{display:flex; align-items:center; justify-content:space-evenly; max-width:150rem; width:100%;} #header #container__header #nav__main{width:50%;} #header #container__header #nav__main ul{display:flex; align-items:center; justify-content:center; white-space:nowrap;} #header #container__header #nav__main ul li{list-style:none; margin:0 1.2rem;} #header #container__header #nav__main ul li a{font-family: "Open Sans", sans-serif; font-size:1.2rem; font-weight:500; line-height:1; letter-spacing:.2rem; text-transform:uppercase; color:#333333;} #header #container__header #nav__main ul li.current-menu-item a{font-weight:700;} body.home #header.fixed #container__header #nav__main ul li a{color:#333;} #header .container__responsive-icon ul li#nav-responsive-icon{display:flex !important;} #header .container__responsive-icon ul li#nav-responsive-icon a{line-height:1 !important;}*/ /* --- FIX GENERAL DEL MENU PRINCIPAL --- */ #header #container__header #nav__main ul.menu {display: flex; align-items: center; gap: 2.8rem; justify-content: flex-end; white-space: nowrap;}*/ /* --- LOS
  • NO DEBEN EXPANDIRSE NI CAMBIAR ANCHO --- */ #header #container__header #nav__main ul.menu > li {position: relative; flex: 0 0 auto; }*/ /* --- SUBMENU: QUEDA POSICIONADO Y NO EMPUJA EL HEADER --- */ #header #container__header #nav__main ul.menu li.menu-item-has-children .sub-menu {position: absolute;top: 100%; left: 0; background: #fff;padding: 1rem 0;display: none; flex-direction: column; gap: 1rem; white-space: nowrap; z-index: 999999;} /* --- MOSTRAR SUBMENU AL HOVER --- */ #header #container__header #nav__main ul.menu li.menu-item-has-children:hover .sub-menu {display: flex;} /* --- ESTILOS DE LINKS DENTRO DEL SUBMENU --- */ #header #container__header #nav__main ul.menu li.menu-item-has-children .sub-menu li a {color: #333!important; padding: 0.5rem 1rem; display: block;}*/ /*========== EFECTO DEL HEADER (Esto y agregar el atributo de data-text por js) ==========*/ #header #container__header #nav__main ul li{ position:relative; overflow:visible; /* evita cortes y flicker */ } #header #container__header #nav__main ul li a{ display:inline-block; position:relative; transition: transform 0.3s ease; will-change: transform; } /* Texto duplicado */ #header #container__header #nav__main ul li a::before{ content:attr(data-text); position:absolute; left:0; top:100%; width:100%; color:#fff; transition: top 0.3s ease; } #header.fixed #container__header #nav__main ul li a::before{ color:#333; } /* 👉 mover solo el enlace, NO el li */ #header #container__header #nav__main ul li:hover a{ transform: translateY(-58%); } #header #container__header #nav__main ul li:hover a::before{ top:19px; } /*========== EFECTO DEL HEADER ==========*/ #header #container__header #nav__main ul li a:hover{font-weight:600;} /*nuevo css hedader*/ /* --- REPARAR SUBMENĂš GLOBALMENTE --- */ #header #container__header #nav__main ul.sub-menu{display:block !important; position:absolute !important; top:100%; left:0; background:#fff; padding:12px 0; white-space:normal !important; flex-direction:column !important; z-index:999999;} #header #container__header #nav__main ul.sub-menu li{ display:block !important;} #header #container__header #nav__main ul.sub-menu li a{ display:block !important; color:#333;} /* oculto por defecto */ #header #container__header #nav__main li.menu-item-has-children > .sub-menu{ display:none !important;} /* mostrar en hover */ #header #container__header #nav__main li.menu-item-has-children:hover > .sub-menu{display:block !important;} /* ========= CONFIG GENERAL ========= */ /* Ocultar logo blanco por defecto */ #logo-link-white{ display:none;} /* ========= SOLO HOME ========= */ body.home #logo-link{display:none;} body.home #logo-link-white{display:block;width:147px;} /* ========= HOME CON SCROLL ========= */ body.home #header.fixed #logo-link{ display:block;} body.home #header.fixed #logo-link-white{ display:none;} /*========== HOME ==========*/ #main__wrapper .section__banner-home .container__banner{aspect-ratio:50/29;} #main__wrapper .section__banner-home .container__banner h3{max-width:84rem; margin-left:24rem;} #main__wrapper .section__banner-home .container__banner .tpgb-plus-button{margin-left:24rem !important;} #main__wrapper .section__banner-home .container__banner{opacity:0;} #main__wrapper .section__banner-home.slick-initialized .container__banner{opacity:1;} #main__wrapper .section__banner-home .slick-list{overflow:hidden;} #main__wrapper .section__banner-home .slick-list .slick-track{display:flex;} #main__wrapper .section__banner-home ul.slick-dots{display:flex; justify-content:center; margin-top:-50px; z-index:999;} #main__wrapper .section__banner-home ul.slick-dots li{list-style:none; margin:0 .5rem;} #main__wrapper .section__banner-home ul.slick-dots li button{font-size:0; border-radius:100px; background:#fff; width:3.7rem; height:.7rem;} #main__wrapper .section__banner-home ul.slick-dots li.slick-active button{background:#0D6A94; width:86px; transition:all .8s;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__1::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:url("./images/spiral-1.webp") no-repeat center center; transform:scale(1); z-index:-1;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__1.slick-active::after{transform:scale(1.5); transition:all 10s;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__2::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:url("./images/spiral-2.webp") no-repeat center center; transform:scale(1); z-index:-1;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__2.slick-active::after{transform:scale(1.5); transition:all 10s;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__3::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:url("./images/spiral-3.png") no-repeat center center; transform:scale(1); z-index:-1;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__3.slick-active::after{transform:scale(1.5); transition:all 10s;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__4::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:url("./images/spiral-4.jpg") no-repeat center center; transform:scale(1); z-index:-1;} #main__wrapper .section__banner-home .slick-initialized .slick-track .container__banner.container__4.slick-active::after{transform:scale(1.5); transition:all 10s;} /*BANNERS HOME*/ .fa-arrow-right{color:#ffffff!important;} .banners-home button.splide__arrow.style-1{padding:12px 12px!important;} .splide__arrow.style-1:before {font-size: 12px!important;top: -14px!important;} .banners-home .splide__arrow.splide__arrow--prev.style-1{margin-left: -14px!important;} .button-link-wrap::before{display:none!important;} .section__we-look .button-link-wrap span.btn-icon{display:none!important;} .section__we-look::after{display:none!important;} #main__wrapper .section__what-we-title .container__animation{position:relative; overflow:hidden;} #main__wrapper .section__what-we-title .container__animation .tpgb-infobox{position: absolute; top:21px; left:35px; transform: translateY(0%); opacity: 1; visibility: hidden;} #main__wrapper .section__what-we-title .container__animation .tpgb-infobox.salir.activa{transform: translateY(0%); opacity: 1; visibility: visible; transition:all .5s !important;} #main__wrapper .section__what-we-title .container__animation .tpgb-infobox.salir{transform: translateY(100%); opacity: 1; transition:all .5s !important;} #main__wrapper .section__what-we-title .container__animation .service-media{align-items:center;} #main__wrapper .section__about-home .button__dowload a.button-link-wrap:hover{color:#fff; background:#531479; padding:15px; transition:all .8s;} #main__wrapper .section__about-home .button__dowload a.button-link-wrap:hover img{filter: brightness(0) invert(1);} #main__wrapper .section__why-work .container__cards-work .container__card{height:25rem; position:relative;} #main__wrapper .section__why-work .container__cards-work .container__card .container__top-card .icon__image img{transition: transform 0.6s ease-in-out; transform-style:preserve-3d;} #main__wrapper .section__why-work .container__cards-work .container__card .container__top-card .icon__arrow i{color:#531479;} #main__wrapper .section__why-work .container__cards-work .container__card .container__top-card .tpgb-plus-button{opacity:0; position:absolute; top:2.5rem; right:-1rem; max-width:max-content; transition:all .8s;} #main__wrapper .section__why-work .container__cards-work .container__card .container__top-card .tpgb-plus-button a{text-align:center; width:7.5rem; height:7.5rem; line-height:1; justify-content:center; display:flex; align-items:center;} #main__wrapper .section__why-work .container__cards-work .container__card .container__bottom-card h3{transition: all .8s;} #main__wrapper .section__why-work .container__cards-work .container__card .container__top-card .tpgb-plus-button a span{margin:0;} #main__wrapper .section__why-work .container__cards-work .container__card:hover .container__top-card .icon__image img{transform: rotateY(-180deg); filter: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(4676%) hue-rotate(167deg) brightness(89%) contrast(81%);} #main__wrapper .section__why-work .container__cards-work .container__card:hover{background:#fff; border:.3rem solid #198CBF;} #main__wrapper .section__why-work .container__cards-work .container__card:hover .container__bottom-card h3{color:#414141; margin-top:1.5rem; transition: all .8s;} #main__wrapper .section__why-work .container__cards-work .container__card:hover .container__top-card .icon__arrow{display:none; opacity:.8s;} #main__wrapper .section__why-work .container__cards-work .container__card:hover .container__top-card .tpgb-plus-button{opacity:1; transition:all .8s; top:.7rem; right:0;} /*CARD 2*/ #main__wrapper .section__why-work .container__cards-work .container__card.card-2:hover{border:.3rem solid #6E10A7;} #main__wrapper .section__why-work .container__cards-work .container__card.card-2:hover .container__top-card .icon__image img{filter: brightness(0) saturate(100%) invert(11%) sepia(90%) saturate(4602%) hue-rotate(278deg) brightness(90%) contrast(99%);} /*CARD 3*/ #main__wrapper .section__why-work .container__cards-work .container__card.card-3:hover{border:.3rem solid #1B8DC0;} #main__wrapper .section__why-work .container__cards-work .container__card.card-3:hover .container__top-card .icon__image img{filter: brightness(0) saturate(100%) invert(42%) sepia(57%) saturate(787%) hue-rotate(155deg) brightness(98%) contrast(87%);} /*CARD 4*/ #main__wrapper .section__why-work .container__cards-work .container__card.card-4:hover{border:.3rem solid #531479;} #main__wrapper .section__why-work .container__cards-work .container__card.card-4:hover .container__top-card .icon__image img{filter: brightness(0) saturate(100%) invert(17%) sepia(34%) saturate(4283%) hue-rotate(262deg) brightness(89%) contrast(110%);} /*CARD 5*/ #main__wrapper .section__why-work .container__cards-work .container__card.card-5:hover{border:.3rem solid #36C5F0;} #main__wrapper .section__why-work .container__cards-work .container__card.card-5:hover .container__top-card .icon__image img{filter: brightness(0) saturate(100%) invert(63%) sepia(93%) saturate(607%) hue-rotate(160deg) brightness(96%) contrast(97%);} /*CARD 6*/ #main__wrapper .section__why-work .container__cards-work .container__card.card-6:hover{border:.3rem solid #6E10A7;} #main__wrapper .section__why-work .container__cards-work .container__card.card-6:hover .container__top-card .icon__image img{filter: brightness(0) saturate(100%) invert(12%) sepia(91%) saturate(5069%) hue-rotate(277deg) brightness(79%) contrast(101%);} #main__wrapper .section__blog-home .title__fresh h3{margin-left:-18rem;} #main__wrapper .section__blog-home .title__fresh h3::after{content:"Perspectives"; position:absolute; top:2px; left:76%; font-size:3rem; color:#444444;} #main__wrapper .section__blog-home .post-loop-inner .grid-item a{border-top:.1rem solid #198CBF; padding-top:1.5rem;} #main__wrapper .section__blog-home .container__info-blogs h2.title__blog{position:relative;display:inline-block;font-size:20px;line-height:1.5;transition:background-size 0s;} #main__wrapper .section__blog-home .container__info-blogs h2.title__blog::after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(to bottom,transparent calc(1.5em - 2px),#198CBF calc(1.5em - 2px),#198CBF 1.5em);background-size:100% 1.501em;background-repeat:repeat-y;background-position:left top;pointer-events:none;z-index:-1;animation:none;} #main__wrapper .section__blog-home .container__info-blogs h2.title__blog:hover::after{animation:revealLines .3s linear forwards;} @keyframes revealLines{0%{width:0;}100%{width:100%;}} #main__wrapper .section__we-look{position:relative; overflow:hidden;} .maquina::after {content: "|"; display: inline-block; animation: blink 0.7s infinite; } @keyframes blink {50% { opacity: 0; }} @keyframes giro {0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(0deg);}} #main__wrapper .section__we-look::after{content: ""; position:absolute; top:0; left:-125px; width:360px; height:372px; background: url(./images/img-network-we.png) no-repeat center center/cover;animation:giro 20s ease-in-out infinite;} @keyframes sombra { 0% { top: 25%; left: 56%; } 12% { top: 30%; left: 55%; } 24% { top: 50%; left: 35%; } 36% { top: 50%; left: 70%; } 48% { top: 70%; left: 40%; } 60% { top: 35%; left: 45%; } 72% { top: 60%; left: 60%; } 84% { top: 40%; left: 40%; } 100% { top: 25%; left: 50%; } } #main__wrapper .section__we-look::before {content: "";position: absolute; width: 380px;height: 310px;background:url("./images/flotante.png") no-repeat center center;animation: sombra 20s infinite ease-in-out alternate; } #main__wrapper .btn__arrow a{overflow:visible;} #main__wrapper .btn__arrow a:hover{background-color: #531479;} .btn__learn-more a:hover{background-color: #531479!important;} .btn__view-banners-home a:hover{background-color: #0D6A94!important;} /*========== ABOUT ==========*/ #main__wrapper .section__accolades.terco .tpgb-cont-in{display:flex !important; flex-wrap:wrap !important; flex-direction: row !important;} #main__wrapper .section__certifications-about .container__certifications .tpgb-container-row .image__top{position:relative; z-index:5;} #main__wrapper .section__certifications-about .container__certifications .tpgb-container-row .image__bottom{position:absolute; top:-10px; right:0; bottom:0; left:0; margin:0 auto; transform:scale(0.8); opacity:0;} #main__wrapper .section__certifications-about .container__certifications .tpgb-container-row:hover .image__top{z-index:0} #main__wrapper .section__certifications-about .container__certifications .tpgb-container-row:hover .image__bottom{transform: scale(1); opacity:1; z-index:5; transition:all .2s;} .section__clients-about{padding-top: 30px!important; margin-top: -50px !important;} .section__integrate-impact{overflow: hidden!important;} /*Seccion Integrate Impact*/ .tpgb-block-f936_17 {position: relative; overflow: visible;} .tpgb-block-f936_17::before {content: ""; position: absolute; left: -5%;right: -5%; top: -70px; height: 800px;background-image: url("https://lagunamg.atc-onlinead.com/wp-content/uploads/2025/05/img-background-integrated.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; z-index: 0;} /*========== WHAT WE DO ==========*/ #main__wrapper .section__strategy .column__sticky .container__sticky{position:sticky; top:0;} #main__wrapper .section__strategy .container__strategy .info__strategy{max-width:42.3rem;} #main__wrapper .section__strategy::before{content:""; position:absolute; top:25%; right:10%; width:13.7rem; height:24.3rem; background: url("./images/img-simetric.png")no-repeat center center/100%;} #main__wrapper .section__strategy .container__animated-images .slick-list{overflow: hidden;} #main__wrapper .section__strategy .container__animated-images .slick-list .slick-track{display:flex;} #main__wrapper .section__progress-bar .container__progress .progress-bar-skill{border:.1rem solid #fff; border-radius:3rem; height:5.5rem; overflow:hidden;} #main__wrapper .section__progress-bar .container__progress .progress-bar-skill .progress-bar-skill-bar-filled{border-radius:1.8rem;} #main__wrapper .section__progress-bar .container__progress .title__card .head-title{min-height:25rem;} #main__wrapper .section__progress-bar .container__shedule .btn__arrow a:hover span.btn-icon{border:.2rem solid #fff;} #main__wrapper .sections__questions .tpgb-accordion .tpgb-accor-item.active{box-shadow:0 11px 10px 0 rgba(0, 0, 0, .1); border-radius:0 0 3rem 3rem;} #main__wrapper .sections__questions .tpgb-accordion .tpgb-accor-item.active .accordion-toggle-icon{border:.1rem solid #0D6A94;} #main__wrapper .sections__questions .tpgb-accordion .tpgb-accor-item .accordion-toggle-icon{display:flex; justify-content:center; align-items:center; border-radius:100%; width:5rem; height:4.6rem; border:.1rem solid #414141;} /*========== BLOG =========*/ .tpgb-wrap-5d49_21 .tpgb-post-listing .tpgb-filter-list a span{display:none;} .title__blog:hover{color:#0D6A94!important;} .blog__home img{height: 384px; object-fit: cover;} .tpgb-block-2a2c_21 .tpgb-search-btn{padding:0!important; margin-top: -66px!important; margin-left: 180px!important;background: transparent!important;} .tpgb-block-2a2c_21 .tpgb-btn-wrap{padding:0!important;} .tpgb-adv-single-typo{background: #ffffff; border-radius: 50px; padding: 5px 12px;} .tpgb-block-9397_21{order:2!important;} .tpgb-block-2a2c_21{order:1!important; margin-top: 120px!important;} .post__date{ opacity:0; transition:opacity 1.5s ease;} .post__date.is-ready{ opacity:1;} .section__blog{overflow: hidden!important;} /*========== ARTICULOS DEB BLOG =========*/ .search__blog .tpgb-search-btn{padding:0!important; margin-top: -66px!important; margin-left: 180px!important;background: transparent!important;} .search__blog .tpgb-btn-wrap{padding:0!important;} .search__blog .tpgb-adv-single-typo{padding:0 0 20px 0!important;} ul.blogs__recents li a{font-family: "open sans";font-weight: 700;font-size: 16px;line-height: 22px;color:#000000;} ul.blogs__recents li a:hover{color:#0D6A94;} .wp-block-latest-posts li {display: flex; flex-direction: column;} .wp-block-latest-posts__post-date {order: 1;} .wp-block-latest-posts__post-title {order: 2;} /*Flechas Navegacion*/ .tpgb-post-navigation .tpgb-post-nav {margin-top:50px;margin-left: 300px;} .tpgb-post-navigation .tpgb-post-nav {margin-top:50px;margin-left: 160px;} .tpgb-post-navigation .tpgb-post-nav .post-prev {margin-left: -60px;margin-right: 110px;} .tpgb-nav-style-2 .post-prev a .prev-hveicon, .tpgb-nav-style-2 .post-next a .prev-hveicon {color: #4f4f4f!important;} .tpgb-post-nav .post_nav_link {width: 55px; height: 55px; border: 2px solid #4f4f4f80; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .3s ease;} .tpgb-post-nav .post_nav_link i {display:none!important;} .post-prev .post_nav_link {background-image: url("https://lagunamg.atc-onlinead.com/wp-content/uploads/2025/12/icon-arrow-prev.svg");background-repeat: no-repeat;background-position: center;} .post-next .post_nav_link {background-image: url("https://lagunamg.atc-onlinead.com/wp-content/uploads/2025/12/icon-arrow-next.svg");background-repeat: no-repeat;background-position: center;} .tpgb-post-nav .post_nav_link{position: relative;} .post-prev .post_nav_link::after{content: "PREV"; font-family: "Open Sans"; font-size: 16px; font-weight: 600; line-height: 27.2px; color: #4f4f4f; letter-spacing: 1px;position: absolute;top: 50%;transform: translateY(-50%); left: calc(100% + -18px);} .post-next .post_nav_link::after{ content: "NEXT"; font-family: "Open Sans"; font-size: 16px; font-weight: 600; line-height: 27.2px;color: #4f4f4f; letter-spacing: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: calc(100% + -18px);} .post-edit-link, .comments{display: none!important;} /*Shortcode*/ .blog-meta span{font-family:"open sans"; font-size:16px; font-weight: 500; line-height: 30px;color:#00000099;} /*========== ERROR 404 - MAINTENANCE ==========*/ #error404, #maintenance{padding:5rem 1rem;} #error404 .wccol-md-4, #maintenance .wccol-md-4{order:2;} #error404 .wccol-md-8, #maintenance .wccol-md-8{order:1;} #error404 h2{font-size:12rem; color:var(--main-color-primary); line-height:1;} #maintenance h2{font-size:4rem; color:var(--main-color-primary); line-height:1;} #error404 h4, #maintenance h4{font-size:5rem; line-height:1;} #error404 p, #maintenance p{margin:1rem 0; font-size:1.4rem;} #error404 a.wcbtn, #maintenance a.wcbtn{background:#000; color:#fff; padding:1rem 4rem;} /*========== WORKS ==========*/ .project-nav-buttons {display: flex;justify-content: center;gap: 60px; margin-top: 50px; order: 999;padding-bottom: 50px;} .nxt-content-page-template {display: flex;flex-direction: column;} .nav-arrow {display: flex; align-items: center; gap: 14px; text-decoration: none; color: #6f6f6f; font-family: inherit; font-size: 16px; letter-spacing: 1px;} .nav-arrow .circle {width: 55px; height: 55px; border: 2px solid #4f4f4f80; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .3s ease;} .nav-arrow .arrow {font-size: 20px; font-weight: 300;color: #4f4f4f;} .nav-arrow:hover .circle { border-color: #000;} .nav-arrow:hover .label { color: #000;} .label {transition: .3s ease; font-family: 'Open Sans'; font-size: 16px;font-weight: 600; line-height: 27.2px;color: #4f4f4f;} .prev .label{margin-left: -30px;} .next .label{margin-right: -30px;} /*========== ARCHIVOS DE WORKS ==========*/ .tpgb-block-9e6d_1747{padding:0!important;} /*========== DIGITAL =========*/ .splide__arrow{background: #ffffff00!important; border: 1px solid #ffffff!important;} .splide__arrow::before{color:#ffffff!important;} .section__strategy::before{display:none!important;} /*========== CONTACT =========*/ form .frm_fields_container{width: 355px;} form .frm_fields_container .frm_form_field input, form .frm_fields_container .frm_form_field textarea{background: transparent;} .frm_form_field input::placeholder, .frm_form_field textarea::placeholder {color: #ffffff!important; opacity: 1!important;font-size:20px; font-weight: 500;} .frm_form_field input:hover, .frm_form_field textarea:hover{border:1px solid #fff;} form .frm_button_submit{width: 355px!important;} .frm_style_formidable-style.with_frm_style .frm_submit button {display: flex;justify-content: center;align-items: center;font-size:20px; font-weight: 700; color:#000;line-height: 22.4px;} .frm_style_formidable-style.with_frm_style .frm_submit button:hover{background-color: #531479;border:1px solid #531479;color:#fff;} /*Efecto del texto*/ .section__text-contact {position: relative;overflow: hidden;} .section__text-contact::before {content: ""; position: absolute; width:100%; height: 100%; bottom: 0; background: url("https://lagunamg.atc-onlinead.com/wp-content/uploads/2025/12/img-contact-hover.png") no-repeat center; background-size: cover; transform: translateY(100%);transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1); z-index: 0;} .section__text-contact:hover::before {transform: translateY(0);} .section__text-contact:hover .text__contact .heading-title {color: #fff;} .text__contact { position: relative;z-index: 1;} .text__contact .heading-title {color: #6b2fb9; transition: color 1.2s ease;} /*========== VISUAL CONTENT PRODUCTION =========*/ /*Efecto de los iconos*/ .card {position: relative;} .card .service-icon-wrap {position: relative; overflow: hidden; width: 50px; height: 50px; border-radius: 50px; z-index: 1;} .card .service-icon-wrap::before {content: ""; position: absolute; inset:-30%; background-image: url("https://lagunamg.atc-onlinead.com/wp-content/uploads/2025/12/img-hover-icons.png");background-size: cover; background-position: center; background-repeat: no-repeat; transform: translateY(120%);transition: transform 0.6s ease;left:-31px; z-index: 0;} .card:hover .service-icon-wrap::before {transform: translateY(-18%);} .card .service-icon-wrap img, .card .service-icon-wrap svg {position: relative; z-index: 1;} /*========== FOOTER ==========*/ footer{background-color:#531479; padding:3rem 2rem 1rem;} #footer *{color:#fff;} #footer .container__row{max-width:125rem;} #footer .container__row #container__footer #container__phone, #footer .container__row #container__footer #container__email{display:flex; align-items:center;} #footer .container__row #container__footer #container__phone{margin-top:5rem;} #footer .container__row #container__footer #container__phone .container__text-phone, #footer .container__row #container__footer #container__email .container__text-email{margin-left:1rem;} #container__email{margin-top: 20px;} #footer .container__row #container__footer #container__links .container__title h2, #footer .container__row #container__footer #container__what .container__title-what h2, #footer .container__row #container__footer #container__support .container__title-support h2{font-family: "Open Sans", sans-serif; font-size:2.2rem; font-weight:700; line-height:2.6rem;} #footer .container__row #container__footer #container__links ul.menu, #footer .container__row #container__footer #container__what ul.menu, #footer .container__row #container__footer #container__support ul.menu{margin-top:3rem;} #footer .container__row #container__footer #container__links ul.menu li, #footer .container__row #container__footer #container__what ul.menu li, #footer .container__row #container__footer #container__support ul.menu li{list-style:none;} #footer .container__row #container__footer #container__links ul.menu li.current-menu-item a, #footer .container__row #container__footer #container__support ul.menu li.current-menu-item a{ color:#ffffff !important; font-weight:700 !important;} #footer .container__row #container__footer #container__links ul.menu li a, #footer .container__row #container__footer #container__what ul.menu li a, #footer .container__row #container__footer #container__support ul.menu li a{font-family: "Open Sans", sans-serif; font-size:1.6rem; font-weight:400; line-height:3.5rem;} #footer .container__row #container__footer #container__support .container__social{margin-top:5rem;} #footer .container__row #container__footer #container__support .container__social p{font-family: "Open Sans", sans-serif; font-size:2.1rem; font-weight:300; line-height:2.6rem;} #footer .container__row #container__footer #container__support .container__social #widget__follow{display:flex;align-items:center;} #footer .container__row #container__footer #container__support .container__social #widget__follow img{width:3.6rem !important; margin:0 .8rem;} #footer #container__copyright{padding:2rem 1rem 0; border-top:.1rem solid #ffffff10;} } @media screen and (min-width:768px){ /*========== HOME ==========*/ .banners-home ul.splide__pagination{margin-top: -36px!important;} .section__about-home .tpgb-cont-in{padding: 208px 0;} #main__wrapper .section__blog-home .title__fresh h3::after{font-size:3.5rem; top:0;} #main__wrapper .section__certifications{aspect-ratio:50/20; background:url("./images/img-back-certifications-home.png") no-repeat center center/100%;} #main__wrapper .section__why-work .container__cards-work .container__card{width:41.9rem;} #main__wrapper .section__blog-home .title__fresh h3{margin-left:-13rem;} #main__wrapper .section__blog-home .title__fresh h3::after{left:105%;} /*========== ABOUT ==========*/ #main__wrapper .section__certifications-about{aspect-ratio:50/21; background:url("./images/img-background-certifications-2.png") no-repeat center center/100%;} #main__wrapper .section__accolades > .tpgb-cont-in{display:flex !important; flex-wrap:wrap !important; flex-direction: row !important;} #main__wrapper .section__accolades > .tpgb-cont-in .container__accolades{width:48%;} #main__wrapper .section__strategy::before{top:0;} .tpgb-block-6398_17>.tpgb-cont-in {padding-top: 146px!important;} .tpgb-block-403b_17 {padding: 0!important;} .tpgb-block-167d_17 {padding: 0 30px!important;} /*========== BLOG =========*/ .tpgb-block-9397_21{order:1!important;} .tpgb-block-2a2c_21{order:2!important; margin-top: 0!important;} /*========== CONTACT =========*/ form .frm_fields_container{width: 300px;} form .frm_button_submit{width: 300px!important;} .tpgb-block-0a0d_22>.tpgb-cont-in {gap: 40px;} .tpgb-block-27e6_22 .tpgb-block-5517_22{padding: 20px 20px 0 20px !important;} /*========== FOOTER =========*/ #footer .container__row .container__inner{padding:13rem 0 5rem;} } @media screen and (min-width:1024px){ body.home #header #container__header #nav__main ul li a{color:#fff!important;} /* HOME arriba sin scroll */ body.home #header{background: transparent !important; } /* HOME cuando hace scroll */ body.home #header.fixed{background:#ffffff !important;} body.home #header.fixed #container__header #nav__main ul.menu > li > a{color:#333333 !important;} /* SUBMENĂš — oculto por defecto */ #header #nav__main ul.menu > li.menu-item-has-children > .sub-menu{ display: none !important; position: absolute !important; top: 100%; left: 0; background:#ffffff !important; padding: 12px 0; min-width: 260px; flex-direction: column !important;opacity:1 !important;visibility: visible !important;z-index: 999999 !important;} /* Mostrar solo al pasar el mouse */ #header #nav__main ul.menu > li.menu-item-has-children:hover > .sub-menu{ display: flex !important;} /* Que no se acomode en fila */ #header #nav__main ul.menu > li.menu-item-has-children > .sub-menu, #header #nav__main ul.menu > li.menu-item-has-children > .sub-menu li{display: block !important;} #header #nav__main ul.menu > li.menu-item-has-children > .sub-menu li a{display:block !important; color:#333 !important;} #nav__main {display: block !important;} /* Oculta el botĂłn hamburguesa */ .container__responsive-icon, #nav-responsive-icon {display: none !important;} /* Items principales en fila */ #nav__main .menu {display: flex; align-items: center; gap: 18px;} #nav__main .menu > li {position: relative;} /* SUBMENU normal (dropdown) */ #nav__main .sub-menu {position: absolute;top: 100%;left: 0; background: #fff; padding: 15px 0; min-width: 240px; opacity: 0; visibility: hidden; pointer-events: none; transition: .2s ease; box-shadow: 0 20px 50px rgba(0,0,0,.1);display: block !important;} #nav__main .sub-menu li {display: block;width: 100%; padding: 0;} #nav__main .sub-menu a {display: block;padding: 8px 18px;white-space: nowrap; } /* Hover magic */ #nav__main .menu > li:hover > .sub-menu{opacity: 1;visibility: visible; pointer-events: auto; } /*========== HOME ==========*/ #main__wrapper .section__why-work .container__cards-work .container__card{height:37rem;} #main__wrapper .section__blog-home .title__fresh h3::after{font-size:3.5rem; left:12rem;} #main__wrapper .section__we-look::after{top:255px; width:312px; height:324px;} #main__wrapper .section__what-we-title .container__animation .tpgb-infobox .service-title{font-size:4.8rem; line-height:6rem;} /*========== ABOUT ==========*/ #main__wrapper .section__accolades > .tpgb-cont-in .container__accolades{width:33%;} #main__wrapper .section__accolades > .tpgb-cont-in .container__accolades.last{width:67%;} .section__certifications-about{ margin-top: -128px !important} .section__clients-about { margin-top: -114px !important;} /*========== CONTACT =========*/ .section__title-contact h3{font-size:51px!important;} .section__form .tpgb-cont-in{padding-top:0!important;} form .frm_fields_container{width: 440px;} form .frm_button_submit{width: 440px!important;} .section__text-contact .tpgb-block-a39c_22>.tpgb-cont-in {padding-top: 100px;padding-bottom: 150px;} } @media screen and (min-width:1200px){ /*========== HOME ==========*/ #main__wrapper .section__why-work .container__cards-work .container__card{height:25rem;} .banners-home ul.splide__pagination{margin-top: -335px!important;} .tpgb-block-f101_2 {padding-left: 0!important;} .section__about-home .tpgb-cont-in {padding: 37px 0;} /*========== ABOUT ==========*/ #main__wrapper .section__clients-about .column__clients .container__clients{max-width:74.5rem; margin-left:auto;} #main__wrapper .section__clients-about .column__clients .container__clients .tpgb-heading-title{max-width:53rem;} #main__wrapper .section__clients-about .column__logos-clients .grid-item{width:calc(23%) !important;} .section__certifications-about{ margin-top: -130px !important} /*========== CONTACT =========*/ form .frm_fields_container{width: 510px;} form .frm_button_submit{width: 510px!important;} /*========== WORKS ==========*/ .project-nav-buttons {padding-bottom: 150px;} /*========== DIGITAL ==========*/ .info__strategy .service-desc.tpgb-trans-linear{width: 787px!important;} /*========== FOOTER ==========*/ footer{background-color:#f7f7f700; background-image:url(images/img-back-footer.png); background-repeat:no-repeat; background-position:center top; padding: 5rem 2rem 1rem; position:relative; z-index:10;} footer {margin-top: -160px!important;} } @media screen and (min-width:1300px){ #header #container__header #nav__main ul li{margin:0 1.5rem;} #header #container__header #nav__main ul li a{font-size:1.6rem;} #main__wrapper .section__we-look::after{width:435px; height:411px;} /*========== HOME ==========*/ .banners-home ul.splide__pagination{margin-top: -190px!important;} .section__about-home .tpgb-cont-in {padding: 50px 0;} /*========== ABOUT ==========*/ #main__wrapper .section__certifications-about{aspect-ratio:50/16;} #main__wrapper .section__strategy::before{top:30%; width:20.7rem; height:28.3rem;} .section__certifications-about{ margin-top: -60px !important} } @media screen and (min-width:1440px){ /*========== HOME ==========*/ .banners-home ul.splide__pagination{margin-top: -30px!important;} .section__about-home .tpgb-cont-in {padding: 58px 0;} } @media screen and (min-width:1500px){ #main__wrapper .section__what-we-title .column__title-static h3{font-size:7rem; line-height:8rem;} #main__wrapper .section__what-we-title .container__animation .tpgb-infobox .service-title{font-size:7rem; line-height:8rem;} #main__wrapper .section__strategy::before{top:29%; right:10%; width:324px; height:441px;} } @media screen and (min-width:1600px){ #main__wrapper .section__why-work .container__cards-work .container__card{height:28rem;} } @media screen and (min-width:1800px){ #main__wrapper .section__about-home > .tpgb-cont-in{padding:145px 15px 85px;} #main__wrapper .section__about-home > .tpgb-cont-in .tpgb-heading-title h3{font-size:5rem; line-height:68px;} #main__wrapper .section__about-home > .tpgb-cont-in .button__dowload a{font-size:2.2rem;} #main__wrapper .section__about-home > .tpgb-cont-in .btn__arrow a{font-size:1.6rem;} #main__wrapper .section__about-home .container__icons-about-home .tpgb-infobox .service-title{font-size:2.2rem; line-height:2.6rem;} #main__wrapper .section__about-home .container__icons-about-home .tpgb-infobox .service-desc{font-size:1.8rem; line-height:2.7rem;} #main__wrapper .section__why-work .heading__title_wy-work h3, #main__wrapper .section__why-work .heading__title_wy-work h3 span{font-size:5rem; line-height:6rem;} #main__wrapper .section__why-work .container__cards-work .head-title h3{font-size:2.2rem; line-height:2.6rem;} #main__wrapper .section__certifications h3 div{font-size:5rem; line-height:6rem;} #main__wrapper .section__certifications .container__images-certifications{max-width:88rem;} #main__wrapper .section__certifications .container__images-certifications img{max-width:188px; width:188px;} #main__wrapper .section__blog-home .title__fresh h3{margin-top:2rem; margin-bottom:3rem;} #main__wrapper .section__blog-home .title__fresh div{font-size:5rem; line-height:6rem;} #main__wrapper .section__blog-home .title__fresh h3::after{font-size:5rem; line-height:6rem; left:15rem;} #main__wrapper .section__blog-home .container__info-blogs h2.title__blog{font-size:2.4rem; line-height:3.6rem;} #main__wrapper .section__we-look .title__we h3.heading-title{font-size:9rem; line-height:11.3rem;} #main__wrapper .section__we-look .container__we-look > .tpgb-cont-in{max-width:1053px;} #main__wrapper .section__we-look .text_maquina .container__maquina{font-size:3.5rem;} #main__wrapper .section__we-look::after{width:515px; height:540px;} }