/* Theme Name: Buenavista Marketing digital Theme URI: https://testseo.buenavista.design/ Author: Jose Salas Author URL: https://buenavista.design/ Version: 1.0 Description: Plantilla personalizada para Buenavista Design License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: theme-private Text Domain: buenavista-design Domain Path: /languages/ */ @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes expandir{ from{ transform: scale(0.2); } to{ transform: scale(1); } } @keyframes expandir2{ from{ transform: scale(1); } to{ transform: scale(0.8); } } @keyframes expandir3 { from{ transform: scale(1); } to{ transform: scale(1.2); } } @keyframes flotar { 0%{ transform: translate(0, 0rem); } 50%{ transform: translate(0, 2rem); } 100%{ transform: translate(0, -0rem); } } @keyframes saltar { 0%{ transform: translateY(0rem); } 50%{ transform: translateY(-2rem); } 100%{ transform: translateY(0rem); } } @keyframes saltar2 { 0%{ transform: translate(-50%,0rem); } 50%{ transform: translate(-50%,-4rem); } 100%{ transform: translate(-50%,0rem); } } @keyframes diagonal{ from{ transform: translate(0rem,0rem); } to{ transform: translate(-3.9rem, 3.5rem); } } @keyframes diagonal2{ from{ transform: translate(0rem,0rem); } to{ transform: translate(-3.2rem,-2.9rem); } } @keyframes diagonal3{ from{ transform: translate(0rem,0rem); } to{ transform: translate(2.8rem,2.8rem); } } @keyframes rotar { from { transform: rotate(0) scale(0.2); } to { transform: rotate(360deg) scale(1); } } @keyframes rotar2{ from { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes typing{ from {width: 0;} } @keyframes blink{ 50%{border-color: transparent;} } @keyframes scale-up-hor-center{ 0%{transform:scaleX(.4)} 100%{transform:scaleX(1)} } /* @keyframes sphere { to { transform: rotatey(1turn) } } */ @media screen and (min-width:0px){ :root{ --main-color-primary:#2b5f9f; --main-color-secundary:#00b2ff; --main-color-yellow:#FFB400; --main-color-yellow2:#FFDA00; --video-ratio: calc(16 / 9); --video-container-max-width: 640px; --video-container-x-padding-sum: 2rem; --paragraph-font-size:1.6rem; --paragraph-line-height:3.15rem; /* --paragraph-text-align:center; */ --paragraph-color:#151515; --paragraph-letter-spacing: 0.32px; --paragraph-font-style: normal; --paragraph-font-weight: 400; --paragraph-font-family: 'Manrope',sans-serif; --title-font-size:4rem; --title-line-height:6.4rem; --title-letter-spacing: 0.4px; --font-paragraph: var(--paragraph-font-style) var(--paragraph-font-weight) var(--paragraph-font-size) var(--paragraph-line-height) var(--paragraph-font-family); } ::selection{background:rgba(0, 0, 0, 0.3);} /*=============== GENERAL ===============*/ .wcbtn.btn-blue{background:var(--main-color-secundary);} .wcbtn.btn-red{background:#FF0000;} .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));} */ table{display:block; min-width:100%; width:100%; margin:2rem 0; border-radius:1rem; overflow-x:auto;} table thead tr th{background:rgba(0, 0, 0, 0.15); padding:1rem 1.5rem; text-transform:uppercase; font-weight:bold;} table tbody tr td{padding:0.5rem 1.5rem;} table tbody tr:nth-child(odd) td{background:rgba(0, 0, 0, 0.015);} table tbody tr:nth-child(even) td{background:rgba(0, 0, 0, 0.03);} table tbody tr:hover td{background:rgba(0, 0, 0, 0.09);} table tbody tr td{color:rgba(0, 0, 0, 0.5);} .pro-paragraph-inner p{font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; letter-spacing:inherit;} .loading::after{display:none !important; width:0; height:0;} .tpgb-plus-button a{transition:all .3s;} #main__wrapper article{overflow: hidden;} #main__wrapper .slick-track, #main__wrapper .splide__list{transition:unset;} #main__wrapper .slick-list{width: 100%; order: 1;} #main__wrapper .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;} #main__wrapper .slick-track{display: flex;} #main__wrapper .tpgb-plus-button a > span{display: flex;} #main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:160rem;} #main__wrapper .tpgb-section > .tpgb-section-wrap.tpgb-container-fluid{width:100%; max-width:100%;} #main__wrapper .tpgb-creative-img-wrap{line-height:0;} #main__wrapper .yoast-breadcrumbs span{display: flex; align-items: center; text-wrap: wrap;} #main__wrapper .yoast-breadcrumbs span a{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #38393F;} #main__wrapper .yoast-breadcrumbs span.breadcrumb_last{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #38393F;} /*========== WHATSAPP ==========*/ #container__whatsapp {box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); border-radius: 100rem;} #container__whatsapp *{margin:0; padding:0;} #container__whatsapp .texto{display:block;} /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:7rem;} #scrollto__top a#scrolltop__btn{width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; color:#FFF; background:#9882FD;} #scrollto__top a#scrolltop__btn:hover{color:#fff; background:#56498d;} .chatwith.rightpos{right:2rem !important;} .chatwith.rightpos .chatwith-mainbutton{justify-content: center;} /*=============== TEXTOS GLOBALES ===============*/ #topbody h1{font-weight: 500;} #topbody h2{font-weight: 600;} /* #topbody .link a{font-family:"Lexend Deca", sans-serif; font-size: 1.6rem; line-height: 2.8rem; font-weight: 700; text-decoration: underline;} */ /* #topbody p{font-family:"Lexend Deca", sans-serif; font-size: 1.6rem; line-height: 2.6rem; font-weight: 400;} */ /*========== GLOBAL STYLES ==========*/ .wp-block-outermost-icon-block .icon-container{width: fit-content !important;} .wp-block-outermost-icon-block .icon-container svg{width: auto; height: auto;} /*========== POPUP-GLOBAL ==========*/ .stylistic-modal {border-bottom: unset !important; height: max-content !important; border-radius: 1.3rem !important;} .stylistic-modal .iziModal-header-buttons{display: flex; align-items: center; justify-content: center; width: 4.8rem; height: 4.8rem; border-radius: 100rem; top: 6%; right: 1rem; z-index: 10; background: #F5F0FF;} .stylistic-modal .iziModal-button-close{background: url(images/close-burger.png) no-repeat center/100%; background-size: 1.55rem !important; opacity: unset;} .stylistic-modal .iziModal-wrap{height: 50rem !important; overflow-y: auto; overflow-x: unset; border-radius: 1.3rem;} .stylistic-modal .iziModal-wrap .iziModal-content{padding: 2rem 1rem !important;} .stylistic-modal .iziModal-wrap .iziModal-content {flex-direction: column; background: #FFF;} .stylistic-modal .iziModal-wrap .iziModal-content .bloq1{flex-direction: column; width: 100%;} .stylistic-modal .iziModal-wrap .iziModal-content .bloq2{display: none;} /*========== OFFCANVAS ==========*/ #offcanvas{display: flex; flex-direction: column; justify-content: space-between; background:#FFF; position:fixed; width:100vw; height:100%; right:-200%; top:0; padding: 1.7rem 1rem 6.1rem ; z-index:999999999; transition:all .4s ease; overflow:auto;} #offcanvas.active{right:0%;} #offcanvas *{color:#1D1E24; transition: all .5s;} #offcanvas .content-close{position:absolute; top:1.5rem; right: 1.8rem; display:flex;} #offcanvas a#nav-responsive-close{padding: 1.523rem; border-radius: 100rem; background: #F5F0FF;} #offcanvas a#nav-responsive-close span{display: block; width: 1.753rem; height: 1.753rem; background: url(images/close-burger.png) no-repeat top/100%;} #offcanvas #nav__offcanvas .content-logo img{max-width:17.1rem;} #offcanvas #nav__offcanvas ul.menu{display:flex; flex-direction: column; padding: 4.8rem 0rem 0rem;} #offcanvas #nav__offcanvas ul.menu li{display:flex; flex-wrap:wrap; align-items: center; gap: .5rem; width:100%; padding-bottom: 1.6rem;} #offcanvas #nav__offcanvas ul.menu li:last-child{padding-bottom:0rem;} #offcanvas #nav__offcanvas ul.menu li > span{font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; font-weight: 400; line-height: 4.2rem; color: #1D1E24; order: 0;} #offcanvas #nav__offcanvas ul.menu li a{display:flex; align-items:center; font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; font-weight: 400; line-height: 4.2rem; color: #1D1E24; order: 1;} #offcanvas #nav__offcanvas ul.menu li.current-menu-item a{font-weight:700;} #offcanvas #nav__offcanvas ul.menu > li.menu-item-has-children > a span{font-size: 2rem; transform: rotate(0); transition: all .5s ease;} #offcanvas #nav__offcanvas ul.menu > li.menu-item-has-children > a.active span{transform: rotate(180deg);} #offcanvas #nav__offcanvas ul.menu > li.menu-item-has-children ul.sub-menu{width: 100%; list-style: none; order: 2;} #offcanvas #nav__offcanvas ul.menu > li.menu-item-has-children ul.sub-menu li{padding: 0rem 0rem 0rem 4rem;} /* #offcanvas .menu-idiomas ul{display: flex; align-items: center; gap: .8rem; padding-top: 3.4rem; list-style: none; border-top: .2rem solid #D7E0EB;} #offcanvas .menu-idiomas ul a{font-family: "Lexend Deca", sans-serif; font-size: 2rem; font-weight: 500; letter-spacing: .024rem; color: #1D1E24;} #offcanvas .menu-idiomas ul li.current-lang a{padding: .6rem 1.75rem; border: .1rem solid #1D1E24; border-radius: 20rem;} */ #offcanvas .menu-bottom{display: flex; flex-direction: column; gap: 1.7rem; border-top: .2rem solid #D7E0EB;} #offcanvas .menu-bottom #social-links #widget__social{display: flex; gap: 1.7rem; padding-top: 3.4rem;} #offcanvas .menu-bottom #social-links #widget__social aside{display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; background: #1D1E24; border-radius: 10rem;} #offcanvas .menu-bottom #social-links #widget__social aside img{max-width: 2rem;} /*========== HEADER ==========*/ #header{width:100%; position: fixed; transition:all .4s ease; z-index: 99;} #header .container__row{display:flex; align-items:center; width: min(87.2%,119.7rem); justify-content:space-between; padding-top: .8rem;} #header .container__row #container__logo a img{max-width:14.262rem;} #header .container__row #container__logo a img.logo-fixed{display: none;} #header .container__row #nav__header{display: flex; justify-content: center; align-items: center;} #header .container__row #nav__header ul.menu{display: none;} #header .container__row #nav__header #list__icons-header{display: block; list-style: none;} #header .container__row #nav__header #list__icons-header a{display: flex; padding: 1.5rem 1.2rem; border-radius: 100rem; background: #F5F0FF;} #header .container__row #nav__header #list__icons-header span{ width: 2.4rem; height: 1.79rem; background: url(images/menu-burguer.png) no-repeat top/100%;} #header.fixed{background: #FFF;} #header.fixed .container__row{padding: 1.5rem 0rem;} /*========== HOME ==========*/ #main__wrapper .section1-home .tpgb-heading-title{max-width: 43.4rem;} #main__wrapper .section1-home .tpgb-heading-title span{background: radial-gradient(circle, rgba(231,251,80,1) 0%, rgba(241,187,255,1) 12%, rgba(83,200,208,1) 52%, rgba(152,130,253,1) 87%); background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% auto; background-position: 129% 100%;} #main__wrapper .section1-home .text1{max-width: 44.5rem;} #main__wrapper .section1-home .text2{max-width: 47.5rem;} #main__wrapper .section1-home .text3{max-width: 34.6rem; font-weight: 700;} #main__wrapper .section2-home{background: #0E0E10;} #main__wrapper .section2-home .bloq1 .tpgb-heading-title span{background: radial-gradient(circle, rgba(231,251,80,1) 0%, rgba(241,187,255,1) 26%, rgba(178,250,255,1) 48%, rgba(152,130,253,1) 84%); background-clip: text; -webkit-text-fill-color: transparent; background-size: 778% auto; background-position: 81% 100%;} #main__wrapper .section2-home .bloq1 .tpgb-creative-image{width: 8.6rem; height: 8.6rem; background: #171C1F; border-radius: 100rem; display: flex; align-items: center; justify-content: center;} #main__wrapper .section2-home .bloq1 .tpgb-creative-image .tpgb-creative-img-wrap{display: flex; align-items: center; justify-content: center;} #main__wrapper .section2-home .bloq1 .tpgb-pro-paragraph{display: none; max-width: 35.5rem;} #main__wrapper .section2-home .bloq1 .text1, #main__wrapper .section2-home .bloq1 .text2{display: block;} #main__wrapper .section2-home .bloq1 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section2-home .bloq1 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section3-home{background: #FFF;} #main__wrapper .section3-home .tpgb-cont-in::before{content: ''; display: block; width: 35.9rem; height: 16.1rem; position: absolute; bottom: 5%; right: 0%; background: url(images/bg-section3-home-MOBILE.png) no-repeat top/35.9rem} #main__wrapper .section3-home .tpgb-cont-in::after{content: ''; display: block; width: 6.964rem; height: 2.846rem; position: absolute; top: 7%; right: 8%; background: url(images/bg2-section3-home-PC.png) no-repeat top/100%;} #main__wrapper .section3-home .bloq1 .tpgb-heading-title{max-width: 61.6rem; padding-right: 10rem;} #main__wrapper .section3-home .bloq1 .tpgb-heading-title span{ background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section3-home .bloq2 .tpgb-stylist-list{max-width: 61.9rem; margin: 0rem auto;} #main__wrapper .section3-home .bloq2 .tpgb-stylist-list .tpgb-icon-list-item{display: none;} #main__wrapper .section3-home .bloq2 .tpgb-stylist-list .tpgb-icon-list-item:nth-child(1), #main__wrapper .section3-home .bloq2 .tpgb-stylist-list .tpgb-icon-list-item:nth-child(2){display: flex;} #main__wrapper .section3-home .bloq2 .tpgb-stylist-list .tpgb-icon-list-item.visible{display: flex;} #main__wrapper .section3-home .bloq2 .btn-leer-mas, #main__wrapper .section3-home .bloq2 .cta{margin-left: 2.7rem;} #main__wrapper .section3-home .bloq2 .btn-leer-mas a{font-weight: 600;} #main__wrapper .section4-home .tpgb-cont-in > .tpgb-pro-paragraph .pro-paragraph-inner{font-weight: 500;} #main__wrapper .section4-home .container1 .tpgb-pro-paragraph .pro-heading-inner{max-width: 62rem;} #main__wrapper .section4-home .container1 .tpgb-pro-paragraph .pro-paragraph-inner{max-width: 51.6rem; margin: 0 auto;} #main__wrapper .section4-home .container2 .slick-list{overflow: hidden;} #main__wrapper .section4-home .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section4-home .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section4-home .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section4-home .container2 .tpgb-container-col.slick-active{border:.2rem solid #F3C2FF; transition: border .5s ease-in-out;} #main__wrapper .section4-home .container2 .tpgb-container-col{padding: 4.886rem 3rem 4.282rem; border-radius: 1.3rem; height: 39.65rem; justify-content: space-between;} #main__wrapper .section4-home .container2 .tpgb-container-col .tpgb-creative-image{width: 6.785rem; height: 5.406rem;} #main__wrapper .section4-home .container2 .tpgb-container-col:nth-child(5) .tpgb-creative-image img{height: 5.315rem;} #main__wrapper .section4-home .container2 .tpgb-container-col:nth-child(6) .tpgb-creative-image img{height: 5.406rem;} #main__wrapper .section4-home .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{max-width: 25rem; font-weight: 700; text-wrap: pretty;} #main__wrapper .section4-home .container2 .tpgb-container-col .tpgb-pro-paragraph p{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section4-home .container2 .tpgb-container-col.active-info{height: fit-content; justify-content: start;} #main__wrapper .section4-home .container2 .tpgb-container-col.active-info .tpgb-pro-paragraph p{-webkit-line-clamp: unset;} #main__wrapper .section4-home .container2 .bloq4 .tpgb-pro-paragraph, #main__wrapper .section4-home .container2 .bloq5 .tpgb-pro-paragraph{max-width: 27rem;} #main__wrapper .section5-home:before{content: ''; display: block; width: 32.2rem; height: 29.8rem; position: absolute; top: 24.5rem; left: -10.5rem; background: rgb(176, 247, 255, 13%); box-shadow: 0rem 0rem 30rem 0rem rgb(176, 247, 255, 25%); border-radius: 100rem;} #main__wrapper .section5-home::after{content: ''; display: block; width: 25.7rem; height: 23.8rem; position: absolute; top: 13.5rem; right: -10.5rem; background: rgb(241, 187, 255, 9%); box-shadow: 0rem 0rem 30rem 0rem rgb(241, 187, 255, 25%); border-radius: 100rem;} #main__wrapper .section5-home .tpgb-cont-in{z-index: 1;} #main__wrapper .section5-home .container1 .bloq1 .tpgb-pro-paragraph{max-width: 35.2rem;} #main__wrapper .section5-home .container1 .bloq1 .tpgb-pro-paragraph:first-child .pro-heading-inner, #main__wrapper .section5-home .container1 .bloq1 .tpgb-pro-paragraph:first-child .pro-paragraph-inner{font-weight: 600;} #main__wrapper .section5-home .container1 .bloq2 img{width: 100%; max-width: 57rem;} #main__wrapper .section5-home .container1 .bloq2 .tpgb-plus-button{width: max-content; animation: expandir3 1.5s ease alternate infinite ;} #main__wrapper .section5-home .container2 .tpgb-container-col{max-width: 24rem; height: 10.5rem; display: flex; align-items: center; justify-content: center; padding: unset; position: relative;} #main__wrapper .section5-home .container2 .tpgb-container-col .tpgb-creative-image{max-width: 19.8rem; margin: 0 auto; position: unset;} #main__wrapper .section5-home .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: .1rem; height: 7.746rem; position: absolute; top: 1.7rem; right: 0rem; background: rgb(174, 178, 198, 41%);} #main__wrapper .section5-home .container2 .tpgb-container-col .tpgb-creative-image::after{content: ''; display: block; width: 13.4rem; height: .1rem; position: absolute; bottom: 0rem; left: 8vw; background: rgb(174, 178, 198, 41%);} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(4) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(6) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(8) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(10) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(12) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(14) .tpgb-creative-image::before{content: ''; display: none;} #main__wrapper .section6-home .tpgb-heading-title span{background: radial-gradient(circle, rgba(231,251,80,1) 0%, rgba(241,187,255,1) 12%, rgba(83,200,208,1) 52%, rgba(152,130,253,1) 87%); background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% auto; background-position: 131% 100%;} #main__wrapper .section6-home .tpgb-accordion{max-width: 64.8rem;} #main__wrapper .section6-home .tpgb-accordion .tpgb-accor-item .accordion-title{max-width: 45.9rem; font-weight: 600;} #main__wrapper .section6-home .tpgb-accordion .tpgb-accor-item .accordion-toggle-icon{margin: 0rem 0rem 0rem 2.9rem;} #main__wrapper .section6-home .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header.active{border: unset;} #main__wrapper .section6-home .tpgb-accordion .tpgb-accor-item:last-child .tpgb-accordion-header{border: unset;} #main__wrapper .section6-home .tpgb-pro-paragraph{width: 100%; max-width: 64.8rem; font-weight: 700;} #main__wrapper .section7-home .container1 .tpgb-heading-title span{color: #FFF;} #main__wrapper .section7-home .container2 .tpgb-container-col{border-radius: 1.3rem; height: 22.9rem; padding: 4.2rem 4.1rem 3rem 3.4rem; margin-bottom: 4rem;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(2){height: 26.8rem;} #main__wrapper .section7-home .container2 .tpgb-container-col:last-child{margin-bottom: 0rem; padding-right: 2.5rem;} #main__wrapper .section7-home .container2 .tpgb-container-col .tpgb-creative-image{width: 4.204rem; height: 3.991rem; position: relative;} #main__wrapper .section7-home .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; top: -1rem; right: -1.3rem; background: url(images/star-2.png) no-repeat top/100%; animation: expandir2 .5s ease-in-out .5s infinite alternate;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -.7rem; right: -.2rem; animation: expandir2 1.5s ease-in-out .5s infinite alternate;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before{animation: expandir2 2s ease-in-out .5s infinite alternate;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(4) .tpgb-creative-image::before{animation: expandir2 2.5s ease-in-out .5s infinite alternate;} #main__wrapper .section7-home .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-paragraph-inner span{color: #FFF;} #main__wrapper .section8-home .container1 .bloq1 .tpgb-heading-title{max-width: 34rem;} #main__wrapper .section8-home .container1 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; background-size: 200% auto; background-position: 102% 100%; -webkit-text-fill-color: transparent;} #main__wrapper .section8-home .container1 .bloq2 .tpgb-pro-paragraph{max-width: 39.4rem;} #main__wrapper .section8-home .container2{clip-path: inset(-100vw -100vw -100vw 0);} #main__wrapper .section8-home .container2 .slick-arrow{width: 4.2rem; height: 4.2rem; padding: 0rem; font-size: 2rem; color: #FFF; background: #9882FD; border-radius: 100rem;} #main__wrapper .section8-home .container2 button.slick-disabled{color: #727896; background: #B8BCD3;} #main__wrapper .section8-home .container2 .slick-prev{margin-right: 1.6rem;} #main__wrapper .section8-home .container2 .slick-dots{margin-top: 3.2rem; gap: .8rem;} #main__wrapper .section8-home .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #E0E0F0; padding: 0rem;} #main__wrapper .section8-home .container2 .slick-dots li.slick-active button{width: 2.485rem; height: 1rem; border-radius: 2.4rem; background: #D7CEFF;} #main__wrapper .section8-home .container2 .tpgb-container-col{max-width: 33.8rem; height: 46.7rem; justify-content: space-between; margin: 0rem 1rem 0rem 0rem; padding: 4.2rem 0rem 3.6rem; background: #FFF; border-radius: 1.6rem; box-shadow: 0rem .4rem 2.6rem 0rem #E0E4E9;} #main__wrapper .section8-home .container2 .tpgb-container-col:first-child > .tpgb-pro-paragraph{max-width: 27.7rem;} #main__wrapper .section8-home .container2 .tpgb-container-col:nth-child(3) .tpgb-pro-paragraph{max-width: 25rem;} #main__wrapper .section8-home .container2 .tpgb-container-col:nth-child(4) .tpgb-pro-paragraph{max-width: 29.5rem;} #main__wrapper .section8-home .container2 .tpgb-container-col:nth-child(6) .tpgb-pro-paragraph{max-width: 26.3rem;} #main__wrapper .section8-home .container2 .tpgb-container-col .tpgb-pro-paragraph{max-width: 31.2rem;} #main__wrapper .section8-home .container2 .tpgb-container-col .tpgb-creative-image img{border-radius: 100rem;} #main__wrapper .section8-home .container2 .tpgb-container-col .text2{font-family: "DM Sans", sans-serif; font-size: 2.6rem; line-height: 107%; font-weight: 700; color: #000;} #main__wrapper .section8-home .container2 .tpgb-container-col .tpgb-container-row{height: 23.5rem;} #main__wrapper .section8-home .container2 .tpgb-container-col .tpgb-container-row .text3{max-width: 29.4rem; text-wrap: pretty; font-family: "DM Sans", sans-serif; font-size: 1.4rem; line-height: 141%; font-weight: 700; color: #000;} #main__wrapper .section9-home{background: #FFF;} #main__wrapper .section9-home .container1 .bloq1 .tpgb-heading-title{max-width: 49rem; padding-right: 10rem;} #main__wrapper .section9-home .container1 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; background-size: 200% auto; background-position: 201% 100%; -webkit-text-fill-color: transparent;} #main__wrapper .section9-home .container1 .bloq2 .tpgb-pro-paragraph, #main__wrapper .section9-home .container1 .bloq2 .tpgb-plus-button{width: 100%; max-width: 44.2rem;} #main__wrapper .section9-home .container2{z-index: 1;} #main__wrapper .section9-home .container2 .slick-disabled{opacity: .5;} #main__wrapper .section9-home .container2 .slick-arrow{padding: 1rem; border-radius: 100rem; color: #3D4050; background: #FFF; font-size: 1.5rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgba(137,125,196,47%);} #main__wrapper .section9-home .container2 .slick-prev{margin-right: .8rem;} #main__wrapper .section9-home .container2 .slick-dots{margin-top: 3.2rem; gap: .8rem;} #main__wrapper .section9-home .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #E0E0F0; padding: 0rem;} #main__wrapper .section9-home .container2 .slick-dots li.slick-active button{width: 2.485rem; height: 1rem; border-radius: 2.4rem; background: #D7CEFF;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col{position: relative; max-width: 95.9rem; margin-right: 4.101rem;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(1){max-width: 79rem; padding: .9rem .5rem .5rem; position: relative;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(1)::before{content: ''; display: block; width: 100%; max-width: 78.99rem; height: 100%; max-height: 60.5rem; position: absolute; top: 0rem; left: 0rem; background: url(images/tablet-mask.png) no-repeat top/100%; z-index: 10;} /* #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2){max-width: 21.9vw; position: absolute; right: -3rem; top: 3rem; padding: 1.2vw; z-index: 10;} */ #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2){max-width: 21.9vw; position: absolute; right: -3rem; top: 3rem; padding: 1vw; z-index: 10;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2)::before{content: ''; display: block; width: 100%; max-width: 24.9rem; height: 45vw; position: absolute; top: .1rem; left: 0rem; background: url(images//phone-mask.png) no-repeat top/100%; z-index: 11;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col:hover .tpgb-creative-image img{pointer-events: none; filter: brightness(50%);} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-plus-button{width: max-content; position: absolute; top: -3.2rem; left: 0; z-index: 12;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-plus-button a:hover{background-color: unset; color: #000; font-weight: 500;} #main__wrapper .section10-home .container1 .tpgb-pro-paragraph{max-width: 62rem;} #main__wrapper .section10-home .container2 .slick-disabled{opacity: .5;} #main__wrapper .section10-home .container2 .slick-arrow{padding: 1rem; border-radius: 100rem; color: #3D4050; background: #FFF; font-size: 1.5rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgba(137,125,196,47%);} #main__wrapper .section10-home .container2 .slick-prev{margin-right: .8rem;} #main__wrapper .section10-home .container2 .tpgb-container-col{padding: 5.458rem 2.1rem 4.7rem 3rem; border-radius: 1.3rem; height: auto; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF; background: #FFF;} #main__wrapper .section10-home .container2 .tpgb-container-col .tpgb-creative-image{height: 5.64rem; position: relative;} #main__wrapper .section10-home .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 4.119rem; height: 4.058rem; position: absolute; background: rgb(241, 187, 255,60%); border-radius: 100rem;} #main__wrapper .section10-home .container2 .tpgb-container-col .tpgb-creative-image::after{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%} #main__wrapper .section10-home .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-weight: 700;} #main__wrapper .section10-home .container2 .bloq1 .tpgb-creative-image::before{top: -1.6rem; left: 1.2rem;} #main__wrapper .section10-home .container2 .bloq1 .tpgb-creative-image::after{top: -1rem; left: 6.3rem;} #main__wrapper .section10-home .container2 .bloq2 .tpgb-creative-image::before{top: 0.7rem; left: 0.6rem;} #main__wrapper .section10-home .container2 .bloq2 .tpgb-creative-image::after{top: 0rem; left: 6rem;} #main__wrapper .section10-home .container2 .bloq3 .tpgb-creative-image::before{top: -1.4rem; left: 3.6rem; width: 3.8rem; height: 3.8rem;} #main__wrapper .section10-home .container2 .bloq3 .tpgb-creative-image::after{top: -1rem; left: 0rem; } #main__wrapper .section10-home .container2 .bloq4 .tpgb-creative-image::before{top: .8rem; left: 1.6rem; width: 3.5rem; height: 3.4rem;} #main__wrapper .section10-home .container2 .bloq4 .tpgb-creative-image::after{top: -1rem; left: 3.6rem;} #main__wrapper .section10-home .container2 .slick-dots{gap: .8rem; margin-top: 2.1rem;} #main__wrapper .section10-home .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background:#E0E0F0; padding: 0rem;} #main__wrapper .section10-home .container2 .slick-dots li.slick-active button{width: 2.485rem; height: 1rem; border-radius: 2.4rem; background: #D7CEFF;} #main__wrapper .section10-home .container2 .bloq1 .tpgb-creative-image::before{animation: flotar 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section10-home .container2 .bloq2 .tpgb-creative-image::before{animation: expandir2 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section10-home .container2 .bloq3 .tpgb-creative-image::before{animation: diagonal 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section10-home .container2 .bloq4 .tpgb-creative-image::before{animation: expandir3 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section10-home .container2 .bloq1 .tpgb-creative-image::after, #main__wrapper .section10-home .container2 .bloq2 .tpgb-creative-image::after, #main__wrapper .section10-home .container2 .bloq3 .tpgb-creative-image::after, #main__wrapper .section10-home .container2 .bloq4 .tpgb-creative-image::after{animation: rotar2 1.5s ease-in-out .5s infinite;} #main__wrapper .agenda-con-nosotros .bloq1 .tpgb-heading-title{max-width: 43.6rem;} #main__wrapper .agenda-con-nosotros .bloq1 .tpgb-pro-paragraph{max-width: 44.9rem;} #main__wrapper .agenda-con-nosotros .bloq1 .tpgb-plus-button{max-width: 41.15rem;} #main__wrapper .agenda-con-nosotros .bloq2{padding: 0rem; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF;} #main__wrapper .agenda-con-nosotros .bloq2 iframe{height: 100%;} #main__wrapper .agenda-con-nosotros .bloq2 .calendly-inline-widget{display: flex; justify-content: center; align-items: center; width: 100%;} /* #main__wrapper .section11-home .bloq2{padding: 3.3rem 2.9rem 6.9rem 2.6rem; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF;} */ #main__wrapper .section12-home .container1 .tpgb-heading-title{max-width: 81.5rem;} #main__wrapper .section12-home .container1 .tpgb-pro-paragraph{max-width: 77.1rem;} #main__wrapper .section12-home .container2 .slick-disabled{opacity: .5;} #main__wrapper .section12-home .container2 .slick-arrow{padding: 1rem; border-radius: 100rem; color: #3D4050; background: #FFF; font-size: 1.5rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgba(137,125,196,47%);} #main__wrapper .section12-home .container2 .slick-prev{margin-right: .8rem;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col{padding: 4.458rem 1.5rem; border-radius: 1.3rem; height: auto; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF; background: #FFF;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 4.119rem; height: 4.058rem; position: absolute; background: rgb(241, 187, 255,60%); border-radius: 100rem;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image::after{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image {position: relative;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image .tpgb-creative-img-wrap{height: 4.689rem;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-pro-paragraph .pro-paragraph-inner p{text-wrap: pretty;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner a{font-weight: 700;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner a:hover{color: #9882fd; transition: all .5s;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col .tpgb-plus-button a{font-weight: 700;} #main__wrapper .section12-home .container2 .slick-track .bloq1 .tpgb-pro-paragraph{max-width: 28.9rem;} #main__wrapper .section12-home .container2 .slick-track .bloq1 .tpgb-creative-image::before{top: 1.6rem; left: 1.2rem;} #main__wrapper .section12-home .container2 .slick-track .bloq1 .tpgb-creative-image::after{top: -1rem; left: 4.3rem;} #main__wrapper .section12-home .container2 .slick-track .bloq2 .tpgb-creative-image::before{top: 1.3rem; left: 1.4rem;} #main__wrapper .section12-home .container2 .slick-track .bloq2 .tpgb-creative-image::after{top: -1.6rem; left: 3rem;} #main__wrapper .section12-home .container2 .slick-track .bloq3 .tpgb-creative-image::before{top: 1.6rem; left: 1rem; width: 3.8rem; height: 3.8rem;} #main__wrapper .section12-home .container2 .slick-track .bloq3 .tpgb-creative-image::after{top: -.5rem; left: 3.2rem; } #main__wrapper .section12-home .container2 .slick-track .bloq4 .tpgb-creative-image::before{top: 1.5rem; left: 1.3rem; width: 3.5rem; height: 3.4rem;} #main__wrapper .section12-home .container2 .slick-track .bloq4 .tpgb-creative-image::after{top: -1rem; left: 3.6rem;} #main__wrapper .section12-home .container2 .slick-track .bloq5 .tpgb-creative-image::before{top: -1.4rem; left: 2.8rem; width: 3.8rem; height: 3.8rem;} #main__wrapper .section12-home .container2 .slick-track .bloq5 .tpgb-creative-image::after{top: -1rem; left: 0rem; } #main__wrapper .section12-home .container2 .slick-dots{gap: .8rem; margin-top: 2.1rem;} #main__wrapper .section12-home .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background:#E0E0F0; padding: 0rem;} #main__wrapper .section12-home .container2 .slick-dots li.slick-active button{width: 2.485rem; height: 1rem; border-radius: 2.4rem; background: #D7CEFF;} #main__wrapper .section12-home .container2 .slick-track .bloq1.slick-active .tpgb-creative-image::before{animation: saltar 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section12-home .container2 .slick-track .bloq2.slick-active .tpgb-creative-image::before{animation: diagonal2 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section12-home .container2 .slick-track .bloq3.slick-active .tpgb-creative-image::before{animation: expandir2 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section12-home .container2 .slick-track .bloq4.slick-active .tpgb-creative-image::before{animation: expandir3 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section12-home .container2 .slick-track .bloq5.slick-active .tpgb-creative-image::before{animation: diagonal 1.5s ease-in-out .5s alternate infinite;} #main__wrapper .section12-home .container2 .slick-track .bloq1.slick-active .tpgb-creative-image::after, #main__wrapper .section12-home .container2 .slick-track .bloq2.slick-active .tpgb-creative-image::after, #main__wrapper .section12-home .container2 .slick-track .bloq3.slick-active .tpgb-creative-image::after, #main__wrapper .section12-home .container2 .slick-track .bloq4.slick-active .tpgb-creative-image::after, #main__wrapper .section12-home .container2 .slick-track .bloq5.slick-active .tpgb-creative-image::after{animation: rotar2 1.5s ease-in-out .5s infinite;} #main__wrapper .section-equipo{background: rgb(217, 217, 217,30%)} #main__wrapper .section-equipo::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0rem; left: 0rem; background: conic-gradient(from 163.22deg at 33.4% 44.96%, rgba(194, 181, 255, 0.97) -82.8deg, #A8CCFE 81deg, #9EDBDF 162deg, rgba(194, 181, 255, 0.97) 277.2deg, #A8CCFE 441deg); opacity: 29%;} #main__wrapper .section-equipo .container1 .bloq1 .tpgb-heading-title{max-width: 27.7rem;} #main__wrapper .section-equipo .container1 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 0%, #7A50FF 83%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section-equipo .container2{overflow: hidden;} #main__wrapper .section-equipo .container2 .slick-arrow{padding: 1.2rem; border-radius: 100rem; color: #7A50FF; background: #FFF; font-weight: 700;} #main__wrapper .section-equipo .container2 .slick-prev{margin-right: 1.6rem;} #main__wrapper .section-equipo .container2 .slick-disabled{opacity: 63%; color: #727896;} #main__wrapper .section-equipo .container2 .slick-list{padding-top: 2.3rem;} #main__wrapper .section-equipo .container2 .tpgb-container-col{max-width: 33.6rem; margin: 0 1rem; position: relative;} #main__wrapper .section-equipo .container2 .tpgb-container-col .tpgb-creative-image img{max-width: 100%; border-radius: 2rem; filter: grayscale(100%);} #main__wrapper .section-equipo .container2 .tpgb-container-col.slick-active .tpgb-creative-image img{filter: unset; transition: all 2s;} /*========== GRACIAS ==========*/ #main__wrapper .section1-gracias{background: linear-gradient(180deg, rgba(228, 214, 255, 0.1575) 0%, rgba(152, 130, 253, 0) 89.95%);} #main__wrapper .section1-gracias .container1{ border-radius: 1.3rem; box-shadow: 0rem .4rem 6.03rem 0rem rgb(137, 125, 196, 25%); background: #FFF;} #main__wrapper .section1-gracias .container1 img{max-width: 38.1rem;} #main__wrapper .section1-gracias .container1 .tpgb-heading-title{max-width: 31.7rem;} #main__wrapper .section1-gracias .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section1-gracias .container1 .tpgb-pro-paragraph{max-width: 39.9rem;} /*========== AGENCIA SEM ==========*/ #main__wrapper .section1-agencia-sem{background: #FFF} #main__wrapper .section1-agencia-sem .container2 .bloq1 .tpgb-heading-title{max-width: 34.7rem;} #main__wrapper .section1-agencia-sem .container2 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section1-agencia-sem .container2 .bloq1 .text1{max-width: 41.4rem; font-weight: 600;} #main__wrapper .section1-agencia-sem .container2 .bloq1 .text2, #main__wrapper .section1-agencia-sem .container2 .bloq1 .text3{max-width: 49rem; text-wrap: pretty;} #main__wrapper .section1-agencia-sem .container2 .bloq1 .text4{max-width: 47rem; font-weight: 700;} #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-image{position: relative; max-width: 51.1rem;} #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-image::before{content: ''; display: block; width: 5.244rem; height: 5.244rem; position: absolute; bottom: 5rem; left: -1rem; z-index: 1; border-radius: 100rem; background: url(images/icon-pencil-2.png) no-repeat left 50% top 50%/1.913rem, url(images/star-2.png) no-repeat left 36% top 36%/.496rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 1.5s alternate infinite;} #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-image::after{content: ''; display: block; width: 5.078rem; height: 5.078rem; position: absolute; top: 10.5rem; right: -2rem; border-radius: 100rem; background: url(images/icon-data-table.png) no-repeat left 50% top 50%/1.584rem, url(images/star-2.png) no-repeat left 72% top 29%/.5rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 2s alternate infinite;} #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-img-wrap::after{content: ''; display: block; width: 10.8rem; height: 8.5rem; position: absolute; bottom: 6.8rem; right: -2.5rem; border-radius: 1.6rem; background: url(images/table-stats.png) no-repeat top/100%; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: scale-up-hor-center .5s cubic-bezier(.39,.575,.565,1.000) both} #main__wrapper .section2-agencia-sem{background: rgb(228, 232, 254, 36%);} #main__wrapper .section2-agencia-sem .bloq1 .tpgb-heading-title{max-width: 33.8rem;} #main__wrapper .section2-agencia-sem .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section2-agencia-sem .bloq1 .text1{max-width: 39.6rem;} #main__wrapper .section2-agencia-sem .bloq1 .text2{max-width: 41.6rem;} #main__wrapper .section2-agencia-sem .bloq2 .tpgb-creative-image img{border-radius: 2.4rem;} #main__wrapper .section3-agencia-sem .container1 .tpgb-heading-title{max-width: 28.4rem;} #main__wrapper .section3-agencia-sem .container2 .slick-list{overflow: hidden;} #main__wrapper .section3-agencia-sem .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section3-agencia-sem .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section3-agencia-sem .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col.slick-active{border:.2rem solid #F3C2FF; transition: border .5s ease-in-out;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col{padding: 4.886rem 3rem 4.282rem; border-radius: 1.3rem; height: auto;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col .tpgb-creative-image{width: 5.583rem; height: 3.975rem; display: flex; align-items: center; position: relative;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col:nth-child(1) .tpgb-creative-image::before{top: -1.2rem; left: 0rem;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -.5rem; right: -.5rem;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before{top: -1.5rem; right: -1.5rem;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-weight: 700;} #main__wrapper .section3-agencia-sem .container2 .bloq1 .tpgb-pro-paragraph{max-width: 26.3rem;} #main__wrapper .section4-agencia-sem{background: #FFF; overflow: hidden;} #main__wrapper .section4-agencia-sem .bloq1 .tpgb-heading-title{max-width: 35.5rem;} #main__wrapper .section4-agencia-sem .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section4-agencia-sem .bloq1 .text1{max-width: 40.6rem;} #main__wrapper .section4-agencia-sem .bloq1 .tpgb-plus-button{max-width: 29.4rem;} #main__wrapper .section4-agencia-sem .bloq1 .tpgb-plus-button a{font-weight: 700; text-decoration: underline;} #main__wrapper .section4-agencia-sem .bloq2 .tpgb-creative-image img{border-radius: 2.4rem;} #main__wrapper .section5-agencia-sem{background: rgb(152, 130, 253,6%);} #main__wrapper .section5-agencia-sem .tpgb-heading-title{max-width: 30.1rem;} #main__wrapper .section5-agencia-sem .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section5-agencia-sem .tpgb-pro-paragraph{max-width: 52.3rem;} #main__wrapper .section5-agencia-sem .tpgb-accordion{max-width: 64.8rem;} #main__wrapper .section5-agencia-sem .tpgb-accordion .accordion-title{max-width: 45.7rem;} #main__wrapper .section5-agencia-sem .tpgb-accordion .tpgb-accor-item .accordion-toggle-icon{margin: 0rem 0rem 0rem 3.6rem;} #main__wrapper .section5-agencia-sem .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header.active{border: unset;} #main__wrapper .section5-agencia-sem .tpgb-accordion .tpgb-accor-item:last-child .tpgb-accordion-header{border: unset;} #main__wrapper .section6-agencia-sem{background: #FFF;} #main__wrapper .section6-agencia-sem .bloq1 .tpgb-pro-paragraph{max-width: 47.9rem;} #main__wrapper .section6-agencia-sem .bloq1 .text4{max-width: 29.4rem; font-weight: 700;} #main__wrapper .section6-agencia-sem .bloq2 .tpgb-creative-image img{border-radius: 2.4rem;} #main__wrapper .section7-agencia-sem{background: rgb(228, 214, 255, 28%);} #main__wrapper .section7-agencia-sem .bloq2 .tpgb-heading-title{max-width: 40rem;} #main__wrapper .section7-agencia-sem .bloq2 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section7-agencia-sem .bloq2 .tpgb-pro-paragraph{max-width: 43.4rem;} #main__wrapper .section8-agencia-sem{background: #FFF;} #main__wrapper .section8-agencia-sem .bloq1 .tpgb-creative-image img{border-radius: 2.4rem;} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-creative-image{display: flex; align-items: center; justify-content: center; width: 8.4rem; height: 8.4rem; border-radius: 100rem; background: rgb(241, 187, 255, 32%); position: relative;} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-creative-image::before{content: ''; display: block; width: 1.871rem; height: 1.767rem; position: absolute; top: .5rem; right: .6rem; background: url(images/star-2.png) no-repeat top/100%;} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-creative-image figure{margin: 0rem auto;} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-heading-title{max-width: 43.73rem;} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-heading-title span{ background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-pro-paragraph{max-width: 45.208rem;} #main__wrapper .bg-section9-agencia-sem{background: #FFF;} #main__wrapper .bg-section10-agencia-sem{background: linear-gradient(180deg, rgba(245, 247, 255, 0) -23.75%, #F5F7FF 100%);} #main__wrapper .bg-section10-agencia-sem .bloq2{background: #FFF;} /*========== POPUP-AGENCIA SEM ==========*/ #stylistic_modal-734 .iziModal-wrap{height: auto !important;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-heading-title{max-width: 33rem; text-align: left;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent; } #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-heading-title .heading-title{font-family: "Lexend Deca", sans-serif; font-size: 2.4rem; line-height: 3.3rem; color: #000;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-pro-paragraph{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #3D4050; padding-top: 2.7rem;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-plus-button{margin-top: 1.8rem;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-plus-button a{padding: .85rem 2.5rem; border: unset; border-radius: 100rem; background: #1D1E24; } #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-plus-button a:hover{background: #9882fd;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-plus-button a span{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; color: #FFF;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq2 *{height: 100%;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: right;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap img{border-radius: 1.8rem; object-fit: cover;} /*========== AGENCIA SEO ==========*/ #main__wrapper .section1-agencia-seo{background: #FFF;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .tpgb-heading-title{max-width: 35.4rem;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .tpgb-pro-paragraph{display: none;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .text1{max-width: 46.6rem; display: block;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .text2{max-width: 44.6rem;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .text3{max-width: 46.9rem;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .text4{max-width: 43.9rem; font-weight: 700;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .text5{max-width: 33.5rem; font-weight: 700; display: block;} #main__wrapper .section1-agencia-seo .container2 .bloq1 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image{position: relative; max-width: 54.7rem;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image::before{content: ''; display: block; width: 5.21rem; height: 5.21rem; position: absolute; bottom: 4.5rem; left: -2rem; z-index: 1; border-radius: 100rem; background: url(images/icon-captive-portal.png) no-repeat left 50% top 50%/1.866rem, url(images/star-2.png) no-repeat right 27% top 29%/.49rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 1.5s alternate infinite;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image::after{content: ''; display: block; width: 4.413rem; height: 4.413rem; position: absolute; top: 10.5rem; right: 1rem; border-radius: 100rem; background: url(images/icon-ad-group.png) no-repeat left 50% top 50%/1.357rem, url(images/star-2.png) no-repeat right 27% top 29%/.49rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 2s alternate infinite;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::before{content: ''; display: block; width: 6.19rem; height: 6.19rem; position: absolute; top: 6.5rem; left: -2rem; z-index: 1; border-radius: 100rem; background: url(images/icon-design-services.png) no-repeat left 50% top 50%/1.959rem, url(images/star-2.png) no-repeat right 27% top 29%/.49rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards,expandir2 1.5s ease-in-out 2.5s alternate infinite;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{content: 'Agencia SEO'; display: block; width: 10.5ch; position: relative; bottom: 33vw; right: -37vw; z-index: 1; border-right: .2rem solid #BC8DFE; white-space: nowrap; background:#F7F7F7; overflow: hidden; font-family: "Lexend Deca", sans-serif; font-size: 3vw; font-weight: 500; line-height: 2.3rem; color: #CAA0FE; animation: typing 2s steps(15), blink .5s infinite step-end alternate;} #main__wrapper .section1-agencia-seo .container3 .tpgb-pro-paragraph{max-width: 53.9rem; font-weight: 700;} #main__wrapper .section2-agencia-seo .container1 .tpgb-heading-title{max-width: 28.4rem;} #main__wrapper .section2-agencia-seo .container2 .slick-list{overflow: hidden;} #main__wrapper .section2-agencia-seo .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section2-agencia-seo .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section2-agencia-seo .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col.slick-active{border:.2rem solid #F3C2FF; transition: border .5s ease-in-out;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col{padding: 4.886rem 3rem 4.282rem; border-radius: 1.3rem; height: fit-content;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col .tpgb-creative-image{width: 5.583rem; height: 3.975rem; display: flex; align-items: center; position: relative;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col:nth-child(1) .tpgb-creative-image::before{top: -1.2rem; left: 0rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -.05rem; right: .05rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before{top: -1.5rem; right: .05rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-weight: 700;} #main__wrapper .section2-agencia-seo .container2 .bloq1 .tpgb-pro-paragraph{max-width: 26.3rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col .tpgb-pro-paragraph p{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col.active-info{height: fit-content; justify-content: start;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col.active-info .tpgb-pro-paragraph p{-webkit-line-clamp: unset;} #main__wrapper .section3-agencia-seo{background: #FFF;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .tpgb-heading-title{max-width: 50.7rem;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .tpgb-pro-paragraph{display: none;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .text1{max-width: 41.9rem; display: block;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .text2{max-width: 44.4rem;} #main__wrapper .section3-agencia-seo .container1 .bloq1 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section3-agencia-seo .container2 .tpgb-pro-paragraph{max-width: 53.9rem; font-weight: 700;} #main__wrapper .section4-agencia-seo{background: #FFF;} #main__wrapper .section4-agencia-seo .bloq1 *{height: 100%;} #main__wrapper .section4-agencia-seo .bloq1 .tpgb-creative-image img{height: 21.5rem; object-fit: cover; object-position: -7% 50%;} #main__wrapper .section4-agencia-seo .bloq2 .tpgb-pro-paragraph{max-width: 43rem;} #main__wrapper .section4-agencia-seo .bloq2 .tpgb-plus-button{width: 100%; max-width: 43rem;} #main__wrapper .section4-agencia-seo .bloq2 .tpgb-plus-button a{max-width: 34.4rem; text-decoration: underline; font-weight: 700;} #main__wrapper .section5-agencia-seo{background: rgb(228, 214, 255, 28%);} #main__wrapper .section5-agencia-seo::after{content: ''; display: block; width: 25.7rem; height: 23.8rem; border-radius: 100rem; position: absolute; top: 13rem; right: -31rem; background: rgba(122, 80, 255, 0.12); filter: blur(15rem);} #main__wrapper .section5-agencia-seo .container1 .tpgb-heading-title{max-width: 59.5rem;} #main__wrapper .section5-agencia-seo .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col{padding: 4.809rem 2.1rem 5.7rem 2.8rem; border-radius: 2.4rem; background: #FFF; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF; } #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col .tpgb-creative-image{width: fit-content; height: 4.5rem;} #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%;} #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col:nth-child(1) .tpgb-creative-image::before{top: -1.3rem; right: -1.5rem;} #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -0.6rem; right: -1.2rem;} #main__wrapper .section6-agencia-seo .container1 .tpgb-heading-title{max-width: 55.7rem;} #main__wrapper .section6-agencia-seo .container1 .tpgb-pro-paragraph{max-width: 60.6rem;} #main__wrapper .section6-agencia-seo .container2{overflow: hidden;} #main__wrapper .section6-agencia-seo .container2 .slick-arrow{padding: 1.263rem; width: 4.2rem; height: 4.2rem; border-radius: 100rem; border: .1rem solid #9882FD; color: #F1BBFF; background: #171C1F; font-size: 1.5rem; font-weight: 700;} #main__wrapper .section6-agencia-seo .container2 .slick-arrow.slick-disabled{border: unset;} #main__wrapper .section6-agencia-seo .container2 .slick-prev{margin-right: 1.5rem;} #main__wrapper .section6-agencia-seo .container2 .slick-list{padding-top: 2.5rem;} #main__wrapper .section6-agencia-seo .container2 .slick-dots {gap: .585rem; margin-top: 2.9rem;} #main__wrapper .section6-agencia-seo .container2 .slick-dots li button{width: .61rem; height: .61rem; padding: 0rem; border-radius: 100rem; background: #E0E0F0;} #main__wrapper .section6-agencia-seo .container2 .slick-dots li.slick-active button{width: 2.485rem; height: .7rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row{height: 59.2rem; background: #171C1F; border-radius: 2.1rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row.active-info{height: fit-content;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq1 .tpgb-creative-image img{height: 28.6rem; border-radius: 1.6rem 1.6rem 0rem 0rem; object-fit: cover;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2{padding: 2.1rem 2.5rem 3.3rem 3.4rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph{max-width: 35.7rem; display: none;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2 .text1{display: block;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2 .text1 p{display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row.active-info .bloq2 .tpgb-pro-paragraph{display: block;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row.active-info .bloq2 .text1 p{-webkit-line-clamp: unset;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2 .btn-leer-mas{font-weight: 700;} #main__wrapper .section8-agencia-seo .bloq1 .text1{display: block;} #main__wrapper .section8-agencia-seo .bloq1 .text1 p{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section8-agencia-seo .bloq1 .text1.visible p{-webkit-line-clamp: unset;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-plus-button a{font-weight: 700;} #main__wrapper .section7-agencia-seo{margin: -6rem 0rem 4.1rem; padding: 0rem 2.35rem;} #main__wrapper .section7-agencia-seo .tpgb-cont-in{padding: 2.7rem 2.6rem 4.6rem; border-radius: 1.3rem; background: #FCF2FF; box-shadow: 0rem .4rem 6.03rem 0rem rgb(137, 125, 196, 25%);} #main__wrapper .section7-agencia-seo .tpgb-cont-in .tpgb-creative-image{display: flex; align-items: center; width: 8.5rem; height: 8.5rem; border-radius: 100rem; background: url(images/star-2.png) no-repeat left 24% top 33%/.88rem, #FFF; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF;} #main__wrapper .section7-agencia-seo .tpgb-cont-in .tpgb-pro-paragraph{max-width: 48rem;} #main__wrapper .section8-agencia-seo{background: #FFF;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-heading-title{max-width: 29.6rem;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-pro-paragraph{max-width: 39.3rem; display: none;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section8-agencia-seo .bloq1 .text1{display: block;} #main__wrapper .section8-agencia-seo .bloq1 .text1 p{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section8-agencia-seo .bloq1 .text1.visible p{-webkit-line-clamp: unset;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-plus-button a{font-weight: 700;} #main__wrapper .section8-agencia-seo .bloq2 *{height: 100%;} #main__wrapper .section8-agencia-seo .bloq2 .tpgb-creative-image img{height: 24.7rem; border-radius: 2.4rem; object-fit: cover; object-position: -8% 2%;} #main__wrapper .section9-agencia-seo{background: #FFFF;} #main__wrapper .section9-agencia-seo .container1 .tpgb-heading-title{max-width: 57rem;} #main__wrapper .section9-agencia-seo .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section9-agencia-seo .container2{z-index: 1;} #main__wrapper .section9-agencia-seo .container2 .bloq1 .tpgb-heading-title{max-width: 55rem;} #main__wrapper .section9-agencia-seo .container2 .bloq1 .tpgb-pro-paragraph{max-width: 54.9rem;} #main__wrapper .section9-agencia-seo .container2 .bloq1 .tpgb-plus-button a{font-weight: 700; text-decoration: underline;} #main__wrapper .section9-agencia-seo .container2 .bloq2 *{height: 100%;} #main__wrapper .section9-agencia-seo .container2 .bloq2 .tpgb-creative-image img{width: 100%; height: 100%; border-radius: 2.4rem; object-fit: cover;} #main__wrapper .section10-agencia-seo .bloq1 *{height: 100%;} #main__wrapper .section10-agencia-seo .bloq1 .tpgb-creative-image img{height: 20.8rem; border-radius: 1.6rem; object-fit: cover; object-position: 50% 60%;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-heading-title{order: 0;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-heading-title .heading-title{max-width: 43.6rem;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-heading-title, #main__wrapper .section10-agencia-seo .bloq2 .tpgb-pro-paragraph{max-width: 47rem;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-pro-paragraph{display: none; order: 3;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section10-agencia-seo .bloq2 .text1{display: block;} #main__wrapper .section10-agencia-seo .bloq2 .btn-leer-mas{order: 4;} #main__wrapper .section10-agencia-seo .bloq2 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row{width: 100%; padding-top: 2.1rem; order: 5;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row .tpgb-accordion{max-width: 54rem;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{border-bottom: .1rem solid #BBBFC4;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row .tpgb-accordion .tpgb-accor-item:last-child .tpgb-accordion-header{border: unset;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header.active{border: unset;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 6.3rem;} /* #main__wrapper .section10-agencia-seo .bloq2 .tpgb-container-row .tpgb-plus-button:nth-last-child(-n+2){display: none;} */ /*========== POPUP-AGENCIA SEO ==========*/ #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title{max-width: 38rem;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title .heading-title{font-family: "Lexend Deca", sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 3.3rem; text-align: left; margin: 0rem; color: #000;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph{padding-top: 2.4rem;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph p{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #3D4050;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 *{height: 100%;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: right;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 .tpgb-creative-image img{border-radius: 1.8rem; object-fit: cover;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title{max-width: 27rem;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title .heading-title{font-family: "Lexend Deca", sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 3.3rem; text-align: left; margin: 0rem; color: #000;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph{padding-top: 2.4rem;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph p{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #3D4050;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-plus-button{margin-top: 2.6rem;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-plus-button a{padding: .85rem 2.5rem; border: unset; border-radius: 100rem; background: #1D1E24; } #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-plus-button a:hover{background: #9882fd;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-plus-button a span{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; color: #FFF;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 *{height: 100%;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: right;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 .tpgb-creative-image img{border-radius: 1.8rem; object-fit: cover;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title{max-width: 39rem;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title .heading-title{font-family: "Lexend Deca", sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 3.3rem; text-align: left; margin: 0rem; color: #000;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph{padding-top: 2.4rem;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph p{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #3D4050;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 *{height: 100%;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: right;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq2 .tpgb-creative-image img{border-radius: 1.8rem; object-fit: cover;} /*========== AGENCIA DE DISENO ==========*/ #main__wrapper .section1-agencia-diseno{background: #FFF;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .tpgb-heading-title{max-width: 47.8rem;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .tpgb-pro-paragraph{max-width: 51rem; display: none;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .text1{display: block;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .text4{display: block;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section1-agencia-diseno .container2 .bloq1 .text4{max-width: 33.6rem; font-weight: 700;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image{position: relative; max-width: 53.5rem;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image::before{content: ''; display: block; width: 5.249rem; height: 5.249rem; position: absolute; bottom: 2rem; left: -.5rem; z-index: 1; border-radius: 100rem; background: url(images/icon-swap-calls.png) no-repeat left 50% top 50%/1.956rem, url(images/star-2.png) no-repeat left 27% top 35%/.548rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 1.5s alternate infinite;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image::after{content: ''; display: block; width: 4.484rem; height: 4.484rem; position: absolute; bottom: 3rem; right: 2rem; border-radius: 100rem; background: url(images/icon-preview.png) no-repeat left 50% top 50%/1.798rem, url(images/star-2.png) no-repeat right 18% top 22%/.498rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 2s alternate infinite;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::before{content: ''; display: block; width: 6.291rem; height: 6.291rem; position: absolute; top: 4.5rem; left: -.5rem; z-index: 1; border-radius: 100rem; background: url(images/icon-stylus-note.png) no-repeat left 50% top 50%/2.628rem, url(images/star-2.png) no-repeat right 47% top 33%/.498rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards,expandir2 1.5s ease-in-out 2.5s alternate infinite;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{content: ''; display: block; width: 10rem; height: 7.9rem; position: absolute; top: 8.5rem; right: -0.5rem;border-radius: 1.6rem; background: url(images/table-image-video.png) no-repeat top/100%; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: scale-up-hor-center .5s cubic-bezier(.39,.575,.565,1.000) both;} #main__wrapper .section2-agencia-diseno{background: rgb(204, 225, 255, 15%);} #main__wrapper .section2-agencia-diseno .bloq1 .tpgb-heading-title{max-width: 46.6rem;} #main__wrapper .section2-agencia-diseno .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section2-agencia-diseno .bloq1 .tpgb-pro-paragraph{max-width: 48.2rem;} #main__wrapper .section3-agencia-diseno{background: #FFF;} #main__wrapper .section3-agencia-diseno .container1 .tpgb-heading-title{max-width: 46.6rem;} #main__wrapper .section3-agencia-diseno .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section3-agencia-diseno .container1 .tpgb-pro-paragraph{max-width: 51.5rem;} #main__wrapper .section3-agencia-diseno .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{border-bottom: .1rem solid #BBBFC4;} #main__wrapper .section3-agencia-diseno .container2 .tpgb-accordion .tpgb-accor-item:last-child .tpgb-accordion-header{border: unset;} #main__wrapper .section3-agencia-diseno .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header.active{border: unset;} #main__wrapper .section3-agencia-diseno .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 1.3rem;} #main__wrapper .section4-agencia-diseno{background: rgb(204, 225, 255, 20%);} #main__wrapper .section4-agencia-diseno::before{content: ''; display: block; width: 56.7rem; height: 52.6rem; position: absolute; bottom: 11rem; left: -22rem; border-radius: 100rem; background: rgb(229, 216, 255, 67%); filter: blur(15rem);} #main__wrapper .section4-agencia-diseno::after{content: ''; display: block; width: 47.7rem; height: 44.3rem; position: absolute; top: 13rem; right: -19rem; border-radius: 100rem; background: rgb(178, 250, 255, 16%); filter: blur(15rem);} #main__wrapper .section4-agencia-diseno .container1 .tpgb-heading-title{max-width: 61rem;} #main__wrapper .section4-agencia-diseno .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section4-agencia-diseno .container2{z-index: 1;} #main__wrapper .section4-agencia-diseno .container2 .slick-arrow{padding: 1.263rem; width: 4.1rem; height: 4.1rem; border-radius: 100rem; color: #3D4050; background: #FFF; opacity: unset; font-size: 1.7rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%);} #main__wrapper .section4-agencia-diseno .container2 .slick-arrow.slick-disabled{opacity: 0.34;} #main__wrapper .section4-agencia-diseno .container2 .slick-prev{margin-right: 1.5rem;} #main__wrapper .section4-agencia-diseno .container2 .slick-list{padding-top: 3.3rem;} #main__wrapper .section4-agencia-diseno .container2 .slick-dots{gap: .8rem; margin-top: 2.4rem;} #main__wrapper .section4-agencia-diseno .container2 .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 100rem; background: #E0E0F0;} #main__wrapper .section4-agencia-diseno .container2 .slick-dots li.slick-active button{width: 3.6rem; height: .8rem;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row{height: fit-content; margin: 0rem 2rem 0rem 0rem; padding: 2.2rem 1.9rem 4.2rem; border-radius: 2.1rem; background: #FFF; box-shadow: 0rem .4rem 1.13rem 0rem #C8DDFC;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq1 .tpgb-creative-image img{width: 48rem; height: 21.4rem; border-radius: 1.6rem; object-fit: cover;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-heading-title, #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph, #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-plus-button{max-width: 47.5rem; margin: 0rem auto;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-plus-button a{font-weight: 700; text-decoration: underline;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph, #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-plus-button{display: none;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .text1{display: block;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .text1 p{display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2.active-info .tpgb-pro-paragraph, #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2.active-info .tpgb-plus-button{display: block;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2.active-info .text1 p{-webkit-line-clamp: unset;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .btn-leer-mas{display: block;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .btn-leer-mas a{text-decoration: unset;} #main__wrapper .section6-agencia-diseno .container1 .tpgb-heading-title{max-width: 47.9rem;} #main__wrapper .section6-agencia-diseno .container1 .tpgb-pro-paragraph{max-width: 45.4rem;} #main__wrapper .section6-agencia-diseno .container2 .slick-list{overflow: hidden;} #main__wrapper .section6-agencia-diseno .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section6-agencia-diseno .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section6-agencia-diseno .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col.slick-active{border:.2rem solid #F3C2FF; transition: border .5s ease-in-out;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col{padding: 4.886rem 3rem 4.282rem; border-radius: 1.3rem;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col .tpgb-creative-image{width: 5.583rem; height: 3.975rem; display: flex; align-items: center; position: relative;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col:nth-child(1) .tpgb-creative-image::before{top: -1.2rem; left: 0rem;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -.05rem; right: .05rem;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before{top: -1rem; right: 1rem;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-weight: 700;} #main__wrapper .section6-agencia-diseno .container2 .bloq1 .tpgb-pro-paragraph{max-width: 26.3rem;} #main__wrapper .section7-agencia-diseno{background: rgb(204, 225, 255, 29%);} #main__wrapper .section7-agencia-diseno .container2 .slick-arrow{padding: 1.263rem; width: 4.1rem; height: 4.1rem; border-radius: 100rem; color: #3D4050; background: #FFF; opacity: unset; font-size: 1.7rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%);} #main__wrapper .section7-agencia-diseno .container2 .slick-arrow.slick-disabled{opacity: 0.34;} #main__wrapper .section7-agencia-diseno .container2 .slick-prev{margin-right: 1.5rem;} #main__wrapper .section7-agencia-diseno .container2 .slick-list{padding-top: 3.3rem;} #main__wrapper .section7-agencia-diseno .container2 .slick-dots {gap: .8rem; margin-top: 4.4rem;} #main__wrapper .section7-agencia-diseno .container2 .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 100rem; background: #E0E0F0;} #main__wrapper .section7-agencia-diseno .container2 .slick-dots li.slick-active button{width: 3.6rem; height: .8rem;} #main__wrapper .section7-agencia-diseno .container2{z-index: 1;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row{height: fit-content; padding: 2.2rem 2rem 3.9rem; margin: 0rem 2rem 0rem 0rem; background: #FFF; border-radius: 2.1rem;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq1 .tpgb-creative-image img{height: 20rem; width: 100%; border-radius: 1.6rem; object-fit: cover;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-heading-title, #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph, #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .btn-leer-mas{max-width: 41.8rem;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph{display: none;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2.active-info .tpgb-pro-paragraph{display: block;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .text1{display: block;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .text1 p{display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2.active-info .text1 p{-webkit-line-clamp: unset;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-heading-title .heading-title{max-width: 30.7rem;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .btn-leer-mas a{font-weight: 700;} /*========== DISENO GRAFICO ==========*/ #hero_grafico .hero_info .tpgb-heading-title{width: 100%;} #hero_grafico .hero_info .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent; } #hero_grafico .hero_info .tpgb-pro-paragraph{width: 100%;} #hero_grafico .hero_info .tpgb-pro-paragraph.text3{width: 100%; max-width: 33.6rem;} #hero_grafico .hero_info .tpgb-pro-paragraph.text3 p{font-weight: 700;} #hero_grafico .hero_img .tpgb-creative-image{width: 100%; max-width: 37.4rem;} #hero_grafico .hero_img .tpgb-creative-image::after{content: ''; display: block; width: 10rem; height: 7.9rem; position: absolute; top: 50%; right: -2rem; z-index: 1; background: url(images/table-image-vector.webp) no-repeat top/100%; animation: scale-up-hor-center .5s cubic-bezier(.39,.575,.565,1.000) both;} #hero_grafico .hero_img .tpgb-creative-image .tpgb-anim-img-parallax::before{content: ''; display: block; width: 6.291rem; height: 6.291rem; position: absolute; top: 2.5rem; left: 3rem; z-index: 1; border-radius: 100%; background: url(images/icon-stylus-note.png) no-repeat left 50% top 50%/2.628rem, url(images/star-2.png) no-repeat right 47% top 33%/.498rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards,expandir2 1.5s ease-in-out 2.5s alternate infinite;} #hero_grafico .hero_img .tpgb-creative-image .tpgb-anim-img-parallax::after{content: ''; display: block; width: 6.184rem; height: 6.184rem; position: absolute; top: 8.5rem; right: -2rem; z-index: 1; border-radius: 100%; background: url(images/icon-pen.webp) no-repeat left 50% top 50%/2.7rem, url(images/star-2.png) no-repeat right 21% top 16%/.687rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards,expandir2 1.5s ease-in-out 1.5s alternate infinite;} #elegirnos_grafico{position: relative;} #elegirnos_grafico::before{content: ''; display: block; width: 35.8rem; height: 33.2rem; position: absolute; bottom: 6.8rem; left: -17.9rem; z-index: 1; background: rgba(196, 233, 255, 0.48); filter: blur(15rem);} #elegirnos_grafico::after{content: ''; display: block; width: 79rem; height: 73.3rem; position: absolute; bottom: 16.7rem; right: -42.6rem; z-index: 1; background: rgba(179, 250, 255, 0.29); filter: blur(15rem);} #elegirnos_grafico .elegirnos_top .tpgb-heading-title{width: 100%; max-width: 52.2rem;} #elegirnos_grafico .elegirnos_top .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #elegirnos_grafico .elegirnos_bottom{row-gap: 3.3rem;} #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col{width: 100%; position: relative; z-index: 2; padding: 3rem 2.3rem 3.1rem; border-radius: 2.1rem; background: #FFFFFF; } #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col .tpgb-container-row{row-gap: 2rem;} #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col .tpgb-container-row .tpgb-heading-title{width: 100%;} #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(1){grid-column: 2 / 3;} /* #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col .tpgb-container-row .tpgb-creative-image:after{content: ''; display: block; position: absolute; z-index: 1; border-radius: 100%; background: linear-gradient(262.68deg, rgba(250, 222, 255, 0.73) 12.63%, rgba(241, 187, 255, 0.73) 138.14%, rgba(160, 95, 242, 0.73) 138.15%); mix-blend-mode: multiply; opacity: 0.86;} */ /* #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(1) .tpgb-container-row .tpgb-creative-image:after{width: 5.502rem; height: 5.502rem; top: .5rem; right: 3.8rem; animation: marquee 1.5s ease-in-out .5s alternate infinite;} */ #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(1) .tpgb-container-row video{width: 100%; max-width: 13.8rem;} /* #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(2) .tpgb-container-row .tpgb-creative-image:after{width: 6.077rem; height: 6.077rem; top: .609rem; left: 5.386rem; animation: diagonal3 1.5s ease-in-out .5s alternate infinite;} */ #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(2) .tpgb-container-row video{width: 100%; max-width: 12.4rem;} /* #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(3) .tpgb-container-row .tpgb-creative-image:after{width: 5.18rem; height: 5.18rem; bottom: 0rem; left: 50%; transform: translateX(-50%); animation: saltar2 1.5s ease-in-out .5s alternate infinite;} */ #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(3) .tpgb-container-row video{width: 100%; max-width: 10.49rem;} #servicios_grafico .servicios_top .tpgb-heading-title{width: 100%; max-width: 41.9rem;} #servicios_grafico .servicios_bottom .slick-disabled{opacity: .5;} #servicios_grafico .servicios_bottom .slick-arrow{padding: 1rem; border-radius: 100rem; color: #3D4050; background: #FFF; font-size: 1.5rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgba(137,125,196,47%);} #servicios_grafico .servicios_bottom .slick-prev{margin-right: .8rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col{row-gap: 2.5rem; margin-right: 1rem; padding: 4.458rem 2.5rem; border-radius: 1.3rem; min-height: 36rem; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF; background: #FFF;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .tpgb-container-row{height: 100%; justify-content: space-between;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .wp-block-outermost-icon-block{position: relative;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .wp-block-outermost-icon-block::before{content: ''; display: block; width: 4.119rem; height: 4.058rem; position: absolute; background: rgb(241, 187, 255,60%); border-radius: 100rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .wp-block-outermost-icon-block::after{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .tpgb-pro-paragraph .pro-paragraph-inner p{text-wrap: pretty;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-weight: 700;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col .tpgb-plus-button a{font-weight: 700;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(1) .wp-block-outermost-icon-block::before{top: 1.6rem; left: 1.2rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(1) .wp-block-outermost-icon-block::after{top: -1rem; left: 4.3rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(2) .wp-block-outermost-icon-block::before{top: 1.3rem; left: 1.4rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(2) .wp-block-outermost-icon-block::after{top: -1.6rem; left: 3rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(3) .wp-block-outermost-icon-block::before{top: 1.6rem; left: 1rem; width: 3.8rem; height: 3.8rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(3) .wp-block-outermost-icon-block::after{top: -1rem; left: 4rem; } #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(4) .wp-block-outermost-icon-block::before{top: 1.5rem; left: 1.3rem; width: 3.5rem; height: 3.4rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(4) .wp-block-outermost-icon-block::after{top: -1rem; left: 3.6rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(5) .wp-block-outermost-icon-block::before{top: -1.4rem; left: 2.8rem; width: 3.8rem; height: 3.8rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(5) .wp-block-outermost-icon-block::after{top: -1rem; left: 0rem; } #servicios_grafico .servicios_bottom .slick-dots{gap: .8rem; margin-top: 2.1rem;} #servicios_grafico .servicios_bottom .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background:#E0E0F0; padding: 0rem;} #servicios_grafico .servicios_bottom .slick-dots li.slick-active button{width: 2.485rem; height: 1rem; border-radius: 2.4rem; background: #D7CEFF;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(1).slick-active .wp-block-outermost-icon-block::before{animation: saltar 1.5s ease-in-out .5s alternate infinite;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(2).slick-active .wp-block-outermost-icon-block::before{animation: diagonal2 1.5s ease-in-out .5s alternate infinite;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(3).slick-active .wp-block-outermost-icon-block::before{animation: expandir2 1.5s ease-in-out .5s alternate infinite;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(4).slick-active .wp-block-outermost-icon-block::before{animation: expandir3 1.5s ease-in-out .5s alternate infinite;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(5).slick-active .wp-block-outermost-icon-block::before{animation: diagonal 1.5s ease-in-out .5s alternate infinite;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(1).slick-active .wp-block-outermost-icon-block::after, #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(2).slick-active .wp-block-outermost-icon-block::after, #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(3).slick-active .wp-block-outermost-icon-block::after, #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(4).slick-active .wp-block-outermost-icon-block::after, #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(5).slick-active .wp-block-outermost-icon-block::after{animation: rotar2 1.5s ease-in-out .5s infinite;} #exito_grafico .exito_top .tpgb-heading-title{width: 100%; max-width: 47.9rem;} #exito_grafico .exito_top .tpgb-pro-paragraph{width: 100%; max-width: 45.4rem;} #exito_grafico .exito_bottom{row-gap: 2rem;} #exito_grafico .exito_bottom .tpgb-container-col{row-gap: 2.8rem; padding: 7.6rem 3.2rem 7.6rem; border: 0rem; border-radius: 1.2rem; transition: all .3s ease;} #exito_grafico .exito_bottom .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} /*=============== SERVICIOS-PLANES ===============*/ .section-plans h2 span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} .section-plans .tpgb-heading-title{max-width: 61rem; margin: 0 auto;} div.container-plans ul{list-style: none;} div.container-plans .slick-track{gap: 1rem;} div.container-plans .slick-dots{margin-top: 3.2rem; gap: .8rem;} div.container-plans .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #E0E0F0; padding: 0rem;} div.container-plans .slick-dots li.slick-active button{width: 2.485rem; height: 1rem; border-radius: 2.4rem; background: #D7CEFF;} div.container-plans ul.list-plans{display: flex; flex-direction: column; gap: 1rem;} div.container-plans ul.list-plans li:nth-child(1) h3{ max-width: 17.6rem;} div.container-plans ul.list-plans li:nth-child(2) h3{max-width: 19.2rem;} div.container-plans ul.list-plans li:nth-child(3) h3{max-width: 23.5rem;} div.container-plans ul.list-plans p{font-family: 'Lexend Deca', sans-serif; font-size: 1.4rem; line-height: 2.4rem; font-weight: 400; color: #1D1E24;} div.container-plans ul.list-plans span{font-family: 'Lexend Deca', sans-serif; font-size: 2rem; line-height: 2.6rem; font-weight: 400; color: #1D1E24;} div.container-plans ul.list-plans figure{width: fit-content;position: relative;} div.container-plans ul.list-plans img{width: 10rem; } div.container-plans ul.list-plans figure::before{content: ''; display: block; width: 2.5rem; height: 2.4rem; position: absolute; top: -1rem; right: -1.8rem; z-index: 1; background: url(images/star-2.png) no-repeat top/2.5rem; animation: expandir2 .5s ease-in-out 1.5s alternate infinite;} div.container-plans ul.list-plans figure::after{content: ''; display: block; width: 8.2rem; height: 8.1rem; position: absolute; bottom: -1.5rem; right: -2.5rem; z-index: 1; border-radius: 100rem; background: rgb(241, 187,255,60%);animation: expandir2 1.5s ease-in-out forwards alternate infinite;} div.container-plans ul.list-plans .item-plans{display: flex; flex-direction: column; justify-content: space-between; gap: 1.6rem; width: 100%; height: fit-content; padding: 3.2rem 0rem 4.1rem; background: #FFF; border-radius: 1.3rem; box-shadow: 0px 4px 44.2px #E4D6FF;} div.container-plans ul.list-plans .item-plans > div{display: flex; flex-direction: column; align-items: center;} div.container-plans ul.list-plans .item-plans div > span{font-size: 2.5rem; font-weight: 700; color: #7A50FF;} div.container-plans ul.list-plans .item-plans .plans{gap: 2.4rem;} div.container-plans ul.list-plans .item-plans .plans > div{display: flex; flex-direction: column; align-items: center; width: 100%;} div.container-plans ul.list-plans .item-plans .plans .info-plans h3{padding: 2.2rem 0rem 0rem; font-family: 'Lexend Deca', sans-serif; font-size: 2.5rem; line-height: 2.6rem; font-weight: 700; text-align: center; color: #1D1E24;} /* div.container-plans ul.list-plans .item-plans .plans .info-plans p{max-width: 28.9rem; padding: .5rem 0rem 0rem; text-align: center;} */ div.container-plans ul.list-plans .item-plans .plans .benefits-plans > p{font-size: 2.5rem; font-weight: 300; padding-top: 1rem;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul{width: 100%; height: 18.4rem; max-width: 30.9rem; position: relative; padding-top: 1.4rem; overflow: hidden;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; background: linear-gradient(179.7deg, rgba(255, 255, 255, 0) 60.44%, #FFFFFF 99.74%); } div.container-plans ul.list-plans .item-plans .plans .benefits-plans.active-info ul{height: auto; overflow: visible;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans.active-info ul::before{display: none;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul li{display: flex; flex-direction: column; align-items: center; padding: 1.4rem 0rem; border-top: 1px solid #000;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul li:last-child{border-bottom: 1px solid #000;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul li span{max-width: 24.7rem; text-align: center; text-wrap: balance;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul li p{max-width: 21.7rem; text-align: center;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans a{font-family: 'Lexend Deca', sans-serif; font-size: 1.6rem; line-height: 2.8rem; font-weight: 700; color: #7A50FF;} div.container-plans ul.list-plans .item-plans .adicional-plans form{display: flex; flex-direction: column; justify-content: space-between; width: 100%; max-width: 29rem; height: 25.3rem; padding-top: 2.3rem;} div.container-plans ul.list-plans .item-plans .adicional-plans form .camps{display: flex; gap: 1.3rem; align-items: center;} div.container-plans ul.list-plans .item-plans .adicional-plans form .camps input{width: 4rem; height: 4rem;} div.container-plans ul.list-plans .item-plans .adicional-plans form .camps label{font-family: 'Lexend Deca', sans-serif; font-size: 1.7rem; line-height: 2.24rem; font-weight: 400;} div.container-plans ul.list-plans .item-plans .adicional-plans form .price{display: flex; justify-content: center; align-items: center;} div.container-plans ul.list-plans .item-plans .adicional-plans form .price {font-family: 'Lexend Deca', sans-serif; font-size: 2.5rem; line-height: 2.6rem; font-weight: 700; color: #1D1E24;} div.container-plans ul.list-plans .item-plans .adicional-plans form .price input{width: 7rem; padding: 0rem; border:unset; font-family: 'Lexend Deca', sans-serif; font-size: 2.5rem; line-height: 2.6rem; font-weight: 700; color: #1D1E24;} div.container-plans ul.list-plans .item-plans .adicional-plans form .price span{font-size: 2.5rem; font-weight: 700; color: #1D1E24;} div.container-plans ul.list-plans .item-plans .adicional-plans form .pay{display: flex; justify-content: space-between; padding-top: 2.7rem;} div.container-plans ul.list-plans .item-plans .adicional-plans form .pay .calendar{padding: .85rem 2.3rem; border-radius: 10rem; background: #4E46B4; font-family: 'Lexend Deca', sans-serif; font-size: 1.4rem; line-height: 2.6rem; font-weight: 400; color: #FFF;} div.container-plans ul.list-plans .item-plans .adicional-plans form .pay .portfolio{padding: .84rem 2.2rem; border: 1px solid #4E46B4; border-radius: 10rem; background: #E8E7F5; font-family: 'Lexend Deca', sans-serif; font-size: 1.4rem; line-height: 2.6rem; font-weight: 400; color: #4E46B4;} /*========== MANTENIMIENTO WEB ==========*/ #main__wrapper .section1-mantenimiento-web{background: #FFF} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .tpgb-heading-title{max-width: 29.8rem;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .tpgb-pro-paragraph{display: none;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .text1{max-width: 46.5rem; display: block;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .text2{max-width: 54.2rem; display: block;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .text3{max-width: 57.7rem;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .text4{max-width: 56.5rem;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .text5{display: block; max-width: 49.7rem; font-weight: 700;} #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image{max-width: 52.7rem;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image::before{content: ''; display: block; width: 5.19rem; height: 5.19rem; position: absolute; bottom: 2rem; left: -1.8rem; border-radius: 100rem; z-index: 1; background: url(images/icon-sdk.png) no-repeat left 50% top 50%/1.959rem, url(images/star-2.png) no-repeat left 23% top 25%/.549rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards, expandir2 1.5s ease-in-out 1.5s alternate infinite;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::before{content: ''; display: block; width: 6.166rem; height: 6.166rem; position: absolute; top: 5.5rem; left:-2rem; z-index: 1; border-radius: 100rem; background: url(images/icon-dvr.png) no-repeat left 50% top 50%/2.7rem, url(images/star-2.png) no-repeat right 20% top 26%/.549rem, #FFF; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: rotar 1.5s ease-in-out forwards,expandir2 1.5s ease-in-out 2.5s alternate infinite;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{content: ''; display: block; width: 10.4rem; height: 7.8rem; position: absolute; top: 6.5rem; right:-2rem; border-radius: 1.6rem; background: url(images/table-code.png) no-repeat top/100%; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); animation: scale-up-hor-center .5s cubic-bezier(.39,.575,.565,1.000) both} #main__wrapper .section1-mantenimiento-web .container3 .tpgb-pro-paragraph{font-weight: 700;} #main__wrapper .section2-mantenimiento-web{background: rgb(204, 225, 255, 15%);} #main__wrapper .section2-mantenimiento-web .container1 .tpgb-heading-title{max-width: 27.9rem;} #main__wrapper .section2-mantenimiento-web .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section2-mantenimiento-web .container1 .tpgb-pro-paragraph{max-width: 54.2rem;} #main__wrapper .section2-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{border-bottom: .1rem solid #BBBFC4;} #main__wrapper .section2-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item:last-child .tpgb-accordion-header{border: unset;} #main__wrapper .section2-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header.active{border: unset;} #main__wrapper .section2-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 2.3rem;} #main__wrapper .section3-mantenimiento-web .container1 .tpgb-heading-title{max-width: 47.9rem;} #main__wrapper .section3-mantenimiento-web .container1 .tpgb-pro-paragraph{max-width: 45.4rem;} #main__wrapper .section3-mantenimiento-web .container2 .slick-list{overflow: hidden;} #main__wrapper .section3-mantenimiento-web .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section3-mantenimiento-web .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section3-mantenimiento-web .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col.slick-active{border:.2rem solid #F3C2FF; transition: border .5s ease-in-out;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col{padding: 4.886rem 3rem 4.282rem; border-radius: 1.3rem;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col .tpgb-creative-image{width: 5.583rem; height: 3.975rem; display: flex; align-items: center; position: relative;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; background: url(images/star-2.png) no-repeat top/100%;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col:nth-child(1) .tpgb-creative-image::before{top: -.05rem; right: .05rem;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -1.2rem; left: 0rem;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before{top: -1rem; right: 1rem;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-weight: 700;} #main__wrapper .section3-mantenimiento-web .container2 .bloq1 .tpgb-pro-paragraph{max-width: 26.3rem;} #main__wrapper .section4-mantenimiento-web{background: #FFF; overflow: hidden;} #main__wrapper .section4-mantenimiento-web .bloq1 .tpgb-heading-title{max-width: 59.5rem;} #main__wrapper .section4-mantenimiento-web .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section4-mantenimiento-web .bloq1 .tpgb-pro-paragraph{max-width: 49.9rem;} #main__wrapper .section4-mantenimiento-web .bloq1 .text4{font-weight: 700;} #main__wrapper .section4-mantenimiento-web .bloq2 .tpgb-creative-image img{border-radius: 1.6rem;} #main__wrapper .section5-mantenimiento-web{background: rgb(204, 225, 255, 29%);} #main__wrapper .section5-mantenimiento-web .container1 .tpgb-heading-title{max-width: 31.9rem;} #main__wrapper .section5-mantenimiento-web .container1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item{display: block;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item.disable-accor{display: none;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{border-bottom: .1rem solid #BBBFC4;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item:last-child .tpgb-accordion-header{border: unset;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header.active{border: unset;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 3.9rem;} #main__wrapper .section6-mantenimiento-web .tpgb-creative-image{display: flex; align-items: center; width: 7.2rem; height: 7.2rem; background: url(images/star-2.png) no-repeat right 24% top 27%/.6rem, #FFF; border-radius: 100rem; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF;} #main__wrapper .section6-mantenimiento-web .tpgb-pro-paragraph{font-weight: 700;} /*========== ANIMACION-2D-3D ==========*/ #main__wrapper .section1-animacion{background: #FFF;} #main__wrapper .section1-animacion .tpgb-heading-title{max-width: 33.4rem;} #main__wrapper .section1-animacion .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 12.5%, #53C8D0 38.5%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #main__wrapper .section1-animacion .tpgb-heading-title h1{font-weight: 600;} #main__wrapper .section1-animacion .tpgb-pro-paragraph P{text-wrap: pretty;} #main__wrapper .section2-animacion .container1 .bloq2 #our-experience{width: fit-content;} #main__wrapper .section2-animacion .container1 .bloq2 .tpgb-pro-paragraph{width: 100%; max-width: 46.3rem;} #main__wrapper .section2-animacion .container2{overflow: hidden;} #main__wrapper .section2-animacion .slick-disabled{opacity: .5;} #main__wrapper .section2-animacion .slick-arrow{width: 3.2rem; height: 3.2rem; padding: 0rem; border-radius: 100rem; color: #3D4050; background: #DFE6E9; font-size: 1.5rem; font-weight: 700;} #main__wrapper .section2-animacion .slick-prev{margin-right: .8rem;} #main__wrapper .section2-animacion .container2 .slick-list{padding-top: 2.8rem;} #main__wrapper .section2-animacion .container2 .tpgb-container-row {gap: 3.2rem;} #main__wrapper .section2-animacion .container2 .tpgb-container-row .tpgb-container-col{max-width: 37.5rem; padding: 0rem;} #main__wrapper .section2-animacion .container2 .tpgb-container-row .tpgb-container-col a > img{border-radius: .8rem;} #main__wrapper .section2-animacion .container3{overflow: hidden;} #main__wrapper .section2-animacion .container3 .slick-list{padding-top: 3.1rem;} #main__wrapper .section2-animacion .container3 .tpgb-container-col{margin: 0rem .5rem 0rem;} #main__wrapper .section2-animacion .container3 .tpgb-container-col a > img{border-radius: .8rem;} #main__wrapper .section3-animacion .container1 .tpgb-heading-title{max-width: 61.5rem;} #main__wrapper .section3-animacion .container1 .tpgb-heading-title span{color: #FFF;} #main__wrapper .section3-animacion .container2{overflow: hidden;} #main__wrapper .section3-animacion .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section3-animacion .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section3-animacion .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section3-animacion .container2 .tpgb-container-col{height: 35rem; max-width: 27.9rem; margin: 0rem .5rem 0rem; padding: 5.3rem 2.4rem 4.5rem 3.5rem; border-radius: 1.3rem; justify-content: space-between;} #main__wrapper .section3-animacion .container2 .tpgb-container-col.active-info{height: fit-content;} #main__wrapper .section3-animacion .container2 .tpgb-container-col .tpgb-creative-image, #main__wrapper .section3-animacion .container2 .tpgb-container-col .tpgb-creative-image .tpgb-creative-img-wrap{width: 4.175rem; height: 3.33rem;} #main__wrapper .section3-animacion .container2 .tpgb-container-col .tpgb-creative-image::before{content: ''; display: block; width: 1.261rem; height: 1.243rem; position: absolute; top: -1rem; right: -1.3rem; background: url(images/star-2.png) no-repeat top/100%; animation: expandir2 .5s ease-in-out .5s infinite alternate;} #main__wrapper .section3-animacion .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{top: -.7rem; right: -1rem; animation: expandir2 1.5s ease-in-out .5s infinite alternate;} #main__wrapper .section3-animacion .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before{animation: expandir2 2s ease-in-out .5s infinite alternate;} #main__wrapper .section3-animacion .container2 .tpgb-container-col:nth-child(4) .tpgb-creative-image::before{right: 0rem; animation: expandir2 2.5s ease-in-out .5s infinite alternate;} #main__wrapper .section3-animacion .container2 .tpgb-container-col .tpgb-pro-paragraph p{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section3-animacion .container2 .tpgb-container-col.active-info .tpgb-pro-paragraph{padding-top: 2.276rem;} #main__wrapper .section3-animacion .container2 .tpgb-container-col.active-info .tpgb-pro-paragraph p{-webkit-line-clamp: unset;} #main__wrapper .section3-animacion .container2 .tpgb-container-col .btn-leer-mas a{font-weight: 700;} #main__wrapper .section4-animacion{background: rgb(204, 225, 255, 20%); overflow: hidden;} #main__wrapper .section4-animacion .container1 .bloq1 .tpgb-heading-title{max-width: 46.5rem;} #main__wrapper .section4-animacion .container1 .bloq2, #main__wrapper .section4-animacion .container1 .bloq2 *{display: inline;} #main__wrapper .section4-animacion .container1 .bloq2 .tpgb-pro-paragraph{display: none;} #main__wrapper .section4-animacion .container1 .bloq2 .text1{display: inline;} #main__wrapper .section4-animacion .container1 .bloq2 .tpgb-pro-paragraph.visible{display: block;} #main__wrapper .section4-animacion .container1 .bloq2 .tpgb-plus-button a{font-weight: 700;} #main__wrapper .section4-animacion .container2{z-index: 1;} #main__wrapper .section4-animacion .container2 .slick-arrow{width: 4.1rem; height: 4.1rem; padding: 0rem; border-radius: 100rem; color: #3D4050; background: #FFF; opacity: unset; font-size: 2rem; font-weight: 700; box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%);} #main__wrapper .section4-animacion .container2 .slick-arrow.slick-disabled{opacity: 0.34;} #main__wrapper .section4-animacion .container2 .slick-prev{margin-right: 1.5rem;} #main__wrapper .section4-animacion .container2 .slick-list{padding-top: 2.2rem;} #main__wrapper .section4-animacion .container2 .slick-dots{gap: .8rem; margin-top: 2.4rem;} #main__wrapper .section4-animacion .container2 .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; border-radius: 100rem; background: #E0E0F0;} #main__wrapper .section4-animacion .container2 .slick-dots li.slick-active button{width: 3.6rem; height: .8rem;} #main__wrapper .section4-animacion .container2 .tpgb-container-row{height: fit-content; max-width: 34rem; margin: 0rem .5rem 0rem; padding: 1.9rem 2.2rem 3.7rem 2.5rem; background: #FFF; border-radius: 2.1rem; box-shadow: 0rem .4rem 1.13rem 0rem #C8DDFC;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq1 img{width: 100%; height: 24.1rem; object-fit: cover; object-position: 50% 0%; border-radius: 2.1rem;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-heading-title{font-weight: 600;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-heading-title, #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph{max-width: 38rem;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph{display: none;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .text1{display: block;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph p{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .tpgb-container-col.active-info .tpgb-pro-paragraph{display: block;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .tpgb-container-col.active-info .tpgb-pro-paragraph p{-webkit-line-clamp: unset;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .btn-leer-mas a{font-weight: 700;} #main__wrapper .section4-animacion .container2 .sub-container1 .bloq2 .tpgb-heading-title .heading-title{max-width: 25.2rem;} #main__wrapper .section4-animacion .container2 .sub-container2 .bloq2 .tpgb-heading-title .heading-title{max-width: 31.5rem;} #main__wrapper .section4-animacion .container2 .sub-container3 .bloq2 .tpgb-heading-title .heading-title{max-width: 24.1rem;} #main__wrapper .section4-animacion .container2 .sub-container4 .bloq2 .tpgb-heading-title .heading-title{max-width: 31.5rem;} #main__wrapper .section4-animacion .container2 .sub-container5 .bloq2 .tpgb-heading-title .heading-title{max-width: 38.2rem;} #main__wrapper .section5-animacion .tpgb-cont-in > .tpgb-pro-paragraph .pro-paragraph-inner{font-weight: 500;} #main__wrapper .section5-animacion .container1 .tpgb-pro-paragraph{display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 55.6rem;} #main__wrapper .section5-animacion .container1 .tpgb-pro-paragraph .pro-heading-inner{max-width: 23.3rem;} #main__wrapper .section5-animacion .container2 .slick-list{overflow: hidden;} #main__wrapper .section5-animacion .container2 .slick-dots{margin-top: 2.544rem; gap: .8rem; align-items: center; justify-content: center;} #main__wrapper .section5-animacion .container2 .slick-dots li button{width: .61rem; height: .612rem; border-radius: 100rem; background: #CBC8C8; padding: 0rem;} #main__wrapper .section5-animacion .container2 .slick-dots li.slick-active button{background: #F3C2FF; padding: 0rem;} #main__wrapper .section5-animacion .container2 .tpgb-container-col.slick-active{border:.2rem solid #F3C2FF; transition: border .5s ease-in-out;} #main__wrapper .section5-animacion .container2 .tpgb-container-col{justify-content: start; padding: 4.886rem 3rem 4.282rem; border-radius: 1.3rem; height: 39.65rem;} #main__wrapper .section5-animacion .container2 .tpgb-container-col .tpgb-creative-image{width: 6.785rem; height: 6.256rem;} #main__wrapper .section5-animacion .container2 .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{max-width: 25rem; font-weight: 700; text-wrap: pretty;} #main__wrapper .section6-animacion{background: #FFF; overflow: hidden;} #main__wrapper .section6-animacion .bloq1 .tpgb-pro-paragraph{max-width: 45.8rem;} #main__wrapper .section7-animacion{background: #FFF;} #main__wrapper .section7-animacion .bloq2 .tpgb-pro-paragraph{max-width: 45.5rem;} /*========== POPUP-ANIMACION 2D Y 3D ==========*/ #stylistic_modal-1587 .iziModal-wrap{height: auto !important;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-heading-title{max-width: 38rem; text-align: left;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-heading-title .heading-title{font-family: "Lexend Deca", sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 3.3rem; margin: 0rem; color: #000;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-pro-paragraph{padding-top: 1.8rem;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-pro-paragraph p{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #3D4050;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-plus-button{margin-top: 1.8rem;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-plus-button a{padding: .85rem 2.5rem; border: unset; border-radius: 100rem; background: #1D1E24; } #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-plus-button a span{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; color: #FFF;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq2 *{height: 100%;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: right;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq2 .tpgb-creative-image img{border-radius: 1.8rem; object-fit: cover;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq1{display: none;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq2{display: flex; flex-direction: column;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-heading-title{max-width: 30.9rem; text-align: left;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-heading-title .heading-title{font-family: "Lexend Deca", sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 3.3rem; margin: 0rem; color: #000;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-heading-title span{background: radial-gradient(245.97% 245.97% at -57.31% 50%, #53C8D0 6%, #9882FD 60%, #7A50FF 100%, #96185F 100%); background-clip: text; -webkit-text-fill-color: transparent;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-pro-paragraph{padding-top: 1.8rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-pro-paragraph p{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #3D4050;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-plus-button{margin-top: 1.8rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-plus-button a{padding: .85rem 2.5rem; border: unset; border-radius: 100rem; background: #1D1E24; } #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-plus-button a span{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; color: #FFF;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container-popup2-animacion .bloq2 *, #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq1 *{height: 100%;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container-popup2-animacion .bloq2 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: right;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq1 .tpgb-creative-image .tpgb-creative-img-wrap{text-align: left;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container-popup2-animacion .bloq2 .tpgb-creative-image img, #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq1 .tpgb-creative-image img{border-radius: 1.8rem; object-fit: cover;} /*========== CONTACTO ==========*/ #main__wrapper .section1-contacto {background: linear-gradient(360deg, rgba(228, 214, 255, 0.1575) 0%, rgba(152, 130, 253, 0) 89.95%);} #main__wrapper .section1-contacto .container2 .bloq1 .tpgb-pro-paragraph{max-width: 35.9rem;} #main__wrapper .section1-contacto .container2 .bloq1 .tpgb-pro-paragraph .pro-heading-inner{font-weight: 600;} #main__wrapper .section1-contacto .container2 .bloq1 .tpgb-social-icons{width: 100%; max-width: 41.1rem; border-top: .1rem solid rgb(174, 178, 198, 41%);} #main__wrapper .section1-contacto .container2 .bloq2{padding: 3.3rem 2.9rem 6.9rem 2.6rem; box-shadow: 0rem .4rem 4.42rem 0rem #E4D6FF;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms .frm_form_field{margin-bottom: 2.1rem; position: relative;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms .frm_form_field img{position: absolute; top: 4.2rem; left: .5rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms .frm_primary_label{display: block; visibility: visible; padding-bottom: .4rem; font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 2.4rem; color: #3D4050;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_11_container{display: flex; flex-direction: column; justify-content: flex-end; grid-column: 6 / span 8 !important;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_5_container .frm_primary_label{font-size: 1.4rem; color: #595D62;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms span.frm_required{display: none;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms input[type="text"], #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms input[type="email"], #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms input[type="tel"]{padding: .8rem .8rem .8rem 1.2rem; border-radius: .8rem; border: .1rem solid #AEB2C6; font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms select{padding: .8rem 1.6rem .8rem 1.2rem; border-radius: .8rem; border: .1rem solid #AEB2C6; font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; min-height: 4.2rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms textarea{padding: 1.6rem; border-radius: .8rem; border: .1rem solid #AEB2C6; font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_10_container{grid-column: 1 / span 5 !important;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_10_container select{padding: .8rem 0rem .8rem 2.4rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_13_container label{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color: #595A5F;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_13_container label span a{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 700; color: #595A5F;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_13_container input{border-radius: .3rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms .frm_submit{display: flex; justify-content: center; align-items: center;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms .frm_submit button{padding: 1.2rem 10.3rem; border: unset; border-radius: 3.6rem; font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 2.4rem; color: #FFFFFF; background: #1D1E24; margin: 3.4rem 0rem 0rem;} /*========== 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;} /*========== FOOTER ==========*/ #footer{background: #FFF;} #footer .container__row{width: min(87.2%,119.35rem); margin: 0 auto; max-width: unset;} #footer .top .wcrow{padding: 5rem 0rem 2.8rem; align-items: center;} #footer .top .wcrow #container__logo{padding-bottom: 1.802rem;} #footer .top .wcrow #container__logo img{max-width: 14.9rem;} #footer .top .wcrow #politicies{display: flex; justify-content: space-between; align-items: center; gap: 4.8rem; padding-top: 2.65rem; border-top: .1rem solid #E3E3E3; list-style: none; } #footer .top .wcrow #politicies a{font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; line-height: 2.8rem; font-weight: 500; color: #1D1E24;} } @media screen and (min-width:768px){ /*========== ERROR 404 - MAINTENANCE ==========*/ #error404, #maintenance{background:url("images/404-background.png") no-repeat center 0; background-size:cover;} #error404 .wccol-md-4, #maintenance .wccol-md-4{order:1;} #error404 .wccol-md-4 img, #maintenance .wccol-md-4 img{margin:0 auto;} #error404 .wccol-md-8, #maintenance .wccol-md-8{order:2;} #error404 h2{font-size:15rem;} #maintenance h2{font-size:9rem;} #error404 h4, #maintenance h4{font-size:7rem;} #error404 p, #maintenance p{font-size:1.8rem;} /*========== TEXTOS GLOBALES ==========*/ /*========== POP-UP GLOBALES==========*/ .stylistic-modal .iziModal-header-buttons{right: 3rem;} .stylistic-modal .iziModal-wrap .iziModal-content{flex-direction: row;} .stylistic-modal .iziModal-wrap .iziModal-content .tpgb-container-col{width: 50%;} .stylistic-modal .iziModal-wrap .iziModal-content .bloq2{display: flex;} /*========== OFFCANVAS ==========*/ /*========== HEADER ==========*/ #header .container__row{width: min(99.2%, 119.7rem); padding-top: 4.5rem;} #header .container__row #container__logo a img{max-width:22.4rem;} /*========== HOME ==========*/ #main__wrapper .section3-home::before{content: ''; display: block; position: absolute; bottom: 5.5rem; left: -19rem; width: 35.8rem; height: 33.2rem; background: rgb(196, 233, 255,31%); filter: blur(6.7rem); border-radius: 100rem;} #main__wrapper .section3-home::after{content: ''; display: block; position: absolute; top: 13rem; right: -15rem; width: 28.7rem; height: 26.6rem; background: rgb(152, 130, 253,22%); filter: blur(8rem); border-radius: 100rem;} #main__wrapper .section3-home .bloq1 .tpgb-heading-title{padding-right: 0rem;} #main__wrapper .section3-home .bloq2 .tpgb-stylist-list .tpgb-icon-list-item{display: flex;} #main__wrapper .section3-home .bloq2 .cta{max-width: 57.9rem; margin: 0rem auto;} #main__wrapper .section4-home .container2 .tpgb-container-col{padding: 3.309rem 2.6rem 3.4rem; height: 35.65rem; border-radius: 1.3rem; transform: translate(0rem, 0rem); transition: all .5s ease-in-out;} #main__wrapper .section5-home:before{width: 48.8rem; height: 45.2rem; top: 7rem; right: -9rem; left: unset;} #main__wrapper .section5-home::after{width: 48.8rem; height: 45.2rem; top: 9.5rem; left: -18.5rem; right: unset; background: rgb(176, 247, 255, 9%); box-shadow: 0rem 0rem 30rem 0rem rgb(176, 247, 255, 25%);} #main__wrapper .section5-home .container2 .tpgb-container-col{width: 100%; height: 16rem;} #main__wrapper .section5-home .container2 .tpgb-container-col .tpgb-creative-image::before{height: 10.3rem; top: 3rem; right: 0rem;} #main__wrapper .section5-home .container2 .tpgb-container-col .tpgb-creative-image::after{display: block; width: 17.9rem; bottom: 0rem; left: 2.8rem;} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(6) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(9) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(12) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(15) .tpgb-creative-image::before{content: ''; display: none;} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(4) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(8) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(5) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(10) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(14) .tpgb-creative-image::before{content: ''; display: block;} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(13) .tpgb-creative-image::after, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(14) .tpgb-creative-image::after, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(15) .tpgb-creative-image::after{content: ''; display: none;} #main__wrapper .section6-home .tpgb-heading-title{max-width: 45rem;} #main__wrapper .section6-home:before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; top: 12.1rem; left: -16.5rem; background: rgb(176, 247, 255, 13%); box-shadow: 0rem 0rem 30rem 0rem rgb(176, 247, 255, 25%); border-radius: 100rem;} #main__wrapper .section6-home:after{content: ''; display: block; width: 46.7rem; height: 43.3rem; position: absolute; bottom: 12.5rem; right: -26.5rem; background: rgb(152, 130, 253, 9%); box-shadow: 0rem 0rem 29rem 0rem rgb(152, 130, 253, 25%); border-radius: 100rem;} #main__wrapper .section6-home .tpgb-plus-button{width: 64.8rem;} #main__wrapper .section6-home .tpgb-accordion .tpgb-accor-item .accordion-toggle-icon{margin: 0rem 0rem 0rem 11.6rem;} #main__wrapper .section7-home .container2 .tpgb-container-col{height: 29.5rem; padding: 5.5rem 2.4rem 3.6rem 3.5rem; margin-bottom: 0rem;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(2){height: 29.5rem} #main__wrapper .section7-home .container2 .tpgb-container-col .tpgb-creative-image{width: 4.175rem; height: 3.33rem;} #main__wrapper .section7-home .container2 .tpgb-container-col .tpgb-creative-image::before{right: -.8rem;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(2) .tpgb-creative-image::before{right: 0rem;} #main__wrapper .section8-home .container2 .slick-list{padding-top: 3.7rem;} #main__wrapper .section8-home .container2 .tpgb-container-col{max-width: 39.6rem; margin: 0rem 2.8rem 0rem 0rem;} #main__wrapper .section8-home .container2 .tpgb-container-col:first-child > .tpgb-pro-paragraph{max-width: 32.7rem;} #main__wrapper .section9-home::before{content: ''; display: block; width: 53.2rem; height: 49.3rem; position: absolute; bottom: 11.1rem; left: -10.5rem; background: rgba(247, 214, 255, 0.56); filter: blur(150px); border-radius: 100rem;} #main__wrapper .section9-home::after{content: ''; display: block; width: 53.2rem; height: 49.3rem; position: absolute; top: 22.1rem; right: -20.5rem; background: rgba(179, 250, 255, 0.38); filter: blur(150px); border-radius: 100rem;} #main__wrapper .section9-home .container1 .bloq1 .tpgb-heading-title{padding-right: unset;} #main__wrapper .section9-home .container2 .slick-list{padding-top: 3.6rem;} #main__wrapper .section9-home .container2 .slick-dots{margin-top: 7.2rem;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2){top: 11rem;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-plus-button{top: 50%; left: 40%; transform: translate(-40%,-50%); visibility: hidden;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col:hover .tpgb-plus-button{visibility: visible;} /* #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col:hover img{filter: brightness(50%);} */ #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-plus-button a:hover{background-color: #9882fd; color: #FFF; font-weight: 400;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-plus-button a span.btn-icon{display: none;} #main__wrapper .section10-home::before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; bottom: 16rem; right: -15rem; background: rgb(241, 187, 255,30%); box-shadow: 0rem 0rem 30rem 0rem #F1BBFF; border-radius: 100rem;} #main__wrapper .section10-home .container2 .slick-list{margin-top: 3.2rem;} #main__wrapper .section10-home .container2 .slick-dots{gap: .8rem; margin-top: 5.1rem; justify-content: center; align-items: center;} #main__wrapper .section10-home .container2 .slick-dots li.slick-active button{width: 2.485rem; height: .7rem; border-radius: 100rem; background: #D7CEFF;} #main__wrapper .section10-home .container2 .tpgb-container-col{padding: 4.348rem 2.8rem 6.7rem 3rem; width: 36.7rem; height: 36.4rem;} #main__wrapper .agenda-con-nosotros .bloq2{border-radius: 1.3rem;} /* #main__wrapper .section11-home .bloq2{padding: 3.1rem 1rem 3.7rem; border-radius: 1.3rem;} */ #main__wrapper .section12-home::before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; bottom: 16rem; right: -15rem; background: rgb(241, 187, 255,30%); box-shadow: 0rem 0rem 30rem 0rem #F1BBFF; border-radius: 100rem;} #main__wrapper .section12-home .container2 .slick-list{margin-top: 3.2rem;} #main__wrapper .section12-home .container2 .slick-dots{gap: .8rem; margin-top: 5.1rem; justify-content: center; align-items: center;} #main__wrapper .section12-home .container2 .slick-dots li.slick-active button{width: 2.485rem; height: .7rem; border-radius: 100rem; background: #D7CEFF;} #main__wrapper .section12-home .container2 .slick-track .tpgb-container-col{padding: 4.348rem 3.1rem 3.1rem 3rem; width: 36.7rem; height: 38.9rem;} #main__wrapper .section12-home .container2 .slick-track .bloq1 .tpgb-creative-image::after{left: 6.3rem;} #main__wrapper .section-equipo .container1 .bloq1 .tpgb-heading-title{max-width: 30.7rem;} #main__wrapper .section-equipo .container2 .slick-list{padding-top: 3.9rem;} #main__wrapper .section-equipo .container2 .tpgb-container-col{max-width: 29.5rem; height: 46.2rem;} #main__wrapper .section-equipo .container2 .tpgb-container-col .tpgb-creative-image img{max-width: 29.5rem;} #main__wrapper .section-equipo .container2 .tpgb-container-col .card-back{padding: 4.5rem 2.2rem 4rem 2.9rem;} /*========== AGENCIA SEM ==========*/ #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-image::before{width: 8.5rem; height: 8.5rem; bottom: 8rem; left: -3rem; background: url(images/icon-pencil-2.png) no-repeat left 50% top 50%/3.1rem, url(images/star-2.png) no-repeat left 36% top 36%/.805rem, #FFF;} #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-image::after{width: 8.231rem; height: 8.231rem; top: 17rem; right: -2rem; background: url(images/icon-data-table.png) no-repeat left 50% top 50%/2.567rem, url(images/star-2.png) no-repeat left 72% top 29%/.805rem, #FFF;} #main__wrapper .section1-agencia-sem .container2 .bloq2 .tpgb-creative-img-wrap::after{width: 17.8rem; height: 14rem; bottom: 12.8rem;} #main__wrapper .section2-agencia-sem::before{content: ''; display: block; width: 29.9rem; height: 27.7rem; position: absolute; bottom: 4rem; left: -13.5rem; border-radius: 100rem; background: rgba(179, 250, 255, 0.37); filter: blur(15rem);} #main__wrapper .section2-agencia-sem::after{content: ''; display: block; width: 35.7rem; height: 33.1rem; position: absolute; bottom: 10rem; right: -26.5rem; border-radius: 100rem; background: rgba(122, 80, 255, 0.18); filter: blur(15rem);} #main__wrapper .section2-agencia-sem .bloq2 .tpgb-creative-image img{height: 35.5rem; object-fit: cover;} #main__wrapper .section3-agencia-sem .container1 .tpgb-heading-title{max-width: 33.4rem;} #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col{padding: 7.662rem 1.6rem 6.5rem 3.2rem; border-radius: 1.3rem; height: 39.7rem; transform: translate(0rem, 0rem); transition: all .5s ease-in-out;} #main__wrapper .section4-agencia-sem::before{content: '';display: block; width: 34.1rem; height: 31.7rem; position: absolute; top: 13.8rem; left: -20rem; background: rgba(241, 187, 255, 0.36); filter: blur(15rem);} #main__wrapper .section4-agencia-sem::after{content: '';display: block; width: 46.3rem; height: 42.9rem; position: absolute; top: -21rem; right: -10rem; background: rgba(122, 80, 255, 0.11); filter: blur(15rem); transform: rotate(28.19deg);} #main__wrapper .section5-agencia-sem::before{content: ''; display: block; width: 46.3rem; height: 42.9rem; position: absolute; bottom: 14rem; left: -26.337rem; background: radial-gradient(245.97% 245.97% at -57.31% 50%, #E7FF50 0%, #F1BBFF 23.29%, #B3FAFF 48.44%, #9882FD 75%, #7A50FF 100%, #96185F 100%); opacity: 0.34; filter: blur(15rem); transform: rotate(28.19deg);} #main__wrapper .section5-agencia-sem::after{content: ''; display: block; width: 46.3rem; height: 42.9rem; position: absolute; top: 7rem; right: -24.337rem; background: rgba(122, 80, 255, 0.12); filter: blur(150px); transform: rotate(28.19deg);} #main__wrapper .section5-agencia-sem .tpgb-heading-title{max-width: 37.1rem;} #main__wrapper .section5-agencia-sem .tpgb-accordion .tpgb-accor-item .accordion-toggle-icon{margin: 0rem 0rem 0rem 11.6rem;} #main__wrapper .section6-agencia-sem .bloq2 .tpgb-creative-image img{height: 40.6rem;} #main__wrapper .section7-agencia-sem:before{content: ''; display: block; width: 44.5rem; height: 41.3rem; position: absolute; top: 2.3rem; left: -16.5rem; background: rgba(229, 216, 255, 0.68); filter: blur(15rem);} #main__wrapper .section8-agencia-sem .bloq2 .tpgb-creative-image{width: 9.278rem; height: 9.227rem;} /*========== POP-UP AGENCIA SEM ==========*/ #stylistic_modal-734 .iziModal-wrap .iziModal-content{padding: 9.3rem 3rem 6.3rem !important;} #stylistic_modal-734 .iziModal-wrap .iziModal-content .container-popup1-SEM .bloq1 .tpgb-pro-paragraph{max-width: 36.1rem;} /*========== AGENCIA SEO ==========*/ #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image::before{width: 8.5rem; height: 8.5rem; bottom: 4rem; left: -3rem; background: url(images/icon-captive-portal.png) no-repeat left 50% top 50%/3.045rem, url(images/star-2.png) no-repeat right 27% top 29%/.8rem, #FFF;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image::after{width: 7.2rem; height: 7.2rem; top: 17.5rem; right: 2rem; background: url(images/icon-ad-group.png) no-repeat left 50% top 50%/2.214rem, url(images/star-2.png) no-repeat right 27% top 29%/.8rem, #FFF;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::before{width: 10.1rem; height: 10.1rem; top: 11.5rem; left: -3.9rem; background: url(images/icon-design-services.png) no-repeat left 50% top 50%/3.197rem, url(images/star-2.png) no-repeat right 27% top 29%/.8rem, #FFF;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{display: none;} #main__wrapper .section2-agencia-seo .container1 .tpgb-heading-title{max-width: 33.4rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col{padding: 6.14rem 4rem 4rem; border-radius: 1.3rem; height: 40.4rem; transform: translate(0rem, 0rem); transition: all .5s ease-in-out;} #main__wrapper .section4-agencia-seo .bloq1 .tpgb-creative-image img{height: 100%; object-position: 23% 50%;} #main__wrapper .section5-agencia-seo::before{content: ''; display: block; width: 46.3rem; height: 42.9rem; border-radius: 100rem; position: absolute; top: -3rem; left: -18rem; background: rgba(179, 250, 255, 0.2); filter: blur(15rem); transform: rotate(28.19deg);} #main__wrapper .section5-agencia-seo::after{width: 46.3rem; height: 42.9rem; top: 18rem; right: -26rem; transform: rotate(28.19deg);} #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col{padding: 6.55rem 3rem 4.9rem 5.4rem;} #main__wrapper .section6-agencia-seo .container2 .slick-dots{margin-top: 5.2rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row{height: auto; padding: 5.2rem 3.9rem 5.8rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2{padding: unset;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq1 .tpgb-creative-image img{height: auto; border-radius: 1.6rem;} #main__wrapper .section7-agencia-seo{margin: -4rem 0rem 5rem; padding: 0rem;} #main__wrapper .section7-agencia-seo .tpgb-cont-in{padding: 2.7rem 0rem 4.6rem;} #main__wrapper .section8-agencia-seo .bloq2 .tpgb-creative-image img{height: auto; object-position: unset;} #main__wrapper .section9-agencia-seo::before{content: ''; display: block; width: 29.1rem; height: 27rem; position: absolute; top: -3rem; left: -10.5rem; background: rgba(176, 247, 255, 0.52); filter: blur(15rem);} #main__wrapper .section9-agencia-seo::after{content: ''; display: block; width: 48.8rem; height: 45.2rem; position: absolute; bottom: -14rem; right: -25.5rem; background: rgba(241, 187, 255, 0.22); filter: blur(15rem);} #main__wrapper .section10-agencia-seo .bloq1 .tpgb-creative-image img{height: 66.2rem; border-radius: 2.4rem; object-position: unset;} /*========== POP-UP-AGENCIA SEO ==========*/ #stylistic_modal-922 .iziModal-wrap .iziModal-content{padding: 8.1rem 3.5rem 6rem 3.2rem !important;} #stylistic_modal-922 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph{max-width: 42.1rem;} #stylistic_modal-928 .iziModal-wrap .iziModal-content{padding: 8.1rem 3.5rem 6rem 3.2rem !important;} #stylistic_modal-928 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph{max-width: 37.3rem;} #stylistic_modal-931 .iziModal-wrap .iziModal-content{padding: 8.1rem 3.5rem 6rem 3.2rem !important;} #stylistic_modal-931 .iziModal-wrap .iziModal-content .container-popup1-SEO .bloq1 .tpgb-pro-paragraph{max-width: 40.7rem;} /*========== AGENCIA DISENO ==========*/ #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image::before{width: 8.5rem; height: 8.5rem; bottom: 4rem; background: url(images/icon-swap-calls.png) no-repeat left 50% top 50%/3.14rem, url(images/star-2.png) no-repeat left 27% top 35%/.8rem, #FFF;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image::after{width: 7.2rem; height: 7.2rem; bottom: 5.5rem; right: 4rem; background: url(images/icon-preview.png) no-repeat left 50% top 50%/2.888rem, url(images/star-2.png) no-repeat right 18% top 22%/.8rem, #FFF;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::before{width: 10.1rem; height: 10.1rem; top: 8.5rem; background: url(images/icon-stylus-note.png) no-repeat left 50% top 50%/4.219rem, url(images/star-2.png) no-repeat right 47% top 33%/.8rem, #FFF;} #main__wrapper .section1-agencia-diseno .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{width: 17.5rem; height: 13.9rem; top: 12.5rem; right: -4.5rem;} #main__wrapper .section3-agencia-diseno::before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; top: 7.5rem; left: -22.66rem; background: #C4E9FF; filter: blur(15rem);} #main__wrapper .section3-agencia-diseno::after{content: ''; display: block; width: 46.7rem; height: 43.3rem; position: absolute; bottom: 1rem; right: -35.66rem; background: rgba(152, 130, 253, 0.33); filter: blur(15rem);} #main__wrapper .section3-agencia-diseno .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 15.8rem;} #main__wrapper .section4-agencia-diseno .container2 .slick-dots{margin-top: 4.4rem;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row{padding: 5.7rem 5.4rem 5rem;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq1 .tpgb-creative-image img{height: 46.8rem; border-radius: 2.4rem;} #main__wrapper .section6-agencia-diseno .container1 .tpgb-heading-title{max-width: 47.9rem;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col{padding: 6.14rem 5.1rem 4rem 3.7rem; border-radius: 1.3rem; height: 40.4rem; transform: translate(0rem, 0rem); transition: all .5s ease-in-out;} #main__wrapper .section7-agencia-diseno::before{content: ''; display: block; width: 48.8rem; height: 45.2rem; position: absolute; bottom: 16rem; left: -9rem; border-radius: 100rem; background: rgb(241, 187, 255, 23%); filter: blur(15rem);} #main__wrapper .section7-agencia-diseno::after{content: ''; display: block; width: 59.8rem; height: 55.4rem; position: absolute; top: 9rem; right: -31rem; border-radius: 100rem; background: rgb(149, 126, 255, 20%); filter: blur(15rem);} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row{padding: 5rem 4.1rem 5.5rem 4.3rem;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq1 .tpgb-creative-image img{height: auto; width: auto; border-radius: 2.4rem;} /*========== DISENO GRAFICO ==========*/ #hero_grafico .hero_info .tpgb-heading-title{max-width: 45.8rem;} #hero_grafico .hero_info .tpgb-pro-paragraph{max-width: 51rem;} #hero_grafico .hero_img .tpgb-creative-image{max-width: 100%;} #hero_grafico .hero_img .tpgb-creative-image img{width: 100%; max-width: 59.9rem;} #elegirnos_grafico .tpgb-cont-in > figure video{width: 68.378rem; height: 18.618rem; position: absolute; top: 23.6rem; left: -2rem; z-index: 1;} /* #elegirnos_grafico .tpgb-cont-in::after{content: ''; display: block; width: 68.378rem; height: 53.618rem; position: absolute; top: 10.6rem; left: -2rem; z-index: 1; background: url(images/testeando-gif-v2-ballena.gif) no-repeat top/100%;} */ #elegirnos_grafico .elegirnos_bottom{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; column-gap: 2.4rem;} #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col{padding: 4rem 3.3rem 3.1rem;} #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col:nth-child(3) .tpgb-container-row .tpgb-creative-image:after{top: 2.463rem; left: unset; right: 2.8rem; bottom: unset; transform: unset;} #servicios_grafico::before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; bottom: 16rem; right: -15rem; background: rgb(241, 187, 255,30%); box-shadow: 0rem 0rem 30rem 0rem #F1BBFF; border-radius: 100rem;} #servicios_grafico .servicios_bottom .slick-list{margin-top: 3.2rem;} #servicios_grafico .servicios_bottom .slick-dots{gap: .8rem; margin-top: 5.1rem; justify-content: center; align-items: center;} #servicios_grafico .servicios_bottom .slick-dots li.slick-active button{width: 2.485rem; height: .7rem; border-radius: 100rem; background: #D7CEFF;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col{row-gap: 4rem; margin-right: 4rem; padding: 4.348rem 3.1rem 3.1rem 3rem; width: 36.7rem; min-height: 38.9rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(1) .wp-block-outermost-icon-block::after{left: 5.3rem;} #servicios_grafico .servicios_bottom .slick-track .tpgb-container-col:nth-child(1) .tpgb-pro-paragraph{max-width: 28.9rem;} /*========== MANTENIMIENTO WEB ==========*/ #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .tpgb-heading-title{max-width: 51.8rem;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image::before{width: 8.5rem; height: 8.5rem; bottom: 4rem; left: -3rem; background: url(images/icon-sdk.png) no-repeat left 50% top 50%/3.208rem, url(images/star-2.png) no-repeat left 23% top 25%/.8rem, #FFF;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::before{width: 10.1rem; height: 10.1rem; top: 8.5rem; left:-3rem; background: url(images/icon-dvr.png) no-repeat left 50% top 50%/4.422rem, url(images/star-2.png) no-repeat right 20% top 26%/.8rem, #FFF;} #main__wrapper .section1-mantenimiento-web .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{width: 17.4rem; height: 13.2rem; top: 9.5rem; right:-3rem;} #main__wrapper .section2-mantenimiento-web::before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; bottom: 3rem; left: -14rem; border-radius: 100rem; background: rgb(196, 233, 255, 53%); filter: blur(15rem);} #main__wrapper .section2-mantenimiento-web::after{content: ''; display: block; width: 46.7rem; height: 43.3rem; position: absolute; top: 15rem; right: -35rem; border-radius: 100rem; background: rgb(152, 130, 253, 36%); filter: blur(15rem);} #main__wrapper .section2-mantenimiento-web .container1 .tpgb-heading-title{max-width: 46.6rem;} #main__wrapper .section2-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 16.2rem;} #main__wrapper .section3-mantenimiento-web .container1 .tpgb-heading-title{max-width: 52.7rem;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col{padding: 6.14rem 5rem 4rem 3.7rem; border-radius: 1.3rem; height: 43.5rem; transform: translate(0rem, 0rem); transition: all .5s ease-in-out;} #main__wrapper .section4-mantenimiento-web::before{content: ''; display: block; width: 48.8rem; height: 45.2rem; position: absolute; top: -15.3rem; left: -15rem; border-radius: 100rem; background: rgb(241, 187, 255, 40%); filter: blur(15rem);} #main__wrapper .section4-mantenimiento-web::after{content: ''; display: block; width: 59.8rem; height: 55.4rem; position: absolute; bottom: -2rem; right: -34rem; border-radius: 100rem; background: rgb(149, 126, 255, 20%); filter: blur(15rem);} #main__wrapper .section4-mantenimiento-web .bloq2 .tpgb-creative-image img{height: 60.5rem; object-fit: cover; object-position: 100% 50%;} #main__wrapper .section5-mantenimiento-web::before{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; top: 51.3rem; left: -11rem; border-radius: 100rem; background: rgb(196, 233, 255, 53%); filter: blur(15rem);} #main__wrapper .section5-mantenimiento-web::after{content: ''; display: block; width: 46.7rem; height: 43.3rem; position: absolute; top: 19rem; right: -25rem; border-radius: 100rem; background: rgb(152, 130, 253, 36%); filter: blur(15rem);} #main__wrapper .section5-mantenimiento-web .container1 .tpgb-heading-title{max-width: 43.8rem;} #main__wrapper .section5-mantenimiento-web .container2 .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{margin: 0rem 0rem 0rem 11rem;} #main__wrapper .section6-mantenimiento-web .tpgb-creative-image{width: 8.5rem; height: 8.5rem; background: url(images/star-2.png) no-repeat right 24% top 27%/.8rem, #FFF;} /*========== ANIMACION-2D-3D ==========*/ #main__wrapper .section1-animacion::before{content: ''; display: block; width: 32.1rem; height: 29.7rem; position: absolute; bottom: 0rem; left: -16rem; border-radius: 100rem; background: #C4E9FF; filter: blur(15rem);} #main__wrapper .section1-animacion::after{content: ''; display: block; width: 36.8rem; height: 34.1rem; position: absolute; bottom: 0rem; right: -16rem; border-radius: 100rem; background: #F0CDF8; filter: blur(15rem);} #main__wrapper .section1-animacion .tpgb-heading-title{max-width: unset;} #main__wrapper .section1-animacion .tpgb-pro-paragraph{max-width: 69rem;} #main__wrapper .section3-animacion .container2 .tpgb-container-col{justify-content: start; max-width: unset; margin: 1.5rem 0rem 0rem;} #main__wrapper .section3-animacion .container2 .tpgb-container-col .tpgb-pro-paragraph p{-webkit-line-clamp: unset;} #main__wrapper .section4-animacion .container2 .slick-list{padding-top: 5rem;} #main__wrapper .section4-animacion .container2 .tpgb-container-row{max-width: 75rem; margin: 0rem 2.3rem 0rem 0rem ; padding: 4.9rem 3.6rem 5rem;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq1 img{width: auto; height: auto; object-position: unset; border-radius: 2.4rem;} #main__wrapper .section5-animacion .container1 .tpgb-pro-paragraph .pro-heading-inner{max-width: 35.3rem;} #main__wrapper .section5-animacion .container2 .tpgb-container-col{justify-content: space-between; padding: 4.8rem 2.6rem 4.5rem; height: 34.3rem; border-radius: 1.3rem; transform: translate(0rem, 0rem); transition: all .5s ease-in-out;} #main__wrapper .section5-animacion .container2 .bloq2, #main__wrapper .section5-animacion .container2 .bloq4{justify-content: start;} #main__wrapper .section5-animacion .container2 .bloq4 p{text-wrap: pretty;} #main__wrapper .section6-animacion::before{content: ''; display: block; width: 48.8rem; height: 45.2rem; position: absolute; top: -16rem; left:-20.5rem; border-radius: 100rem; background: rgb(176, 247, 255, 13%); filter: blur(15rem);} #main__wrapper .section7-animacion::after{content: ''; display: block; width: 48.8rem; height: 45.2rem; position: absolute; top: -20rem; right: -30rem; border-radius: 100rem; background: #F7D7FF; filter: blur(15rem);} /*========== POPUP-ANIMACION 2D Y 3D ==========*/ #stylistic_modal-1587 .iziModal-wrap .iziModal-content{padding: 7.9rem 1rem 7.2rem !important;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-heading-title .heading-title{font-size: 3.2rem; line-height: 4rem;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content .container-popup1-animacion .bloq1 .tpgb-pro-paragraph{max-width: 37.4rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content{padding: 7.9rem 1rem 5.9rem !important;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .tpgb-heading-title{max-width: 37.9rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container-popup2-animacion .bloq1 .tpgb-pro-paragraph{max-width: 37.4rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container-popup2-animacion .bloq1 .tpgb-heading-title .heading-title{font-size: 3.2rem; line-height: 4rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion{padding-top: 4.8rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq1{display: flex;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq2 {align-items: flex-end;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq2 .tpgb-pro-paragraph:nth-child(1){padding-top: 0rem;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq2 .tpgb-pro-paragraph, #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq2 .tpgb-plus-button{max-width: 35.3rem;} /*========== CONTACTO ==========*/ #main__wrapper .section1-contacto .container2 .bloq2{padding: 3.1rem 1rem 3.7rem; border-radius: 1.3rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms .frm_primary_label{font-size: 1.3rem;} #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_10_container, #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_11_container{grid-column: span 6 / span 6 !important;} /*========== FOOTER ==========*/ #footer .container__row{border-top: .2rem solid rgb(98, 128, 140, 11%);} #footer .top .wcrow{padding: 2.6rem 0rem;} #footer .top .wcrow #container__logo{padding: 0rem;} #footer .top .wcrow #container__logo img{max-width: 22.4rem;} #footer .top .wcrow #politicies{justify-content: flex-end; gap: 4.4rem; padding: 0rem; border-top: unset;} } @media screen and (min-width:1024px){ /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:8rem;} #scrollto__top a#scrolltop__btn{width: 5rem; height: 5rem;} .chatwith.rightpos .chatwith-mainbutton{width: 5rem; height: 5rem;} /*========== OFFCANVAS ==========*/ /*========== HEADER ==========*/ #header .container__row #nav__header ul.menu{display: flex; justify-content: center; align-items: center; list-style: none; gap: 1.2rem;} #header .container__row #nav__header ul.menu > li{padding: .5rem 0rem;} #header .container__row #nav__header ul.menu > li:hover{border-bottom: .15rem solid #000;} #header .container__row #nav__header ul.menu li.current_page_item{border-bottom: .15rem solid #000;} #header .container__row #nav__header ul.menu > li.menu-item-has-children:hover, #header .container__row #nav__header ul.menu > li:last-child:hover{border-bottom: unset} #header .container__row #nav__header ul.menu > li a{display: block; font-family: "Lexend Deca", sans-serif; font-size: 1.4rem; line-height: 2.8rem; font-weight: 400; color: #1D1E24;} #header .container__row #nav__header ul.menu > li.menu-item-has-children{position: relative;} #header .container__row #nav__header ul.menu > li.menu-item-has-children > a{display: flex; align-items: center;} #header .container__row #nav__header ul.menu > li.menu-item-has-children > a span{font-size: 2rem; transform: rotate(0); transition: all .5s ease;} #header .container__row #nav__header ul.menu > li.menu-item-has-children:hover > a span{transform: rotate(180deg);} #header .container__row #nav__header ul.menu > li.menu-item-has-children ul.sub-menu{list-style: none; display: none;} #header .container__row #nav__header ul.menu > li.menu-item-has-children:hover ul.sub-menu{display: block; position: absolute; top: 3.6rem; left: .1rem; width: max-content; background: #FFF;} #header .container__row #nav__header ul.menu > li.menu-item-has-children:hover ul.sub-menu li:hover{border-bottom: .15rem solid #000;} #header .container__row #nav__header ul.menu > li.contacto-button{border: unset;} #header .container__row #nav__header ul.menu > li.contacto-button > a{padding: .5rem 1.9rem; background: #1D1E24; border-radius: 100rem; color: #FFF; } #header .container__row #nav__header ul.menu > li.contacto-button:hover > a{background: #9882fd; transition: all .5s;} /* #header .container__row #nav__header ul.menu > li.cotizar-button:hover ul.sub-menu{top:5.6rem; left: 2.1rem;} */ #header .container__row #nav__header #list__icons-header{display: none; list-style: none;} /*========== HOME ==========*/ #main__wrapper .section2-home::before{content: ''; display: block; position: absolute; top: 12rem; right: 15rem; width: 41.1rem; height: 41.1rem; background: rgb(28, 28, 56,45%); filter: blur(20px); border-radius: 100rem;} /*========== POPUP-AGENCIA SEM ==========*/ #stylistic_modal-734 .iziModal-wrap .iziModal-content{padding: 9.3rem 5.8rem 6.3rem 6rem !important;} /*========== DISENO GRAFICO ==========*/ #hero_grafico .hero_img .tpgb-creative-image::after{width: 21rem; height: 14.9rem; right: -6.8rem;} #hero_grafico .hero_img .tpgb-creative-image .tpgb-anim-img-parallax::before{width: 10.1rem; height: 10.1rem; top: -1.5rem; left: 14rem; background: url(images/icon-stylus-note.png) no-repeat left 50% top 50%/4.219rem, url(images/star-2.png) no-repeat right 47% top 33%/.8rem, #FFF;} #hero_grafico .hero_img .tpgb-creative-image .tpgb-anim-img-parallax::after{top: 11.5rem;} #exito_grafico .exito_bottom{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; column-gap: 3.9rem;} #exito_grafico .exito_bottom .tpgb-container-col{width: 100%;} } @media screen and (min-width:1025px){ /*========== HOME ==========*/ #main__wrapper .section3-home .tpgb-cont-in::before{width: 60rem; height: 45rem; top: 38%; left: 0%; bottom: unset; right: unset; background: url(images/bg-section3-home-PC.png) no-repeat left top/44rem, url(images/bg2-section3-home-PC.png) no-repeat right bottom/13.046rem;} #main__wrapper .section3-home .tpgb-cont-in::after{width: 13.046rem; height: 6.331rem; top: 10%; right: 12%; background: url(images/bg2-section3-home-PC.png) no-repeat top/100%; transform: scaleX(-1);} #main__wrapper .section3-home .bloq2 .tpgb-stylist-list, #main__wrapper .section3-home .bloq2 .cta{margin: 0rem 13.1rem 0rem auto;} #main__wrapper .section4-home .container2 .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(5) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(10) .tpgb-creative-image::before{content: ''; display: none;} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(3) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(6) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(9) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(12) .tpgb-creative-image::before, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(14) .tpgb-creative-image::before{content: ''; display: block;} #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(11) .tpgb-creative-image::after, #main__wrapper .section5-home .container2 .tpgb-container-col:nth-child(12) .tpgb-creative-image::after{content: ''; display: none;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(1) .tpgb-pro-paragraph{max-width: 17.9rem;} #main__wrapper .section7-home .container2 .tpgb-container-col:nth-child(4) .tpgb-pro-paragraph{max-width: 18.8rem;} /* #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(1){padding: 2.42rem 2.5rem 2.554rem 2.421rem;} */ /* #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2){max-width: 24.9rem; height: 49.7rem; top: 5.5rem; right: 0rem; padding: 1.3rem 1.39rem;} */ /* #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2)::before{width: 24.9rem; height: 52rem; left: -.1rem;} */ #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(1){padding: 2.35rem 2rem 2.554rem 2rem} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2){max-width: 24.899rem; height: 50.153rem; top: 5.5rem; right: 0rem; padding: 1.35rem .39rem 0rem;} #main__wrapper .section9-home .container2 .slick-track .tpgb-container-col .tpgb-creative-image:nth-child(2)::before{width: 24.899rem; height: 50.153rem; left: -.1rem;} /* #main__wrapper .section11-home .bloq2{padding: 3.1rem 4.1rem 3.7rem 3.5rem;} */ /*========== AGENCIA SEM ==========*/ #main__wrapper .section3-agencia-sem .container2 .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} /*========== POP-UP-AGENCIA SEM ==========*/ #stylistic_modal-734 .iziModal-wrap{height: min(87vh,55.5rem) !important;} /*========== AGENCIA SEO ==========*/ #main__wrapper .section1-agencia-seo .container2 .bloq1 .tpgb-pro-paragraph{display: block;} #main__wrapper .section1-agencia-seo .container2 .bloq2 .tpgb-creative-image .tpgb-anim-img-parallax::after{display: block; width: 10.5ch; bottom: 21.6rem; right: -25rem; font-size: 2rem;} #main__wrapper .section2-agencia-seo .container2 .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} #main__wrapper .section3-agencia-seo .container1 .bloq1 .tpgb-pro-paragraph{display: block;} #main__wrapper .section4-agencia-seo .bloq1 *{height: auto;} #main__wrapper .section4-agencia-seo .bloq1 .tpgb-creative-image img{height: auto; object-fit: unset; object-position: unset;} #main__wrapper .section4-agencia-seo .bloq2 .tpgb-plus-button{width: 100vw;} #main__wrapper .section5-agencia-seo .container2 .tpgb-container-col{padding: 6.55rem 5.5rem 4.9rem 5.4rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row{padding: 5.7rem 7.9rem 4.8rem;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph{display: block;} #main__wrapper .section6-agencia-seo .container2 .tpgb-container-row .bloq2 .text1 p{display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: unset;} #main__wrapper .section7-agencia-seo{margin: -11rem 0rem 5rem;} #main__wrapper .section8-agencia-seo .bloq1 .tpgb-pro-paragraph{display: block;} #main__wrapper .section8-agencia-seo .bloq1 .text1 p{display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: unset;} #main__wrapper .section10-agencia-seo .bloq2 .tpgb-pro-paragraph{display: block;} /*========== POP-UP-AGENCIA SEO ==========*/ #stylistic_modal-922 .iziModal-wrap{height: min(87vh,78.2rem) !important;} #stylistic_modal-922 .iziModal-wrap .iziModal-content{padding: 8.1rem 6.5rem 6rem 6.2rem !important;} #stylistic_modal-928 .iziModal-wrap{height: min(87vh,63rem) !important;} #stylistic_modal-928 .iziModal-wrap .iziModal-content{padding: 8.1rem 6.5rem 7.1rem 6.2rem !important;} #stylistic_modal-931 .iziModal-wrap{height: min(87vh,72.3rem) !important;} #stylistic_modal-931 .iziModal-wrap .iziModal-content{padding: 7.1rem 6.5rem 6.1rem 6.6rem !important;} /*========== AGENCIA DISENO ==========*/ #main__wrapper .section1-agencia-diseno .container2 .bloq1 .tpgb-pro-paragraph{display: block;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph, #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .tpgb-plus-button{display: block;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .btn-leer-mas{display: none;} #main__wrapper .section4-agencia-diseno .container2 .tpgb-container-row .bloq2 .text1 p{display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: unset;} #main__wrapper .section6-agencia-diseno .container2 .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .text1 p{display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: unset;} #main__wrapper .section7-agencia-diseno .container2 .tpgb-container-row .bloq2 .text2{display: block;} div.container-plans ul.list-plans{flex-direction: row; justify-content: space-between;} div.container-plans ul.list-plans img{width: auto; max-width: 9.4rem; max-height: 9.3rem;} div.container-plans ul.list-plans .item-plans{max-width: 36.7rem; height: auto; padding: 3.2rem 0rem 9.2rem;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul{height: auto; overflow: visible; padding-top: 3.9rem;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans ul::before{display: none;} div.container-plans ul.list-plans .item-plans .plans .benefits-plans a{display: none;} /*========== DISENO GRAFICO ==========*/ #elegirnos_grafico .elegirnos_bottom > .tpgb-container-col .tpgb-container-row .tpgb-heading-title{max-width: 18.7rem;} /*========== MANTENIMIENTO WEB ==========*/ #main__wrapper .section1-mantenimiento-web .container2 .bloq1 .tpgb-pro-paragraph{display: block;} #main__wrapper .section3-mantenimiento-web .container2 .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} /*========== ANIMACION-2D-3D ==========*/ #main__wrapper .section3-animacion .container2 .tpgb-container-col{justify-content: start; max-width: unset; margin: 0rem;} #main__wrapper .section3-animacion .container2 .tpgb-container-col .tpgb-pro-paragraph p{-webkit-line-clamp: 6;} #main__wrapper .section4-animacion::before{content: ''; display: block; width: 56.7rem; height: 52.6rem; position: absolute; bottom: 9rem; left: -21rem; border-radius: 100rem; background: rgb(229, 216, 255, 67%); filter: blur(15rem);} #main__wrapper .section4-animacion::after{content: ''; display: block; width: 46.7rem; height: 43.3rem; position: absolute; top: 0rem; right: -33rem; border-radius: 100rem; background: rgb(152, 130, 253, 33%); filter: blur(15rem);} #main__wrapper .section4-animacion .container2 .tpgb-container-row{height: auto; max-width: 102.9rem; margin: 0rem 5.3rem 0rem 0rem; padding: 4.9rem 6.6rem 5rem 5.4rem;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph{display: block;} #main__wrapper .section4-animacion .container2 .tpgb-container-row .bloq2 .tpgb-pro-paragraph p{display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: unset;} #main__wrapper .section5-animacion .container2 .tpgb-container-col:hover{border: .2rem solid #F3C2FF; transform: translate(0rem, -2rem);} /*========== POP-UP ANIMACION-2D-3D ==========*/ #stylistic_modal-1587 .iziModal-wrap{height: auto !important;} #stylistic_modal-1595 .iziModal-wrap{height: min(87vh,119.6rem) !important;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container-popup2-animacion .bloq2 *, #stylistic_modal-1595 .iziModal-wrap .iziModal-content .container2-popup2-animacion .bloq1 *{height: auto;} #stylistic_modal-1587 .iziModal-wrap .iziModal-content{padding: 7.9rem 6.8rem 7.2rem !important;} #stylistic_modal-1595 .iziModal-wrap .iziModal-content{padding: 7.9rem 6.1rem 5.9rem 6.8rem !important;} /*========== CONTACTO ==========*/ #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_10_container, #main__wrapper .section1-contacto .container2 .bloq2 .frm_forms #frm_field_11_container {grid-column: span 3 / span 3 !important;} #main__wrapper .section1-contacto .container2 .bloq2{padding: 3.1rem 4.1rem 3.7rem 3.5rem;} } @media screen and (min-width:1140px){ /*========== HEADER ==========*/ #header .container__row #nav__header ul.menu{gap: 2.6rem;} } @media screen and (min-width:1253px){ /*========== HOME ==========*/ #main__wrapper .section-equipo .container2{gap: 2.4rem;} #main__wrapper .section-equipo .container2 .tpgb-container-col{margin: 0rem;} #main__wrapper .section-equipo .container2 .tpgb-container-col:hover .tpgb-creative-image img{filter: unset; transition: all .5s;} } @media screen and (min-width:1404px){ /*========== HOME ==========*/ /*========== FOOTER ==========*/ } @media screen and (min-width:3000px){ #scrollto__top{bottom:16rem;} #scrollto__top a#scrolltop__btn{width:10rem; height:10rem;} #scrollto__top a#scrolltop__btn .wcicon{font-size:7rem; line-height:10rem;} #main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:290rem;} /*========== HEADER ==========*/ /*========== HOME ==========*/ }