/* =========================== TYPOGRAPHY =========================== */ @font-face { font-family: 'ITC Avant Garde Std'; src: url('../webfonts/ITCAvantGardeStd-Demi.woff2') format('woff2'), url('../webfonts/ITCAvantGardeStd-Demi.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'ITC Avant Garde Std'; src: url('../webfonts/ITCAvantGardeStd-Medium.woff2') format('woff2'), url('../webfonts/ITCAvantGardeStd-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'General Sans'; src: url('../webfonts/GeneralSans-Semibold.woff2') format('woff2'), url('../webfonts/GeneralSans-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'General Sans'; src: url('../webfonts/GeneralSans-Regular.woff2') format('woff2'), url('../webfonts/GeneralSans-Regular.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Pix Chicago'; src: url('../webfonts/pixChicago.woff2') format('woff2'), url('../webfonts/pixChicago.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } .fa-brands, .fab, .fa { font-style: normal; } /* =========================== COLORS & FONT STYLES =========================== */ :root { --grayscale-90: #0E183E; /* Title */ --grayscale-80: #223166; /* bodycopy */ --grayscale-50: #98A1BB; --grayscale-40: #AEB7D0; --grayscale-30: #D7DFF0; /* Bodycopies and tags on dark mode */ --grayscale-20: #E6EBF4; /* Backgrounds */ --grayscale-white: #FFFFFF; /* Background and titles on dark mode */ --blue: #233E99; --turquoise: #00A5AA; --orange: #FF5A3C; --red: #E93E3A; --family-title: 'ITC Avant Garde Std', Helvetica, sans-serif; --family-body: 'General Sans', Helvetica, sans-serif; --weight-demi: 600; /* ITC Avant */ --weight-medium: 500; /* ITC Avant */ --weight-semibold: 600; /* General Sans */ --weight-regular: 300; /* General Sans */ } /* =========================== GRID SETTINGS =========================== */ :root { --bootstrap-padding: 20px; --bootstrap-margin: -20px; } .row > *, .container, .container-fluid { padding-left: var(--bootstrap-padding); padding-right: var(--bootstrap-padding); } .row { margin-top: 0; margin-right: var(--bootstrap-margin); margin-left: var(--bootstrap-margin); } .row > * { margin-top: 0; } /* =========================== BOOTSTRAP =========================== */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } /* =========================== GENERAL STYLES =========================== */ html { scroll-behavior: initial!important; background-color: var(--grayscale-white); } html, body { position: relative; width: 100%; min-height: 100%; } /* Do not add padding or margin to the body */ body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; color: var(--grayscale-80); font-family: var(--family-body); font-size: 19px; line-height: 1.35; font-weight: var(--weight-regular); } main { padding: 0; padding-top: 140px; } main.has_hero { padding-top: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h1_hero, .h2_hero, .h3_hero { font-family: var(--family-title); font-weight: var(--weight-demi); color: var(--grayscale-90); line-height: 1.15; display: block; margin-top: 0; margin-bottom: 1.05rem; } .h1_hero, .h2_hero, .h3_hero { margin-bottom: 0; } h1, .h1 { font-size: 56px; } .h1_hero { font-size: 64px; } h2, .h2 { font-size: 48px; } .h2_hero { font-size: 60px; } h3, .h3 { font-size: 36px; } .h3_hero { font-size: 46px; } h4, .h4 { font-size: 28px; } h5, .h5 { font-size: 24px; font-weight: var(--weight-medium); } h6, .h6 { font-size: 20px; font-weight: var(--weight-medium); } a { text-decoration: underline; color: var(--blue); } a:hover { text-decoration: none; color: var(--grayscale-80); } a:focus, a:active { outline: 0; outline-offset: -2px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } a, button, input, textarea { cursor: none !important; } p, li { font-size: 1em; margin-bottom: 1.2rem; color: var(--grayscale-80); } p { line-height: 1.35; } strong, b { font-weight: var(--weight-semibold); } ul ul, ul ol, ol ol, ol ul { margin-top: 1rem; } blockquote, .blockquote { border-width: 0; border-left-width: 4px; border-style: solid; border-image: -moz-linear-gradient(to bottom, var(--turquoise), var(--blue)) 1 100%; border-image: -webkit-linear-gradient(to bottom, var(--turquoise), var(--blue)) 1 100%; border-image: linear-gradient(to bottom, var(--turquoise), var(--blue)) 1 100%; margin: 1em 0; padding: 0.1em 0 0.1em 1.1em; font-size: 19px; } .element_invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); left: 0; top: 0; opacity: 0; max-width: 200px; max-height: 200px; } .the_button, input[type=button], input[type=submit] { all: unset; font-family: var(--family-title); background: var(--blue); border-radius: 16px; overflow: hidden; display: flex; width: max-content; justify-content: center; align-items: center; padding: 17px 26px 14px; text-transform: none; font-weight: var(--weight-demi); color: var(--grayscale-white); text-shadow: none; font-size: 16px; margin: 16px 0; cursor: pointer; position: relative; } select { width: 100%; height: 50px; border: none; outline: none; background: var(--grayscale-30); border-radius: 16px; padding: 8px; font-size: 16px; color: var(--grayscale-80); } input, textarea { border: 0; font-size: 16px; outline: none; border-radius: 16px; background: var(--grayscale-30); display: block; width: 100%; padding: 14px 16px; margin-bottom: 16px; resize: none; color: var(--grayscale-80); } .the_button:after { content: url('../img/arrows/button-arrow-white.svg'); display: inline-block; margin-left: 16px; position: relative; top: 1px; width: 20px; height: auto; } .the_button:hover, .the_button:focus { background-color: var(--grayscale-80); color: var(--grayscale-white); background-position: right center; } .the_button.main_gradient { background-size: 200% auto; background-image: -moz-linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%); background-image: -webkit-linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%); background-image: linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%); } .the_button.impulsa_gradient { background-size: 200% auto; background-image: -moz-linear-gradient(120deg, var(--orange) 0%, var(--turquoise) 45%, var(--turquoise) 55%, var(--orange) 100%); background-image: -webkit-linear-gradient(120deg, var(--orange) 0%, var(--turquoise) 45%, var(--turquoise) 55%, var(--orange) 100%); background-image: linear-gradient(120deg, var(--orange) 0%, var(--turquoise) 45%, var(--turquoise) 55%, var(--orange) 100%); } .the_button.integra_gradient { background-size: 200% auto; background-image: -moz-linear-gradient(120deg, var(--red) 0%, var(--blue) 45%, var(--blue) 55%, var(--red) 100%); background-image: -webkit-linear-gradient(120deg, var(--red) 0%, var(--blue) 45%, var(--blue) 55%, var(--red) 100%); background-image: linear-gradient(120deg, var(--red) 0%, var(--blue) 45%, var(--blue) 55%, var(--red) 100%); } .text_gradient_blue { background: -moz-linear-gradient(130deg, #DFBB19 0%, #C9CC1E 15%, #12C79C 32.67%, #0FB9B9 50%, #1951E0 67.17%, #A52EC6 85%, #D618A3 100%); background: -webkit-linear-gradient(130deg, #DFBB19 0%, #C9CC1E 15%, #12C79C 32.67%, #0FB9B9 50%, #1951E0 67.17%, #A52EC6 85%, #D618A3 100%); background: linear-gradient(130deg, #DFBB19 0%, #C9CC1E 15%, #12C79C 32.67%, #0FB9B9 50%, #1951E0 67.17%, #A52EC6 85%, #D618A3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 20px; } .text_gradient_impulsa { background: -moz-linear-gradient(130deg, var(--orange) 0%, var(--turquoise) 100%); background: -webkit-linear-gradient(130deg, var(--orange) 0%, var(--turquoise) 100%); background: linear-gradient(130deg, var(--orange) 0%, var(--turquoise) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 20px; } .text_gradient_integra { background: -moz-linear-gradient(130deg, var(--red) 0%, var(--blue) 100%); background: -webkit-linear-gradient(130deg, var(--red) 0%, var(--blue) 100%); background: linear-gradient(130deg, var(--red) 0%, var(--blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 20px; } .blue { color: var(--blue); } .turquoise { color: var(--turquoise); } .the_button.white { background-color: var(--grayscale-white); color: var(--blue); } .the_button.outlined { padding: 15px 24px 12px; border: 2px solid var(--blue); background-color: var(--grayscale-white); color: var(--blue); } .the_button.white:after, .the_button.outlined:after { content: url('../img/arrows/button-arrow-blue.svg'); } .the_button.white:hover, .the_button.outlined:hover { background-color: var(--grayscale-30); } .naked_link span { display: inline-block; vertical-align: text-bottom; } .naked_link { color: var(--turquoise); font-family: var(--family-title); font-weight: var(--weight-demi); display: flex; width: max-content; align-items: center; font-size: 18px; margin-top: 24px; text-decoration: none; } .naked_link:hover { color: var(--turquoise); } .naked_link:after { content: url(../img/arrows/button-arrow-turquoise.svg); display: inline-block; margin-left: 12px; position: relative; top: 2px; width: 20px; height: auto; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .naked_link:hover:after { margin-left: 14px; } .kensei_02 { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .kensei_03 { -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .text-right { text-align: right; } .responsive_image, .responsive_image img{ width: 100%; height: auto; } section, .section { padding: 90px 0 60px; width: 100%; background-color: transparent; z-index: 9; position: relative; } .flex_section { padding: 0 0 60px; } .qtranxs-available-languages-message, .qtranxs-available-languages-message-en, .qtranxs-available-languages-message-es { display: none!important; } /* =========================== CURSOR =========================== */ #circular_mouse { width: 12px; height: 12px; background-color: var(--blue); border: 3px solid var(--blue); border-radius: 50%; pointer-events: none; position: fixed; top: 0; left: 0; z-index: 999999; -webkit-transition: width 0.1s linear, height 0.1s linear; -o-transition: width 0.1s linear, height 0.1s linear; transition: width 0.1s linear, height 0.1s linear; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0); transform: translateX(-50%) translateY(-50%) translateZ(0); display: none; backdrop-filter: blur(2px); } #circular_mouse.mouse-hover { width: 32px; height: 32px; background-color: #233E9950; } #circular_mouse.secondary-color { background-color: var(--turquoise); border: 3px solid var(--turquoise); } #circular_mouse.mouse-hover.secondary-color { background-color: #00A5AA50; } #circular_mouse.tertiary-color { background-color: var(--grayscale-90); border: 3px solid var(--grayscale-90); } #circular_mouse.mouse-hover.tertiary-color { background-color: #233E9950; } /* =========================== BREADCRUMB =========================== */ #breadcrumb { padding-bottom: 1.5em; font-weight: var(--weight-regular); } #breadcrumb a { color: var(--grayscale-80); } #breadcrumb a:hover { color: var(--blue); } #flexible_content #breadcrumb { padding-bottom: 0; } #breadcrumb #home_url { color: var(--blue); font-weight: var(--weight-bold); } #flexible_content.has_breadcrumb #the_content { padding-top: 20px; } .main-page, .main-page .container, .main-page .row { min-height: calc(100vh - 130px); padding-top: 0; } .default-page { padding-top: 120px; padding-bottom: 50px; } body .tag { text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: var(--grayscale-40); font-family: var(--family-title); font-weight: var(--weight-demi); margin-bottom: 6px; } /* =========================== HEADER =========================== */ header { position: fixed; top: 0; width: 100%; z-index: 999; height: auto; border-bottom: 0; -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } header.hide_header { top: -76px; } #logo_wrapper { height: auto; margin: 0; text-align: center; position: relative; } #logo_wrapper a { text-align: left; margin: auto; width: 100%; display: block; position: relative; } #logo_wrapper a img { left: 0; top: 0; width: 100%; max-width: 180px; height: auto; position: relative; margin-top: 0; } #logo_wrapper a img#logo_inverse { position: absolute; opacity: 0; z-index: -1; } #logo_wrapper h1, #logo_wrapper span { text-indent: -9999999px; display: block; position: absolute; left: 0; top: 0; } #header_principal { background-color: transparent; } #header_principal .container, #header_principal .container > .row { height: 100%; } #header_principal .container { position: relative; } nav#navigation { text-align: right; margin-top: 0; padding-left: 32px; } nav#navigation > div > ul { width: 100%; padding-left: 0; margin: 0; font-family: var(--family-title); text-align: center; } nav#navigation div ul li { margin-bottom: 0; } nav#navigation > div > ul li { display: inline-block; position: relative; } nav#navigation > div > ul li a { color: var(--blue); display: block; padding: 24px 12px; font-size: 17px; font-weight: var(--weight-demi); height: 75px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav#navigation > div > ul li a:before { content: " "; display: block; width: 0; background-color: var(--turquoise); margin: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; top: 26px; height: 3px; left: 0; } nav#navigation > div > ul li a:hover { text-decoration: none; } nav#navigation > div > ul li.current-menu-item a:before, nav#navigation > div > ul li.current-menu-parent a:before, nav#navigation > div > ul li:hover > a:before, .single-service nav#navigation > div > ul li#menu-item-25 a:before, .single-associated-service nav#navigation > div > ul li#menu-item-25 a:before, .single-post nav#navigation > div > ul li#menu-item-28 a:before, .category nav#navigation > div > ul li#menu-item-28 a:before, .tag nav#navigation > div > ul li#menu-item-28 a:before { width: 100%; } nav#navigation > div > ul li > ul > li.current_page_item a { color: var(--blue)!important; } nav#navigation > div > ul li > ul { visibility: hidden; display: block; position: absolute; background-color: var(--grayscale-90); border-radius: 12px; width: 220px; left: 50%; margin-left: -50%; margin-top: -10px; padding: 4px 16px 2px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav#navigation > div > ul li > ul.active{ visibility: visible; opacity: 1; } nav#navigation > div > ul li > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 10px 0; font-size: 0.9em; text-transform: none; } nav#navigation > div > ul li > ul > li a { color: var(--grayscale-white); display: block; padding: 0; height: auto; text-align: left; font-weight: 100; opacity: 0.8; } nav#navigation > div > ul li > ul > li a:hover { color: var(--turquoise)!important; } nav#navigation ul.sub-menu a:before, nav#navigation .access_button, #app_burguer { display: none; } #the_access { display: flex; justify-content: end; align-items: center; } #the_access > div, #the_access > div * { display: inline-block; margin: 0; padding: 0; } #the_access > div { margin-right: 24px; padding-right: 20px; border-right: 2px solid var(--grayscale-30); height: 36px; } #the_access ul, #the_access ul li { list-style: none; } #the_access ul { padding: 0; margin: 0; } #the_access li.qtranxs-lang-menu > ul { visibility: visible; opacity: 1; position: relative; } #the_access li.qtranxs-lang-menu > ul { background-color: transparent; } #the_access li.qtranxs-lang-menu > a { display: none!important; } #the_access li.qtranxs-lang-menu .sub-menu { border: 0; padding: 9px 0; } #the_access li.qtranxs-lang-menu .sub-menu a { opacity: 1; display: inline-block; height: 20px; width: 22px; position: relative; overflow: hidden; font-size: 17px; color: var(--blue); font-family: var(--family-title); font-weight: var(--weight-demi); } #the_access li.qtranxs-lang-menu .sub-menu li { padding: 0; } #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-en a:before, #the_access li.qtranxs-lang-menu .sub-menu a[title="English"]:before { content: "EN"; } #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-es a:before, #the_access li.qtranxs-lang-menu .sub-menu a[title="Español"]:before { content: "ES"; } #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-en a, #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-es a, #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-en a:hover, #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-es a:hover { color: transparent!important; } #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-en a:before, #the_access li.qtranxs-lang-menu .sub-menu a[title="English"]:before, #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-es a:before, #the_access li.qtranxs-lang-menu .sub-menu a[title="Español"]:before { display: block; position: absolute; opacity: 1; background-color: transparent; width: 21px; color: var(--blue); } html[lang="en-US"] #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-en { display: none; } html[lang="es"] #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-es { display: none; } .the_button.access_button:after { content: url('../img/icons/access-white.svg'); } #navigation .the_button.access_button:after { content: url('../img/icons/access-color.svg'); } #the_access .the_button { padding: 12px 24px 11px; } /* #the_access .menu-header-languages-container { display: none; } */ /* =========================== HEADER: DARK MODE =========================== */ .intro_dark nav#navigation > div > ul li a, .intro_dark #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-en a:before, .intro_dark #the_access li.qtranxs-lang-menu .sub-menu a[title="English"]:before, .intro_dark #the_access li.qtranxs-lang-menu .sub-menu .qtranxs-lang-menu-item-es a:before, .intro_dark #the_access li.qtranxs-lang-menu .sub-menu a[title="Español"]:before { color: var(--grayscale-white); } nav#navigation > div > ul li a br { display: none; } .intro_dark .the_button.access_button:after { content: url(../img/icons/access-color.svg); } .intro_dark .the_button.access_button { color: var(--blue) !important; background: var(--grayscale-white); } .intro_dark .the_button.access_button span { color: var(--blue) !important; } .intro_dark .the_button.access_button:hover { background: var(--grayscale-30); /* color: var(--grayscale-white); */ } .intro_dark #logo_wrapper a img { opacity: 0; } .intro_dark #logo_wrapper a img#logo_inverse { opacity: 1; } /* =========================== SECONDARY NAV =========================== */ #secondary_nav { position: fixed; top: -80px; width: 100%; height: auto; z-index: 99; } #secondary_nav.sticky { top: 30px; } #secondary_nav ul, #secondary_nav li { margin: 0; padding: 0; list-style: none; display: inline-block; } #secondary_nav ul .sub-menu { display: none; } #secondary_nav li a { padding: 8px 16px; text-decoration: none; font-size: 17px; font-weight: var(--weight-demi); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #secondary_nav li a:hover { color: var(--turquoise); } #secondary_nav_wrapper { margin: auto; display: flex; width: max-content; align-items: center; gap: 15px; background: rgba(215, 223, 240, 0.7); backdrop-filter: blur(10px); padding: 10px; border-radius: 50px; } #secondary_nav a#secondary_logo { width: 62px; } #secondary_nav a img { width: 20px; } #secondary_nav a#secondary_logo img { height: 38px; width: auto; } #secondary_nav .access_button { background-color: var(--blue); width: 38px; height: 38px; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 100%; } /* =========================== GENERAL CONDITIONS POPUP =========================== */ #private_area_conditions { position: fixed; top: 0; left: 0; width: 100%; min-height: 100vh; backdrop-filter: blur(8px); background-color: rgba(20, 21, 69, 0.65); z-index: 9998; display: none; height: 100%; overflow: auto; /* permite scroll dentro */ -webkit-overflow-scrolling: touch; } #private_area_conditions > div { height: 100%; display: flex; justify-content: center; align-items: center; /* overflow: scroll; */ /* padding: 50px 0; */ } #private_area_conditions #general_conditions_wrapper { /* display: none; */ /* position: fixed; */ /* bottom: 20px; */ /* right: 20px; */ background: white; padding: 40px; /* border: 1px solid #ccc; */ z-index: 9999; max-width: 540px; width: 100%; border-radius: 24px; /* position: relative; */ /* top: 50%; left: 50%; transform: translate(-50%, -50%); */ } #private_area_conditions #general_conditions_wrapper .naked_link { margin-top: 0; margin-bottom: 24px; } #private_area_conditions #general_conditions_wrapper .naked_link::after { display: none; } #private_area_conditions #general_conditions_wrapper .h4 { font-size: 32px; width: 90%; margin-bottom: 18px; } #private_area_conditions #general_conditions_wrapper .naked_link img { display: inline-block; margin-right: 12px; position: relative; top: -3px; width: 19px; height: auto; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #private_area_conditions #general_conditions_wrapper .naked_link:hover img { transform: translate(-2px, 0); } #private_area_conditions #general_conditions_wrapper #acceptGeneralConditionsButton { margin-bottom: 0; margin-top: 32px; width: calc(100% - 52px); } #private_area_conditions #general_conditions_wrapper #acceptGeneralConditionsButton::after { display: none; } #private_area_conditions #general_conditions_wrapper form { margin-top: 24px; } #private_area_conditions #general_conditions_wrapper form > div { display: flex; justify-content: flex-start; align-items: flex-start; } #private_area_conditions #general_conditions_wrapper form > div label { cursor: none; } #private_area_conditions #general_conditions_wrapper form > div input { width: 14px; height: 14px; position: relative; top: 6px; margin-right: 8px; } #private_area_conditions #general_conditions_wrapper form > div a { color: var(--turquoise); } #private_area_conditions #general_conditions_wrapper .conditions-error { display: none; border: 2px solid var(--red); padding: 8px 14px; width: 100%; margin: 16px 0 10px; border-radius: 10px; color: var(--red); background-color: rgba(233, 62, 58, .15); font-weight: 500; font-size: 18px; } #private_area_conditions #general_conditions_wrapper .conditions-error.visible { display: block; } /* =========================== COLOR MODES =========================== */ .page-template-03-our-network.intro_white { background-color: var(--grayscale-20); } .background_white { background-color: var(--grayscale-white); } .background_dark { background-color: var(--grayscale-50); background: -moz-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: -webkit-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); border-radius: 0 0 36px 36px; } .background_dark *:not(a, .tag, .gradient_blue, .impulsa_gradient, .integra_gradient) { color: var(--grayscale-white); } /* =========================== HERO SECTION =========================== */ main.has_hero { padding-top: 0; } #hero_section { padding-top: 156px; padding-bottom: 60px; /* height: calc(100vh + 36px); */ min-height: 700px; max-height: auto; border-radius: 0 0 36px 36px; } #hero_section { } #hero_section.background_white { /* height: calc(100vh + 36px); */ /* min-height: 600px; */ min-height: 500px; max-height: auto; } #hero_section.align-items-center { padding-top: 0; padding-bottom: 0; } #hero_section.align-items-center, #hero_section.align-items-center > .container, #hero_section.align-items-center > .container > .row { height: calc(100vh + 36px); min-height: 700px; max-height: 890px; } .hogar-conectado #hero_section.align-items-center, .hogar-conectado #hero_section.align-items-center > .container, .hogar-conectado #hero_section.align-items-center > .container > .row, .postid-2862 #hero_section.align-items-center, .postid-2862 #hero_section.align-items-center > .container, .postid-2862 #hero_section.align-items-center > .container > .row { height: auto; min-height: initial; max-height: initial; } .hogar-conectado #hero_section > .container > .row > .col-12 { padding-top: 150px; padding-bottom: 90px; } .postid-2862 #hero_section > .container > .row > .col-12 { padding-top: 160px; padding-bottom: 70px; } #optional_tagline { margin-top: 12px; display: inline-block; padding: 11px 22px 9px; background: -moz-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: -webkit-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); } #optional_tagline * { color: var(--grayscale-white); margin: 0; } .hero_content { padding-right: 20%; } .postid-2541 .hero_content, .postid-2862 .hero_content { padding-right: 0; } #home_S05, #company_S03 { border-radius: 36px 36px 0 0; padding-bottom: 100px; margin-bottom: -40px; } #home_S05 { background-color: var(--grayscale-20); } #home_S05 .order-1 h2, #company_S03 .order-1 h2 { margin-top: 10px; } #home_S05 .order-2, #company_S03 .order-2 { text-align: right; } #home_S05 .order-2 .the_button, #company_S03 .order-2 .the_button { margin: 0; margin-bottom: 12px; display: inline-block; } #home_S05 .order-3, #company_S03 .order-3{ padding-top: 32px; } /* =========================== PAGE - Homepage =========================== */ #homepage { padding-top: 15%; position: relative; } #homepage .container { position: relative; z-index: 9; } #homepage > svg#wave-01-home-desktop { /* position: absolute; width: 100%; height: auto; top: 10vh; */ margin-top: -20%; margin-bottom: -25%; position: relative; z-index: 0; } .data_number { display: flex; /* flex-wrap: wrap; */ flex-direction: column; width: fit-content; } .data_number dt, .data_number dd { flex: 0 0 auto; width: 100%; } .data_number dt { order: 2; } .data_number dd { order: 1; margin-bottom: -2px; } .data_number dt.h6 { font-size: 17px; color: var(--grayscale-40); } #intro_homepage { padding-bottom: 40px; } #intro_home dd.text_gradient_blue { padding-top: 0; } #data_number { padding-top: 24px; } #data_number .h1_hero { font-size: 80px; } #home_S02.background_dark { padding: 120px 0; border-radius: 36px; } #home_service_list .service_card { margin-bottom: 50px; } #home_service_list { display: flex; flex-direction: column-reverse; } #service_hogar-conectado { /* order: 1; */ margin-bottom: 42px; } #service_impulsa { /* order: 2; */ } #home_service_list #service_integra { /* order: 3; */ /* margin-bottom: 0; */ } #home_service_list .service_card:first-child { margin-bottom: 0; } .page-template-02-services #service_hogar-conectado .card_content, .page-template-02-services #service_fibra-flex .card_content { width: 100% !important; } .page-template-02-services #service_hogar-conectado .card_content p, .page-template-02-services #service_fibra-flex .card_content p, #home_service_list #service_hogar-conectado .card_content p, #home_service_list #service_fibra-flex .card_content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 75px; overflow: hidden; text-overflow: ellipsis; } .page-template-02-services #service_hogar-conectado .card_content p, .page-template-02-services #service_fibra-flex .card_content p { width: 70%; } #home_service_list #service_hogar-conectado .card_content p, #home_service_list #service_fibra-flex .card_content p { -webkit-line-clamp: 3; } #home_S03_buttons { display: flex; gap: 12px; } #network_short_description { padding-top: 32px; } section#home_S04 { padding: 70px 0 150px; } #home_S04 #game_wrapper { border-radius: 36px; background-color: var(--blue); overflow: hidden; } #home_S04 #game_wrapper::after { content: ''; position: absolute; top: 0; left: var(--bootstrap-padding); width: 80%; height: 100%; border-radius: 36px 0 0 36px; background: linear-gradient(to right, var(--blue), transparent); } #home_S04 .row { border-radius: 24px; /* justify-content: flex-end; */ position: relative; overflow: hidden; } #home_S04 #game_image{ position: relative; top: 0; right: 0; height: auto; } #home_S04 #game_image img{ height: 100%; z-index: 0; position: absolute; bottom: -3px; right: 16px; } #home_S04 #game_content { height: 100%; position: relative; z-index: 9; } #home_S04 #game_content > div { padding: 60px; } #home_S04 #game_content h3 { line-height: 1.4; color: #ffffff; margin-bottom: 1em; } #home_S04 #game_content p { font-size: 20px; color: #ffffff; font-weight: var(--weight-medium); } #home_S04 #game_content p:first-child { color: #96A5D5; font-size: 22px; font-weight: var(--weight-semibold); margin-bottom: .3em; } #home_S04 .the_button { margin-top: 46px; margin-bottom: 0; } /* =========================== PAGE - Services =========================== */ #associated_service_slider h2, .background_dark h2:not(.tag) { margin-bottom: 32px; } #hero_service_list { padding-top: 24px; } #cards_slider { padding-bottom: 40px; position: relative; } .service_card, #ending_card_also { position: relative; background: rgba(215, 223, 240, 0.4); backdrop-filter: blur(10px); padding: 32px; min-height: 360px; border-radius: 24px; overflow: hidden; margin-bottom: 42px; } .card_content, .card_button { position: relative; z-index: 9; } .card_button svg { width: 20px; } .card_button path { fill: var(--grayscale-white); } .card_waves, .card_gradient { position: absolute; width: 50%; height: 100%; top: 0; right: 0; background-repeat: no-repeat; } .card_gradient { width: 100%; z-index: 0; background-position: center; background-size: cover; opacity: 0; } .service_card:hover .card_gradient, #service_impulsa.service_card .card_gradient, #service_integra.service_card .card_gradient { opacity: 1; } #service_impulsa.service_card:hover .card_gradient, #service_integra.service_card:hover .card_gradient { width: 110%; } body.impulsa #service_S03 #S03_characteristics { background-repeat: no-repeat; background-position: center; background-size: cover; } #S03_characteristics .container-fluid { padding: 0; } #S03_technical_sheet_mobile { display: none; } body.impulsa #service_S03 #S03_characteristics { background-image: url('../img/default/background-card-impulsa-full.jpg'); } body.integra #service_S03 #S03_characteristics { background-image: url('../img/default/background-card-integra-full.jpg'); } body.hogar-conectado #service_S03 #S03_characteristics, body.postid-2862 #service_S03 #S03_characteristics { background-image: url('../img/default/background-card-hogar-conectado.jpg'); } body.hogar-conectado #service_S03 #S03_characteristics h2, body.postid-2862 #service_S03 #S03_characteristics h2 { margin-bottom: 32px; } .glass_card { background: rgba(215, 223, 240, 0.4); backdrop-filter: blur(10px); padding: 32px; border-radius: 24px; flex-direction: column; flex: 0 0 auto; width: 100%; /* min-height: 350px; */ } .glass_card * { width: 100%; } .glass_card ul, .glass_card ul li { margin: 0; padding: 0; list-style: none; display: block; } .glass_card ul li { border-bottom: 1px solid rgb(255 255 255 / 40%); padding: 10px 0; } .glass_card ul li:first-child { padding-top: 0; } .glass_card ul li:last-child { border-bottom: 0; padding-bottom: 0; } .card_waves { z-index: 5; background-size: 100%; opacity: 0.8; } .service_card:hover .card_waves { opacity: 1; } #service_hogar-conectado.service_card, #service_fibra-flex.service_card { min-height: 300px; } .page-template-02-services #service_hogar-conectado.service_card { /* margin-bottom: 0; */ } .page-template-01-home #service_hogar-conectado.service_card .card_content, .page-template-01-home #service_fibra-flex.service_card .card_content { width: 100%; } #service_impulsa .card_waves { background-image: url('../img/default/card-impulsa.png'); background-position: top right; } #service_integra .card_waves { background-image: url('../img/default/card-integra.png'); background-position: bottom right; } .service_card .card_content { width: 50%; } #service_hogar-conectado .card_waves { background-image: url('../img/default/hogar-conectado.svg'); background-position: right 83%; width: 100%; } #service_fibra-flex .card_waves { background-image: url('../img/default/fibra-flex.svg'); background-position: right 87%; width: 100%; opacity: .6; } .page-template-01-home #service_fibra-flex .card_waves { background-position: right 92%; width: 130%; } .page-template-01-home #service_hogar-conectado.service_card, .page-template-01-home #service_fibra-flex.service_card { min-height: 360px; } .page-template-01-home #service_fibra-flex.service_card { min-height: 370px; } .page-template-01-home #service_hogar-conectado .card_waves { background-position: center 87%; width: 150%; } .page-template-01-home #service_hogar-conectado.service_card { display: flex; /* align-items: flex-end; */ } .page-template-01-home #service_hogar-conectado.service_card p:last-child { margin-bottom: 0; } .page-template-01-home #service_hogar-conectado.service_card a.card_button, .page-template-01-home #service_fibra-flex.service_card a.card_button { left: 36px; top: initial; bottom: 64px; } .service_card .card_content h3 { margin-top: 12px; margin-bottom: 4px; } .service_card .card_content h4 { font-size: 26px; font-weight: var(--weight-medium); } .service_card .card_content p, .slide_card p { font-size: 18px; } a.card_button { width: 46px; height: 46px; border: 2px solid var(--grayscale-white); display: block; margin: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 36px; left: 32px; } .service_card:hover a.card_button { background-color: var(--grayscale-white); } #service_impulsa.service_card:hover a.card_button path { fill: var(--turquoise); } #service_integra.service_card:hover a.card_button path { fill: var(--red); } #service_hogar-conectado.service_card:hover a.card_button path, #service_fibra-flex.service_card:hover a.card_button path { fill: var(--blue); } .page-template-02-services #service_hogar-conectado.service_card a.card_button, .page-template-02-services #service_fibra-flex.service_card a.card_button { left: initial; right: initial; bottom: 64px; } #service_hogar-conectado h3 br { display: none; } #service_hogar-conectado h3, #service_fibra-flex h3 { font-size: 32px; } #associated_service_slider { overflow: hidden; padding-bottom: 0; } .slide_card { position: relative; background: rgba(215, 223, 240, 0.4); backdrop-filter: blur(10px); min-height: 620px; border-radius: 24px; overflow: hidden; } .slide_card .slide_content { padding: 0 32px 32px 32px; } .slide_card .naked_link { display: none; } #associated_service_servicio-movil .slide_card .naked_link { display: flex; } .swiper-wrapper { margin-bottom: 24px; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 24px; } .swiper-pagination-bullet { width: 32px; height: 6px; border-radius: 6px; background: var(--grayscale-30); opacity: 1; } #single_service #S03_characteristics .swiper-pagination-bullet { background: #ffffff80; } .swiper-pagination-bullet-active { background: var(--turquoise); } #single_service #S03_characteristics .swiper-pagination-bullet-active { background: var(--grayscale-white); } /* =========================== PAGE - Our Network =========================== */ body.page-template-04-coverage { background-color: var(--grayscale-20); } #P03_our_network #S01_ournetwork { padding: 140px 0; } #P03_our_network #S01_ournetwork h3 { font-size: 40px; } #P03_our_network #S02_our_network { border-radius: 36px; padding: 88px 0 150px; background-color: #253263; overflow: hidden; position: relative; } #P03_our_network #S02_our_network #map_image { position: absolute; top: 0; right: 0; z-index: -1; width: 50%; } #P03_our_network #S02_our_network #map_image img { width: 100%; height: auto; } #P03_our_network #S02_our_network .container #intro { position: relative; z-index: 1; margin-bottom: 46px; } #P03_our_network #S02_our_network #intro h3 { margin-bottom: 28px; color: #ffffff; } #P03_our_network #S02_our_network #intro p { color: var(--grayscale-30); } #P03_our_network #S02_our_network #intro a { margin-top: 40px; margin-bottom: 0; } /* #P03_our_network #S02_our_network #intro #map_image { position: relative; top: -25px; right: -92px; } */ /* #P03_our_network #S02_our_network #intro img { width: 90%; max-width: 475px; } */ #P03_our_network #S02_our_network #network_slider { margin-top: -30px; } #P03_our_network #S02_our_network .swiper-slide { margin-top: 60px; } #P03_our_network #S02_our_network .swiper-slide .gsap_card { background-color: #D7DFF040; backdrop-filter: blur(10px); margin-bottom: 0; height: 100%; } #P03_our_network #S02_our_network .swiper-slide .gsap_card h2 { color: #ffffff; } #P03_our_network #S02_our_network .swiper-slide .gsap_card p { color: var(--grayscale-20); font-size: 18px; } #P03_our_network #S02_our_network .slider_container .swiper-pagination { bottom: 84px; } #P03_our_network #S02_our_network .slider_container .swiper-slide { height: initial; } #P03_our_network #S02_our_network .slider_container .swiper-wrapper { margin-bottom: 0; } #P03_our_network #S03_our_network { padding: 88px 0 48px; } #P03_our_network #S03_our_network img { border-radius: 24px 24px 0 0; width: 100%; height: auto; } #P03_our_network #S03_our_network .network_card_content { padding: 32px; border-radius: 0 0 24px 24px; background-color: #ffffff; } #P03_our_network #S03_our_network .network_card_content p:last-child { margin-bottom: 0; } #P03_our_network #ending_module { background-color: #ffffff; border-radius: 36px 36px 0 0; padding: 260px 0 100px; margin-bottom: -20px; margin-top: -220px; z-index: initial; } #S01_intro { position: relative; z-index: 99; } #section_svg { position: relative; z-index: 0; margin-top: -160px; } #S01_cards { padding-top: 42px; } #S01_cards { /* margin-bottom: -32px; */ } /* =========================== PAGE - Our Network =========================== */ body.page-template-04-coverage { background-color: var(--grayscale-white); } #P04_coverage { padding-top: 0; } #map_hero { position: relative; overflow: hidden; height: calc(100vh - 70px); } #map_hero h2.h3_hero { color: var(--grayscale-white); } #map_hero .container { position: relative; z-index: 9; padding-top: 156px; } #map { position: absolute; top: 0; bottom: 0; width: 100%; height: calc(100vh - 20px); z-index: 0; } #map canvas { height: 100%; } #floating_search_coverage { left: 0; right: 0; bottom:auto; margin: auto; z-index: 0; position: absolute; bottom: 30px; width: 100%; } #blur_coverage { background: rgba(215, 223, 240, 0.4); backdrop-filter: blur(10px); border-radius: 24px; padding: 16px 16px 16px 24px; } #blur_coverage .row { margin-left: -4px; margin-right: -4px; } #blur_coverage .row > * { padding-left: 4px; padding-right: 4px; } #blur_coverage p { color: var(--grayscale-white); margin-bottom: 0; padding-right: 32px; font-size: 18px; margin-top: 3px; } #blur_coverage input { height: 56px; line-height: 56px; background: var(--grayscale-30); margin-bottom: 0; } #blur_coverage .the_button { margin: 0; width: auto; justify-content: center; border: 0; height: 25px; } #P04_coverage #S01_coverage_intro { overflow: hidden; padding: 120px 0 70px; background-color: var(--grayscale-20); border-radius: 0 0 36px 36px; padding-bottom: 210px; margin-bottom: -160px; } #P04_coverage #S01_coverage_intro .h3_hero strong{ background: -moz-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: -webkit-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #P04_coverage #S01_coverage_intro .coverage_image { margin-top: -120px; margin-bottom: 10px; } #P04_coverage #S01_coverage_intro dl { display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; padding: 0; } #P04_coverage #S01_coverage_intro dl > div { margin-bottom: 16px; margin-right: 50px; display: flex; flex-direction: column; } #P04_coverage #S01_coverage_intro dl > div dd { font-size: 60px; margin-bottom: 0; order: 1; line-height: 1.05; margin-bottom: -8px; font-family: var(--family-title); font-weight: var(--weight-medium); } #P04_coverage #S01_coverage_intro dl > div:first-child dd, #P04_coverage #S01_coverage_intro dl > div:nth-child(2) dd { color: var(--turquoise); } #P04_coverage #S01_coverage_intro dl > div:nth-child(3) dd { background: -moz-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: -webkit-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #P04_coverage #S01_coverage_intro dl > div:last-child dd { color: var(--blue); } #P04_coverage #S01_coverage_intro dl > div dt { color: var(--grayscale-50); margin-top: 2px; margin-bottom: 16px; font-weight: var(--weight-regular); order: 2; } #P04_coverage #arrived_module { position: relative; z-index: 99; } #P04_coverage #arrived_module #dark_container { padding: 70px 56px; border-radius: 36px; overflow: hidden; background-image: url(../img/default/background-coverage-full.jpg); background-position: center; position: relative; } #P04_coverage #arrived_module #dark_container h3 { color: #ffffff; margin-bottom: 32px; } #P04_coverage #arrived_module #arrived_wave { background-image: url(../includes/waves/03-coverage-wave.svg); position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: auto 182%; } #coverage_cards { padding-bottom: 16px; background-color: var(--grayscale-20); padding-bottom: 80px; margin-bottom: -40px; } #coverage_cards .gsap_card { background: -moz-linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 65%); background: -webkit-linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 65%); background: linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 65%); } #coverage_cards .gsap_card .tag { margin-top: 4px; } #coverage_cards .gsap_card dl dd, #coverage_cards .gsap_card h5.h4 { color: var(--grayscale-white); font-weight: var(--weight-regular); } #coverage_cards .gsap_card h5.h4 { margin-bottom: 24px; } #coverage_cards .gsap_card dl dt { font-weight: var(--weight-regular); color: var(--grayscale-40); } #coverage_cards .gsap_card dl { display: flex; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; } #coverage_cards .gsap_card dl > div { flex: 0 0 auto; width: 50%; padding-right: 16px; padding-left: 16px; } #coverage_legal_text { background-color: var(--grayscale-white); border-radius: 36px 36px 0 0; padding-bottom: 100px; margin-bottom: -40px; } #coverage_legal_intro p { font-family: var(--family-title); font-weight: var(--weight-medium); font-size: 18px; } #coverage_legal_intro img { width: 100%; max-height: 400px; height: auto; margin-bottom: 24px; margin-top: 24px; } #coverage_legal_content h5 { margin-bottom: 16px; } #coverage_legal_content p { font-size: 18px; } /* =========================== PAGE - Contact =========================== */ .page-template-05-contact { background-color: var(--grayscale-white); } #P05_contact { min-height: 100vh; padding-top: 120px; background-repeat: no-repeat; background-position: bottom left; background-image: url('../img/brand/contact-waves.svg'); } #P05_contact .container, #P05_contact .row { min-height: calc(100vh - 120px); } #P05_contact .row { padding-bottom: 40px; } #monday_iframe iframe, #sendgrid_iframe iframe { height: calc(100vh - 160px); } #monday_iframe > div { min-height: 600px; height: calc(100vh - 160px); overflow: auto; background-color: var(--grayscale-white); border-radius: 24px; } #P05_content dl { margin: 0 0 42px; } #P05_content dt { font-size: 18px; font-weight: var(--weight-regular); } #P05_content dd { font-family: var(--family-title); font-weight: var(--weight-medium); font-size: 42px; } #P05_content a { color: var(--grayscale-90); text-decoration: none; } #P05_content a:hover { text-decoration: underline; } #legal_text_contact { padding: 32px; padding-top: 0; font-size: 0.8em; } /* =========================== SINGLE SERVICE =========================== */ #single_service #hero_section { overflow: hidden; } #breadcrumb_holder { margin-bottom: 4px; color: var(--grayscale-40); font-family: var(--family-title); font-weight: var(--weight-demi); } #breadcrumb_holder * { display: inline-block; } #breadcrumb_holder a:hover { color: var(--grayscale-40); text-decoration: underline; } #single_service #hero_section, #single_service #hero_section .container { position: relative; } #single_service #hero_section .container { z-index: 9; } #single_service #hero_section .h2_hero { margin-bottom: 16px; } .mobile_S01_illustration { display: none; } #S01_illustration { position: relative; margin-top: -60px; } #S01_illustration_tag { position: absolute; bottom: 0; left: calc(50% + 20px); } #S01_illustration_tag * { margin: 0; } body.impulsa #S01_illustration_tag { bottom: 20%; } body.integra #S01_illustration_tag { bottom: 35%; } #S01_illustration_tag .h4 { font-size: 46px; } #S01_illustration_tag .h5 { font-size: 28px; } .postid-2541 #S01_illustration, .postid-2862 #S01_illustration { display: none; } .has_card_list { padding: 0; } .has_card_list #card_list_background { background-color: var(--grayscale-20); } #card_list_wave path { fill: var(--grayscale-20); } #card_list_wave { position: relative; top: 2px; } #gsap_card_list, .gsap_card { margin: 0; padding: 0; top: 0; list-style: none; } .gsap_card { background-color: var(--grayscale-white); border-radius: 24px; padding: 24px 24px 8px 24px; margin-bottom: 32px; } .gsap_card img { width: 32px; margin-bottom: 40px; } body.postid-2862 .gsap_card img { width: 36px } #card_list_intro { padding-top: 32px; height: auto; } #card_list_intro .the_button { margin-bottom: 40px; } #gsap_card_list { padding-top: 32px; margin-bottom: 60px; } #service_S03 { padding-top: 40px; background-color: var(--grayscale-20); position: relative; } #S03_characteristics { padding: 60px; border-radius: 24px; background-color: var(--grayscale-50); position: relative; z-index: 9; overflow: hidden; background-size: cover; background-position: center; } #service_S03 #S03_characteristics { padding: 60px 60px 60px; } #service_S03 #service_node_slider .swiper-pagination { bottom: 56px; } #S03_characteristics *:not(a) { color: var(--grayscale-white); } #characteristics_items, #characteristics_items li { margin: 0; padding: 0; list-style: none; } #characteristics_items li { padding: 20px 0 22px; border-bottom: 1px solid var(--grayscale-white); } #characteristics_items li:last-child { border-bottom: 0; } #service_impulsa .card_gradient { background-image: url('../img/default/background-card-impulsa.jpg'); } #service_integra .card_gradient { background-image: url('../img/default/background-card-integra.jpg'); } #service_hogar-conectado .card_gradient, #service_fibra-flex .card_gradient { background-image: url('../img/default/background-card-hogar-conectado.jpg'); } #service_S03 #S03_characteristics .the_button.white:after, #section_blog #press_card .the_button.white:after { content: url(../img/arrows/button-arrow-download.svg); } #service_S03 #S03_characteristics #service_node_slider .gsap_card { margin-bottom: 0; margin-top: 32px; background-color: #D7DFF070; } #service_S03 #S03_characteristics #service_node_slider .gsap_card dl { display: flex; } #service_S03 #S03_characteristics #service_node_slider .gsap_card dl > div:first-child { margin-right: 24px; } #service_S03 #S03_characteristics #service_node_slider .swiper-wrapper, #service_S03 #S03_characteristics #service_node_slider .gsap_card dd { margin-bottom: 0; } #service_S03 #S03_characteristics #service_node_slider .swiper-wrapper h4.tag { color: #22316670; } #service_S03 #S03_characteristics #service_node_slider .swiper-wrapper h5 { font-size: 22px; color: var(--grayscale-90); } #service_S03 #S03_characteristics #service_node_slider .swiper-wrapper dl dt { font-weight: 100; color: var(--grayscale-80); } #service_S03 #S03_characteristics #service_node_slider .swiper-wrapper dl dd { font-weight: 600; color: var(--grayscale-80); } #service_S03 #S03_characteristics .slider_container { padding-bottom: 50px; } #service_S04 { overflow: hidden; border-radius: 36px 36px 0 0; padding-top: 400px; margin-top: -300px; padding-bottom: 100px; margin-bottom: -40px; } #service_S04 h2 { color: var(--grayscale-white); } .background_dark .slide_card { background-color: var(--grayscale-20); } .background_dark .slide_card *:not(a) { color: var(--grayscale-80); } #ending_card_also { display: flex; align-items: flex-end; } #ending_cards .service_card, #ending_cards_hogar_conectado .service_card { display: flex; align-items: center; } #ending_cards .card_content * { color: var(--grayscale-white); } #ending_card_also span.tag, #ending_cards .service_card span.tag { position: absolute; top: 32px; left: 32px; z-index: 99; color: var(--grayscale-20); } #ending_cards .service_card .card_gradient { opacity: 1; } #ending_card_also p { padding-right: 30%; } #ending_card_also ul { padding-left: 16px; } #ending_card_also ul li { margin-bottom: 12px; font-family: var(--family-title); font-weight: var(--weight-medium); } #ending_card_also ul li::marker, #monday_forms ul li::marker { content: '+ '; font-size: 1.2em; } #monday_forms ul li::marker { font-weight: var(--weight-demi); color: var(--turquoise); } #ending_card_also ul, #ending_card_also ul li:last-child { margin-bottom: 0; } /* =========================== SINGLE ASSOC. SERVICE =========================== */ .single-associated-service { background-color: var(--grayscale-20); } #single_service_associated #hero_section .blockquote * { font-size: 18px; } .mobile_illustration { display: none; } #single_service_associated #hero_section { height: auto; min-height: inherit; max-height: inherit; } #hero_svg { padding-top: 32px; } #assoc_service_S01 #card_list_background { padding-top: 120px; } #assoc_service_S01 .tag { font-size: 15px; margin-bottom: 32px; } #assoc_service_S02 { border-radius: 36px 36px 0 0; padding-bottom: 100px; margin-bottom: -40px; overflow: hidden; } #assoc_service_S02 #ending_module { padding: 0; padding-bottom: 20px; } /* #card_list_background { padding-bottom: 30px; } */ /* =========================== PAGE - ESG =========================== */ #P14_esg_page { background-color: var(--grayscale-20); } #P14_esg_page #hero_section { border-radius: 0 0 36px 36px; } #P14_esg_page #hero_section #hero_svg { padding-top: 0; margin-top: -170px; } /* Principle Cards */ #P14_esg_page #S01_esg { /* background-color: var(--grayscale-20); */ padding: 90px 0; } #P14_esg_page #S01_esg h3 { margin-bottom: 40px; } #P14_esg_page .card-row { margin-right: -15px; margin-left: -15px; } #P14_esg_page .card-col { padding-right: 15px; padding-left: 15px; } #P14_esg_page #S01_esg .esg_principle_card { background-color: var(--grayscale-white); border-radius: 24px; padding: 24px; height: 100%; } #P14_esg_page #S01_esg .esg_principle_card span { color: var(--turquoise); } #P14_esg_page #S01_esg .esg_principle_card p { margin-bottom: 0; } /* Link Modules */ #P14_esg_page #S02_esg { background-image: -moz-linear-gradient(140deg, var(--blue) 0%, var(--turquoise) 100%); background-image: -webkit-linear-gradient(140deg, var(--blue) 0%, var(--turquoise) 100%); background-image: linear-gradient(140deg, var(--blue) 0%, var(--turquoise) 100%); border-radius: 36px 36px 0 0; margin-bottom: -36px; padding: 90px 0 100px; position: relative; } #P14_esg_page #S02_esg #esg-content-wrapper { position: relative; z-index: 1; } #P14_esg_page #S02_esg .esg_link_module { background-color: #D7DFF040; backdrop-filter: blur(10px); padding: 32px; border-radius: 24px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; } #P14_esg_page #S02_esg .card-row div.card-col { margin-bottom: 30px; } /* #P14_esg_page #S02_esg .card-row div.card-col.module-full { margin-bottom: 0; } */ #P14_esg_page #S02_esg .card-row div.card-col.module-full .esg_link_module { flex-direction: row; } #P14_esg_page #S02_esg .card-row div.card-col.module-full .esg_link_module .module_content { padding-right: 100px; } #P14_esg_page #S02_esg .esg_link_module h3, #P14_esg_page #S02_esg .esg_link_module p { color: var(--grayscale-white); } #P14_esg_page #S02_esg .card-row div.card-col.module-full .esg_link_module .module_content p { margin-bottom: 0; } #P14_esg_page #S02_esg .esg_link_module .module_link a { margin: 0; margin-top: 12px; } #P14_esg_page #S02_esg div.card-col.module-full .esg_link_module .module_link a { margin-top: 0; } #P14_esg_page #S02_esg .esg_link_module .module_link a.document::after { content: url(../img/arrows/download-icon-blue.svg); } /* ESG Waves */ #P14_esg_page #S02_esg #esg-waves { position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 0; background-image: url(../img/default/esg-wave.svg); background-repeat: no-repeat; background-position: center 20%; background-size: 105%; /* background-attachment: fixed; */ } /* =========================== LINKABLE MODULE =========================== */ #linkable_module.section{ padding-bottom: 0; } #linkable_module #dark_container { background: -moz-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: -webkit-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); border-radius: 36px; padding: 70px 56px; min-height: 337px; position: relative; overflow: hidden; } #linkable_module .card_content h3:not(.tag), #linkable_module .card_content h4.h3 { color: #ffffff; word-wrap: break-word; margin-top: 12px; } #linkable_module .card_content a { margin-top: 24px; } #linkable_module .card_content.post_block { padding-left: 20px; border-left: 1px dashed var(--grayscale-50); } #linkable_module .post_block .post_category:before { margin-right: 12px; } #linkable_module .post_block, #linkable_module .card_content .the_button { margin-bottom: 0; } #wave_blending path, #wave_blending_mobile path { fill: none; stroke-width: 3; } #wave_blending_mobile, #banner_blending_mobile { display: none; } #linkable_card_waves.cat_ { position: absolute; width: 100%; bottom: -30px; left: -16%; transform: scaleX(-1); } #linkable_card_waves:not(.cat_) { position: absolute; width: 100%; top: -11%; right: -160px; } .cat_6 #wave_blending path, .cat_6 #wave_blending_mobile path { stroke: var(--grayscale-50); } .cat_9 #wave_blending path, .cat_9 #wave_blending_mobile path { stroke: var(--blue); } .cat_57 #wave_blending path, .cat_57 #wave_blending_mobile path { stroke: var(--orange); } .cat_55 #wave_blending path, .cat_55 #wave_blending_mobile path { stroke: var(--red); } .cat_8 #wave_blending path, .cat_8 #wave_blending_mobile path { stroke: var(--turquoise); } /* =========================== ENDING MODULE =========================== */ #ending_module { padding-top: 40px; padding-bottom: 60px; } .ending_card { position: relative; min-height: 460px; padding: 32px; overflow: hidden; border-radius: 24px; display: flex; align-items: center; justify-content: center; } .ending_card .card_content { flex: 0 0 auto; width: 100%; } #contact_card { background: -moz-linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 100%); background: -webkit-linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 100%); background: linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 100%); } #contact_card_waves { position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 0; background-image: url('../img/default/gradient-cta-desktop.png'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; } .full #contact_card_waves { background-size: cover; } #next_card { background-image: url('../img/default/background-card-onivia.jpg'); background-position: center; background-size: auto 130%; } #next_card:hover { background-size: auto 100%; } #next_card:hover a.card_button { background-color: var(--grayscale-white); } #next_card:hover a.card_button path { fill: var(--turquoise); } .ending_card .card_content h4.h3, .ending_card .card_content h4.h2, .ending_card .card_content p { color: var(--grayscale-white); } #next_card .text_gradient_blue { background: var(--grayscale-white); -webkit-background-clip: text; } #contact_card .card_content p { padding-right: 30%; } #contact_card .card_content h4.h2 { margin-bottom: 4px; } #contact_card .the_button { margin-bottom: 0; margin-top: 32px; color: var(--blue); } /* =========================== PAGE - Default =========================== */ .page-template-default table { width: 100%; margin-bottom: 1em; } .page-template-default tbody { border: 1px solid var(--grayscale-80); } .page-template-default tr { border-bottom: 1px solid var(--grayscale-80); } .page-template-default th, .page-template-default td { padding: 0.6em; } .page-template-default th { font-weight: var(--weight-semibold); } .page-template-default.privacy-policy { h4, .h4 { margin-top: 46px; } } /* =========================== PAGE - Blog =========================== */ #section_blog { padding-top: 0; } #blog_grid { padding-top: 52px; } #blog_heading .tag { margin-bottom: 5px; display: block; } #blog_heading h2, #blog_heading h1 { margin-bottom: 5px; display: block; } #blog_heading h2 #cat_ { background: -moz-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: -webkit-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #blog_heading h2 #cat_54 { color: #BBBF00; } #blog_select { text-align: right; padding-bottom: 18px; } #blog_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 52px; font-size: 16px; padding: 4px 50px 0 18px; border-radius: 16px; border: 2px solid var(--blue); width: 100%; max-width: 300px; font-family: var(--family-title); font-weight: var(--weight-demi); background-color: var(--grayscale-white); color: var(--blue); background-image: url('../img/arrows/chevron.svg'); background-repeat: no-repeat; background-position: right 14px top 17px; } .post_block { margin-bottom: 50px; } .post_block h3.h5 { font-size: 22px; line-height: 1.2; } .post_category { padding-bottom: 14px; color: var(--grayscale-40); font-family: var(--family-title); font-weight: var(--weight-demi); } .post_category ul, .post_category ul li { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; } .post_category ul li { margin-right: 24px; } .post_block .post_category:before { content: ''; display: inline-block; width: 16px; height: 16px; background-color: var(--grayscale-30); border-radius: 100%; margin-right: 4px; position: relative; top: 2px; } #cat_6.post_category:before { background-color: var(--grayscale-50); } #cat_9.post_category:before { background-color: var(--blue); } #cat_57.post_category:before { background-color: var(--orange); } #cat_55.post_category:before { background-color: var(--red); } #cat_8.post_category:before { background-color: var(--turquoise); } .post_category a { text-transform: uppercase; text-decoration: none; font-size: 15px; letter-spacing: 1px; color: var(--grayscale-40); font-family: var(--family-title); font-weight: var(--weight-demi); margin-bottom: 6px; } .post_title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 80px; margin-bottom: 16px; } #single_hero .responsive_image, .post_block .responsive_image { overflow: hidden; border-radius: 16px; margin-bottom: 20px; box-shadow: 0px 6px 24px 6px rgba(39, 57, 134, 0.06); } .post_excerpt { font-size: 18px; } #pagination { padding-top: 16px; text-align: center; } .page-numbers { font-size: 28px; font-family: var(--family-title); font-weight: var(--weight-medium); color: var(--grayscale-40); padding: 0 4px; display: inline-block; text-decoration: none; } .page-numbers.current { color: var(--blue); } .next.page-numbers, .prev.page-numbers { display: none; } body.single-post #single_content img { width: 100%; height: auto; } /* =========================== PRESS CATEGORY - Press Kit =========================== */ #thank_you_page { min-height: 100vh; } #thank_you_page > .container, #thank_you_page > .container > .row { min-height: calc(100vh - 140px); } #thank_you_page * { text-align: center; } #thank_you_page h1 { margin-bottom: 16px; } /* =========================== PRESS CATEGORY - Press Kit =========================== */ #section_blog #press_card { border-radius: 30px; padding: 60px; margin-top: 20px; overflow: hidden; position: relative; } #section_blog #press_card .content{ position: relative; z-index: 9; } #section_blog #press_waves { position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 0; background-image: url(../img/default/gradient-press.svg); background-repeat: no-repeat; background-position: center; background-size: auto 102%; } #section_blog #press_card h3 { padding-right: 30px; } #section_blog #press_card a.the_button{ margin: 22px 0 55px; } #section_blog #press_card a.h4 { color: #ffffff; margin-bottom: 0; } #section_blog #press_card #press_logo{ display: flex; justify-content: center; align-items: center; } /* =========================== SINGLE POST =========================== */ #single_hero { padding-top: 120px; border-radius: 0 0 36px 36px; background-color: var(--grayscale-40); background: -moz-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 100%); background: -webkit-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 100%); background: linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 100%); } #single_hero h1 { color: var(--grayscale-white); } #single_hero #breadcrumb_holder, #single_hero #breadcrumb_holder .tag, #single_hero #breadcrumb_holder .tag * { color: var(--grayscale-40); } #single_hero #breadcrumb_holder .tag a { text-decoration: none; } #single_hero #breadcrumb_holder .tag a:hover { color: var(--grayscale-white); text-decoration: underline; } #single_hero .post-categories, #single_hero .post-categories li { list-style: none; margin: 0; padding: 0; } #single_hero .responsive_image { margin-bottom: -40px; } #single_content a { color: var(--turquoise); text-decoration: underline; } #single_content p, #single_content li { line-height: 1.5; } #single_content { padding-top: 70px; } #single_content h2, #single_content h3, #single_content h4, #single_content h5, #single_content h6 { margin-top: 24px; } #single_link_bottom { display: flex; } #single_link_bottom > div { flex: 0 0 auto; width: 50%; display: flex; } #single_link_bottom a { color: var(--turquoise); font-family: var(--family-title); font-weight: var(--weight-demi); display: flex; width: max-content; align-items: center; font-size: 18px; text-decoration: none; } #single_link_bottom #pull_right { justify-content: flex-end; } #single_link_bottom #pull_left a:before, #single_link_bottom #pull_right a:after { content: url(../img/arrows/button-arrow-turquoise.svg); display: inline-block; position: relative; width: 20px; height: auto; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #single_link_bottom #pull_right a:after { top: 2px; margin-left: 12px; } #single_link_bottom #pull_left a:before { margin-right: 12px; top: -6px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* =========================== PAGE - Coverage Results =========================== */ #coverage_page .coverage_results .icon_image { position: relative; z-index: -1; } .coverage_results .icon_image { margin-top: -150px; margin-bottom: -90px; } #coverage_page .coverage_results .city-tag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 12px 16px 10px; } #coverage_page .coverage_results .city-tag svg, #coverage_page .coverage_results .city-tag img { width: 20px; margin-top: 2px; margin-right: 4px; } #coverage_page .coverage_results .city-tag .h6 { text-transform: lowercase; display: inline-block; margin-bottom: 0; } #coverage_page .coverage_results .city-tag .h6::first-letter { text-transform: uppercase; } #coverage_page .coverage_results h3 { margin-top: 24px; } #coverage_page .coverage_results .check_address_btn{ margin-bottom: 32px; } /* COVERAGE YES */ #coverage_page #coverage_yes .city-tag { background-color: #40BBBF; color: white; } #coverage_page #coverage_yes .city-tag svg path{ fill: #ffffff; } #coverage_page #coverage_yes .city-tag .h6 { color: #ffffff; } /* COVERAGE SOON */ #coverage_page #coverage_soon .city-tag { background-color: #FF8C77; color: white; } #coverage_page #coverage_soon .city-tag svg path{ fill: #ffffff; } #coverage_page #coverage_soon .city-tag .h6{ color: #ffffff; } /* COVERAGE NO */ #coverage_page #coverage_no .city-tag { background-color: var(--grayscale-30); } /* Formulario */ #coverage_page .btns-wrapper .the_button { width: auto; } #coverage_page form select { border-right: 24px solid transparent; border-left: 4px solid transparent; margin-bottom: 16px; } #coverage_page #network_form { padding: 90px 0; } #coverage_page #network_form form { margin-top: 16px; } #coverage_page #network_form form.row { margin-left: -8px; margin-right: -8px; } #coverage_page #network_form form.row > * { padding-left: 8px; padding-right: 8px; } #coverage_page #network_form form input[type="checkbox"]{ display: inline-block; margin-right: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #coverage_page #network_form label{ color: var(--grayscale-50); font-size: 16px; display: flex; align-items: flex-start; } #coverage_page #network_form label:first-child{ margin: 16px 0; } #coverage_page #network_form form input[type="checkbox"]:first-child{ margin-top: 5px; } #coverage_iframe iframe { height: 500px; } #coverage_iframe > div { min-height: 500px; height: 500px; overflow: hidden; background-color: var(--grayscale-white); border-radius: 24px; } /* =========================== PAGE 404 =========================== */ main#page_404 { background-color: var(--grayscale-20); background-repeat: no-repeat; background-position: bottom left; background-image: url(../img/brand/contact-waves.svg); } main#page_404, main#page_404 > section, main#page_404 .row, main#page_404 .container { min-height: calc(100vh - 72px); } main#page_404 > section { padding: 0; } .error404 header, .error404 footer, .error404 #subfooter { display: none!important; } main#page_404 a.kensei_03 span, main#page_404 a.kensei_03 i { display: inline-block; vertical-align: middle; } main#page_404 a.kensei_03 { display: block; margin-top: 1.3em; font-size: 1.15em; } main#page_404 .content_404 { display: flex; flex-direction: column; align-items: center; } main#page_404 .content_404 h3{ padding-top: 0; } /* =========================== PAGE - OUR COMPANY =========================== */ #P06_our_company #hero_section { position: relative; height: calc(100vh + 40px); padding: 0; z-index: 99; overflow: hidden; } #P06_our_company #hero_section #our_company_wave { position: absolute; width: 102%; height: 100%; top: 0; right: 0; z-index: 0; background-image: url(../includes/waves/04-corporative-waves.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .6; } #P06_our_company #hero_section .container, #P06_our_company #hero_section .container > .row { height: 100%; position: relative; z-index: 9; } body.page-template-06-our-company { background-color: var(--grayscale-20); } body.page-template-06-our-company #header_principal { display: none; } #P06_our_company #hero_section #logo_inverse { width: 100%; max-width: 340px; height: auto; margin-bottom: 5vh; } #P06_our_company #hero_section #our_company_arrow { transform: rotate(90deg); position: absolute; bottom: 70px; width: 40px; left: calc(50% - 20px); animation: corporative-hero-arrow 1.7s ease-in-out infinite; } @keyframes corporative-hero-arrow{ 0%{ bottom: 70px; } 50%{ bottom: 90px; } } #P06_our_company #S01_company { background-color: #ffffff; margin-top: -30px; padding-top: 115px; overflow: hidden; } #P06_our_company #S01_company .houses_image { margin: 40px 0 80px; } #P06_our_company #service_S02 { background-color: #ffffff; } #P06_our_company #S02_card_list .gsap_card img { width: 39px; } #P06_our_company #investors_card { padding: 60px 60px 10px; border-radius: 36px; } #P06_our_company #investors_card a.card_button { bottom: initial; left: initial; top: 46px; right: 46px; } #P06_our_company #investors_card:hover a.card_button { background-color: var(--grayscale-white); } #P06_our_company #investors_card:hover a.card_button path { fill: var(--blue); } #P06_our_company #investors_card ul { list-style: none; display: flex; justify-content: flex-start; align-content: center; flex-wrap: wrap; margin-top: 40px; padding-left: 0; margin-bottom: 0; } #P06_our_company #investors_card ul li { margin-bottom: 32px; margin-right: 162px; width: fit-content; } #P06_our_company #investors_card ul li a, #P15_investors #investors_logos a { display: inline-block; } #P06_our_company #investors_card ul li #aberdeen_logo, #P15_investors #aberdeen_logo { width: 255px; position: relative; bottom: 15px; } #P06_our_company #investors_card ul li:last-child { margin-right: 0; } #P06_our_company #investors_card { margin-top: 60px; position: relative; z-index: 90; overflow: hidden; } #P06_our_company #investors_card a { color: var(--grayscale-white); } #P06_our_company #investors_card a:hover, #P06_our_company #investors_card a:hover * { text-decoration: underline; } #P06_our_company #investors_card .row, #P10_we_have_arrived #numbers_card .row{ position: relative; z-index: 999; } #P06_our_company #investors_card ul #arjun_logo, #P15_investors #arjun_logo { width: 190px; position: relative; top: 6px; } #P06_our_company #investors_card ul #macquarie_logo, #P15_investors #macquarie_logo { position: relative; top: 10px; } #P06_our_company #investors_card .investors_wave { position: absolute; width: 100%; height: 100%; top: -210px; right: -380px; z-index: 0; background-image: url(../includes/waves/04-investors-wave.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } #P06_our_company #company_S03{ /* padding-top: 350px; */ /* margin-top: -260px; */ margin-top: -36px; padding-top: 90px; /* margin-top: 0; */ background-color: var(--grayscale-20); position: relative; z-index: 9; } #S01_company .h3_hero { padding-top: 24px; } #company_great_place { background-color: var(--grayscale-white); padding-top: 410px; margin-top: -260px; padding-bottom: 160px; } #company_great_place .badge_container { margin-right: 32px; } #company_great_place #great_place_to_work_badge { width: 55%; height: auto; margin: auto; display: block; } #company_great_place h2 { margin-bottom: 32px; } #company_great_place .numbers_container { justify-content: flex-start; } #company_great_place dl dd { color: var(--grayscale-50); font-size: 18px; } #company_great_place div > .place_number { margin-bottom: 24px; } #company_great_place dl dt.h3_hero.turquoise { color: var(--turquoise); } #company_great_place dl dt.h3_hero.blue { color: var(--blue); } #company_great_place dl dt.h3_hero.gradient { background: -moz-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: -webkit-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* =========================== PAGE - TEAM =========================== */ #P07_our_team #hero_section { min-height: fit-content; padding-top: 46px; padding-bottom: 60px; } #P07_our_team #team_ticker { width: 100%; overflow: hidden; display: flex; top: 0; } #P07_our_team #team_ticker > div { width: auto; display: block; white-space: nowrap; font-size: 160px; font-weight: 600; -webkit-animation: ticker-animation 90s linear infinite; animation: ticker-animation 90s linear infinite; animation-delay: -45s; padding-left: 0.5em; } #P07_our_team #team_ticker > div p { color: var(--grayscale-20); } #P07_our_team #team_ticker > div:last-child { -webkit-animation: ticker-animation-again 90s linear infinite; animation: ticker-animation-again 90s linear infinite; } @keyframes ticker-animation { 0%{ transform: translateX(100%); } 100%{ transform: translateX(-100%); } } @keyframes ticker-animation-again { 0%{ transform: translateX(0); } 100%{ transform: translateX(-200%); } } #P07_our_team { overflow: hidden; } #P07_our_team #card_slider_wrapper { padding: 80px 0 120px; } #P07_our_team .swiper-pagination { bottom: 74px; } #P07_our_team #team_slider .slide_team_description .social_menu #team_mail_icon{ position: relative; top: -3px; } #P07_our_team #team_slider .slide_team_heading h5{ margin-bottom: 8px; } #P07_our_team #team_slider .slide_team_description p{ font-size: 16px; } #P07_our_team #team_slider .slide_team_heading .h6{ color: var(--grayscale-50); margin-bottom: 0; font-size: 18px; } #P07_our_team #team_slider .slide_team_description .social_menu { margin-bottom: 0; margin-top: 24px; } #P07_our_team #team_slider .slide_team_description .social_menu li i, #P07_our_team #team_slider .slide_team_description .social_menu li svg { width: 20px; font-size: 22px; color: var(--turquoise); fill: var(--turquoise); } #P07_our_team #team_slider .slide_team_description .social_menu li:hover i, #P07_our_team #team_slider .slide_team_description .social_menu li:hover svg { color: var(--blue); fill: var(--blue); } #P07_our_team #team_slider .slide_team_description p { margin-bottom: 0; } #P07_our_team #team_slider .slide_content { background-color: var(--grayscale-white); padding: 26px 24px 22px; width: calc(100% + 2px); border-radius: 16px; position: absolute; bottom: 0; left: -1px; z-index: 9; } #P07_our_team #team_slider .slide_team_description { display: none; padding-top: 30px; } #P07_our_team #team_slider .swiper-slide { box-shadow: 0px 6px 25px 0px rgba(39, 57, 134, 0.14); border-radius: 16px; overflow: hidden; position: relative; background-color: #ffffff; } #P07_our_team #team_slider .responsive_image { margin-bottom: 16px; } #gsap_card_list h3{ font-size: 29px; } /* ==================================== PAGE - WE HAVE ARRIVED AT YOUR LOCATION ======================================= */ body.page-template-10-we-have-arrived { background-color: var(--grayscale-20); } #P10_we_have_arrived h3 strong { background: -moz-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: -webkit-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); background: linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #P10_we_have_arrived #hero_section { background-color: #ffffff; padding-bottom: 240px; margin-bottom: -200px; overflow: hidden; max-height: initial; } #P10_we_have_arrived #numbers_card { position: relative; z-index: 90; overflow: hidden; padding: 60px 60px 10px; border-radius: 36px; } #P10_we_have_arrived #numbers_card h4{ color: var(--grayscale-40); margin: 30px 0 50px; } #P10_we_have_arrived #numbers_card dl { display: flex; flex-wrap: wrap; list-style: none; /* justify-content: space-between; */ justify-content: flex-start; padding: 0; } #P10_we_have_arrived #numbers_card dl > div { margin-bottom: 16px; /* margin-right: 50px; */ margin-right: 150px; display: flex; flex-direction: column; } #P10_we_have_arrived #numbers_card dl > div dd { font-size: 60px; margin-bottom: 0; order: 1; line-height: 1.05; margin-bottom: -8px; font-family: var(--family-title); font-weight: var(--weight-medium); } #P10_we_have_arrived #numbers_card dl > div dt { color: var(--grayscale-50); margin-top: 2px; margin-bottom: 16px; font-weight: var(--weight-regular); order: 2; } #P10_we_have_arrived #numbers_card .numbers_wave { position: absolute; width: 100%; height: 100%; top: -210px; right: -380px; z-index: 0; background-image: url(../includes/waves/04-investors-wave.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } #P10_we_have_arrived #benefits_S01 #ending_card_also { background: -moz-linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 65%); background: -webkit-linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 65%); background: linear-gradient(130deg, var(--blue) 0%, var(--grayscale-80) 65%); } #P10_we_have_arrived #ending_card_also p { padding-right: 0; } #P10_we_have_arrived #benefits_S01 ul { margin: 0; } #P10_we_have_arrived #benefits_S01 h3 { padding-right: 220px; } #P10_we_have_arrived #benefits_S01 { padding-top: 100px; } #P10_we_have_arrived #how_to_join_S02 { background-color: #ffffff; border-radius: 36px 36px 0 0; margin-top: 100px; padding-bottom: 140px; margin-bottom: -40px; } #how_to_join_S02 #S02_title { margin-bottom: 55px; } #P10_we_have_arrived #how_to_join_S02 .row:last-child > div { margin-bottom: 36px; } #P10_we_have_arrived #how_to_join_S02 .join_card { background-color: var(--grayscale-20); border-radius: 24px; overflow: hidden; position: relative; } #P10_we_have_arrived #how_to_join_S02 .join_card span { position: absolute; top: 24px; left: 24px; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; background-color: #D7DFF080; backdrop-filter: blur(4px); border-radius: 50%; font-size: 32px; font-weight: 600; } #P10_we_have_arrived #how_to_join_S02 .join_card img { width: 100%; } #P10_we_have_arrived #how_to_join_S02 .join_card > div { padding: 28px 30px 100px; min-height: 360px; position: relative; } #P10_we_have_arrived #how_to_join_S02 .join_card a.the_button { position: absolute; bottom: 30px; left: 30px; margin-bottom: 0; } /* =========================== FC COOKIES =========================== */ #fc_cookies_card { background-color: var(--grayscale-white); border-radius: 16px; } #fc_cookies_card #fc_cookies_main_buttons { background-color: var(--grayscale-white); border-radius: 16px; } #fc_cookies_card .fcc-paragraph{ color: var(--grayscale-90); } #fc_cookies_full_content, #cookie_icon > div { background-color: var(--grayscale-30); } #fc_cookies_cropped_content::-webkit-scrollbar-track { background-color: var(--grayscale-white); } fcc-cookie_type { border-bottom: 1px var(--grayscale-40); } .fcc-heading-1, .fcc-heading-2, .fcc-the_button { font-family: var(--family-title); font-weight: var(--weight-semibold); } .fcc-heading-1, .fcc-heading-2 { color: var(--grayscale-80); } #fc_cookies_card_wrapper .fcc-the_button { font-size: 14px; border: 2px solid var(--blue) !important; border-radius: 12px !important; padding: 12px 24px !important; } #fc_cookies_card_wrapper .fcc-the_button.filled{ background-size: 200% auto; background-image: -moz-linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%) !important; background-image: -webkit-linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%) !important; background-image: linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%) !important; border: none !important; } #fc_cookies_card, #fc_cookies_full_content, .fcc-the_button.outlined { color: var(--blue); } .fcc-heading-1 { font-size: 17px; } .fcc-heading-2 { font-size: 15px; } #fc_cookies_card, #fc_cookies_full_content, .fcc-the_button { border-radius: 0; } #fc_cookies_card, #fc_cookies_cta { width: 100%; max-width: 480px; } /* =========================== FOOTER =========================== */ footer { background-color: var(--grayscale-90); background-image: -moz-linear-gradient(150deg, var(--blue) 0%, var(--grayscale-80) 100%); background-image: -webkit-linear-gradient(150deg, var(--blue) 0%, var(--grayscale-80) 100%); background-image: linear-gradient(150deg, var(--blue) 0%, var(--grayscale-80) 100%); color: var(--grayscale-white); padding: 50px 0 20px; border-radius: 36px 36px 0 0; margin-top: 0; z-index: 9; position: relative; font-weight: var(--weight-regular); } footer a { color: var(--grayscale-30); text-decoration: none; } footer a:hover, footer .h5, footer p { color: var(--grayscale-white); } footer ul{ padding: 0; } footer ul li { list-style: none; } #footer_contact { padding-bottom: 40px; margin-bottom: 60px; border-bottom: 1px dashed var(--grayscale-20); } #footer_contact .col-lg-2 { text-align: right; } #footer_contact img, #footer_logo img#mobile_FTTH { width: 100%; max-width: 110px; } .footer_mobile { display: none; } .footer_mobile #mobile-great-place { margin-left: 40px; } .footer_mobile #mobile_badge_great_place_to_work { max-height: 120px; width: 100%; } #contact_us p { font-family: var(--family-title); font-weight: var(--weight-medium); color: var(--grayscale-30); margin-bottom: 6px; } #contact_us a { color: var(--grayscale-white); font-size: 52px; font-family: var(--family-title); font-weight: var(--weight-demi); line-height: 1; } #contact_us a img { width: 38px; margin-left: 12px; } #contact_us a:hover { color: var(--grayscale-white); opacity: 0.8; } #contact_us a:hover img { transform: rotate(45deg); transform-origin: center center; } footer #footer_right { display: flex; justify-content: flex-end; align-items: center; } footer #footer_right #great_place_to_work_footer { margin-left: 46px; max-width: 77px; } #footer_logo img { max-width: 230px; margin-bottom: 20px; height: auto; } #claim p { color: var(--grayscale-20); } ul.social_menu { display: block; padding: 0; text-align: left; margin: 0 0 20px; } ul.social_menu li { display: inline-block; font-size: 18px; margin: 0; line-height: 1; } ul.social_menu a { padding: 0 6px; text-decoration: none; } ul.social_menu li:last-child a { padding-right: 0; } ul.social_menu a:hover { text-decoration: none; } ul.social_menu li span { text-indent: -99999px; display: inline-block; overflow: hidden; } ul.social_menu a i { font-size: 26px; } footer .h5 { font-size: 21px; font-weight: var(--weight-demi); } #sendgrid_form { display: flex; align-items: center; } footer #sendgrid_form { flex-direction: column; align-items: flex-start; } footer #sendgrid_form h5 { margin-bottom: 14px; } #sendgrid_form .the_button:after { display: none; } #sendgrid_form .the_button { margin: 0; } #sendgrid_form h5 { font-size: 20px; color: var(--grayscale-white); margin: 0; padding: 0; padding-right: 24px; } #footer_menu_list { font-family: var(--family-title); } #footer_menu_list #menu-footer-menu { column-count: 2; column-gap: 20px; } #footer_menu_list ul li { font-size: 18px; margin-bottom: 8px; font-weight: var(--weight-medium); } footer #mc_embed_signup input.email, #newsletter_form #mc_embed_signup input.email { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 49px; font-size: 16px; color: var(--grayscale-white); font-family: var(--family-title); font-weight: var(--weight-regular); outline: none; border: transparent; border-radius: 16px; background-color: #3B4C84; display: block; width: 100%; padding: 14px; margin-bottom: 12px; resize: none; padding-right: 112px; } #mc_embed_signup label { display: block; padding-bottom: 6px; } footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--grayscale-50); } footer ::-moz-placeholder { /* Firefox 19+ */ color: var(--grayscale-50); } footer :-ms-input-placeholder { /* IE 10+ */ color: var(--grayscale-50); } footer :-moz-placeholder { /* Firefox 18- */ color: var(--grayscale-50); } footer #mc_embed_signup .button { font-size: 16px; border-radius: 16px; color: var(--blue); font-weight: var(--weight-demi); letter-spacing: 0; display: flex; width: max-content; padding: 8px 26px 8px; background-color: var(--grayscale-white); position: absolute; top: 0; right: 0; margin: 0; height: 49px; line-height: 38px; box-sizing: border-box; } footer #mc_embed_signup form { padding: 0; } footer #mc_embed_signup .button:hover { background-color: var(--grayscale-30); color: var(--blue); } footer #mc_embed_signup .foot { grid-template-columns: initial; width: 100%; justify-content: end; } footer .grid { align-items: center; justify-content: center; } #mc_embed_signup_input { position: relative; } #footer_legal { padding-top: 32px; font-size: 16px; color: var(--grayscale-50); font-weight: var(--weight-regular); } #footer_legal a { color: var(--grayscale-40); } #footer_legal a:hover { color: var(--grayscale-white); text-decoration: underline; } #footer_legal .text-right { text-align: right; display: flex; justify-content: flex-end; align-items: center; } #footer_legal ul { text-align: left; } #footer_legal ul li { margin-bottom: 0; } #footer_legal ul li, #footer_legal .text-left span { display: inline-block; padding: 10px; } #footer_legal .text-left span { padding-left: 0; padding-right: 0; } #footer_legal ul li:first-child { padding-left: 0; } #legal_menu ul { margin-bottom: 0; } #footer_copyright { text-align: center; } #footer_copyright a:hover { color: var(--blue); } #content__gdprLegal { font-size: 12px; padding-top: 12px; opacity: 0.7; } #mc_embed_signup form { margin-top: 0!important; margin-right: 0!important; } #mc_embed_signup a { text-decoration: underline; } #mc_embed_signup .mc-field-group { width: 100%!important; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { background-color: #e85c41!important; color: var(--grayscale-white)!important; font-size: 16px!important; font-weight: var(--weight-regular)!important; padding: 5px!important; } #mc_embed_signup .mc-field-group label { font-size: 16px; line-height: 1; } #mc-embedded-subscribe-form input[type=checkbox] { margin-bottom: 8px!important; } #mc_embed_signup div#mce-responses { width: 100%!important; justify-content: center!important; margin: 0!important; padding: 0!important; } #mc_embed_signup div.response { background-color: var(--blue)!important; border-radius: 8px!important; width: 100%; margin: 0!important; padding: 24px!important; text-align: center!important; width: 100%!important; margin-bottom: 18px!important; margin-top: 8px!important; } #mc_embed_signup #mce-success-response { color: var(--grayscale-40)!important; } /* =========================== AOTEC =========================== */ body.page-id-1450 h1, body.page-id-2194 h1 { display: none; } body.page-id-1450 iframe { border-radius: 0 0 36px 36px; } /* =========================== PRIVATE AREA =========================== */ body.page-template-11-private-general-conditions, body.page-template-12-private-annex, body.page-template-16-private-new-client { background-color: var(--grayscale-50); background: -moz-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: -webkit-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); } #P11_private_general_conditions, #P12_private_annex, #P16_private_new_client { min-height: 100vh; padding-bottom: 90px; } #P11_private_general_conditions .container, #P12_private_annex .container, #P16_private_new_client .container { z-index: 9; position: relative; } #P11_private_general_conditions .private-background, #P12_private_annex .private-background, #P16_private_new_client .private-background { position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 0; background-image: url(../includes/waves/11-private-area-wave.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; opacity: .8; } #P11_private_general_conditions h1, #P12_private_annex h1, #P16_private_new_client h1 { color: var(--grayscale-white); margin-bottom: 32px; } /* Private Menu */ #P11_private_general_conditions #private_menu, #P12_private_annex #private_menu, #P16_private_new_client #private_menu { padding-bottom: 40vh; } #P11_private_general_conditions #private_menu > div, #P12_private_annex #private_menu > div, #P16_private_new_client #private_menu > div { background: rgba(215, 223, 240, 0.4); backdrop-filter: blur(10px); padding: 8px 24px 20px; /* min-height: 360px; */ border-radius: 24px; display: block; position: -webkit-sticky; position: sticky; top: 46px; /* height: 100%; */ max-height: 925px; z-index: 0; } #P11_private_general_conditions #private_menu ul, #P12_private_annex #private_menu ul, #P16_private_new_client #private_menu ul { list-style: none; padding: 0; } #P11_private_general_conditions #private_menu ul li, #P12_private_annex #private_menu ul li, #P16_private_new_client #private_menu ul li { margin-bottom: 26px; margin: 0 -12px; } #P11_private_general_conditions #private_menu a, #P12_private_annex #private_menu a, #P16_private_new_client #private_menu a { color: var(--grayscale-30); font-size: 18px; font-weight: 600; } #P11_private_general_conditions #private_menu a:hover, #P12_private_annex #private_menu a:hover, #P16_private_new_client #private_menu a:hover { color: var(--grayscale-white); } #P11_private_general_conditions #private_menu #log_out, #P12_private_annex #private_menu #log_out, #P16_private_new_client #private_menu #log_out { margin-top: 24px; } #P11_private_general_conditions #private_menu .menu-private-area-container a, #P12_private_annex #private_menu .menu-private-area-container a, #P16_private_new_client #private_menu .menu-private-area-container a { padding: 12px 16px; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #P11_private_general_conditions #private_menu ul li.current-menu-item a:hover, #P12_private_annex #private_menu ul li.current-menu-item a:hover, #P16_private_new_client #private_menu ul li.current-menu-item a:hover { background-color: var(--grayscale-80); } #P11_private_general_conditions #private_menu ul, #P12_private_annex #private_menu ul, #P16_private_new_client #private_menu ul { margin-bottom: 0; } #P11_private_general_conditions #private_menu a, #P12_private_annex #private_menu a, #P16_private_new_client #private_menu a { display: block; text-decoration: none; /* margin-top: 32px; */ } #P11_private_general_conditions #private_menu a svg, #P12_private_annex #private_menu a svg, #P16_private_new_client #private_menu a svg { margin-right: 8px; } #P11_private_general_conditions #private_menu a svg path, #P12_private_annex #private_menu a svg path, #P16_private_new_client #private_menu a svh path { fill: var(--grayscale-30); } /* Active */ #P11_private_general_conditions #private_menu ul li.current-menu-item a, #P12_private_annex #private_menu ul li.current-menu-item a, #P16_private_new_client #private_menu ul li.current-menu-item a { background: var(--blue); border-radius: 16px; color: var(--grayscale-white); } /* General + Annex */ #P11_private_general_conditions .module-header, #P12_private_annex .module-header { display: flex; justify-content: space-between; align-items: center; background-color: var(--grayscale-20); padding: 18px 24px; } #P11_private_general_conditions .module-header h3, #P12_private_annex .module-header h3 { margin-bottom: 8px; } #P16_private_new_client .module-header h2 { margin-bottom: 32px; } #P11_private_general_conditions .module-header h4, #P12_private_annex .module-header h4 { margin-bottom: 0px; } #P11_private_general_conditions .module-header a, #P12_private_annex .module-header a { margin: 0 0 0 32px; padding: 12px 26px; } .module-header .tag { font-size: 14px; } .module-header h3.h5 { font-size: 22px; margin-top: 4px; } #P11_private_general_conditions .module-header a::after, #P12_private_annex .module-header a::after, .single-service.postid-2541 #card_list_intro a.the_button::after { content: url(../img/arrows/download-icon-white.svg); display: inline-block; margin-left: 16px; position: relative; top: 1px; width: 20px; height: auto; } #cinta_medir { width: 100%; max-width: 360px; height: auto; display: block; margin-left: auto; margin-top: 60px; margin-bottom: -50px; } /* General Conditions */ #P11_private_general_conditions .module-content, #P12_private_annex .module-content { padding: 24px; } #P11_private_general_conditions #general_conditions > div { background-color: var(--grayscale-white); border-radius: 16px; overflow: hidden; } /* Annex */ #P12_private_annex .module-header { border-radius: 16px; margin-bottom: 16px; } #P12_private_annex .module-header:last-child { margin-bottom: 0; } /* New Client */ #P16_private_new_client .new-client > div { background-color: var(--grayscale-20); padding: 40px; border-radius: 16px; } #P16_private_new_client .new-client form { display: flex; flex-wrap: wrap; justify-content: space-between; } #P16_private_new_client .new-client form p:not(:last-of-type) { width: calc(50% - 15px); } #P16_private_new_client .new-client form p:last-of-type { width: fit-content; display: flex; align-items: center; margin-bottom: 0; } #P16_private_new_client .new-client form p:last-of-type input { width: 114px; background-size: 200% auto; background-image: -moz-linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%); background-image: -webkit-linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%); background-image: linear-gradient(140deg, var(--turquoise) 0%, var(--blue) 45%, var(--blue) 55%, var(--turquoise) 100%); } #P16_private_new_client .new-client form p input:not([type="submit"]), #P16_private_new_client .new-client form p label { width: 100%; font-size: 18px; } #P16_private_new_client .new-client form p input { margin-top: 8px; margin-bottom: 6px; } #P16_private_new_client .new-client form p input:not([type="submit"]) { background-color: var(--grayscale-white); } #P16_private_new_client .new-client form .wpcf7-response-output { border: 2px solid var(--blue); padding: 18px 24px; width: 100%; margin: 40px 0 10px; border-radius: 16px; color: var(--blue); background-color: rgba(35, 62, 153, .15); font-weight: 500; } #P16_private_new_client .new-client form .wpcf7-not-valid-tip { font-size: 18px; } /* Tables */ #P11_private_general_conditions table { width: 100%; } #P11_private_general_conditions table tr { border-bottom: 1px solid var(--grayscale-40); } #P11_private_general_conditions table tr td { padding: 16px 16px 16px 0; vertical-align: top; } #P11_private_general_conditions table tr td:first-child { font-weight: 600; } #P11_private_general_conditions ol ol { list-style-type: lower-roman; } #P11_private_general_conditions .module-content p, #P11_private_general_conditions .module-content li { font-size: 17px; line-height: 1.6; } #P11_private_general_conditions .module-content table * { font-size: 16px; } #P11_private_general_conditions .module-content li { margin-bottom: 0.8rem; } /* ===================================== TEMPLATE : Investors ===================================== */ #P15_investors { overflow: hidden; } #P15_investors #investors_intro { padding-top: 60px; } #P15_investors #investors_intro > div { position: relative; z-index: 1; align-items: center; } #P15_investors #investors_intro .investors_wave { position: absolute; width: 58%; height: 100%; top: -180px; right: -280px; z-index: 0; } #P15_investors #investors_intro #investors_logos { display: flex; margin-top: 32px; } #P15_investors #investors_intro #investors_logos > a:not(:last-child), #P15_investors #investors_intro #investors_logos > img:not(:last-child) { margin-right: 36px; } #P15_investors #investors_intro #investors_logos > a:hover { opacity: .8; } #P15_investors #investors_intro #investors_logos #arjun_logo { margin-right: 42px; } #P15_investors #investors_intro h1 { margin-bottom: 12px; } #P15_investors #investors_intro h2 { margin-bottom: 24px; } #P15_investors #investors_intro a { color: var(--grayscale-white); font-weight: 600; } #P15_investors h3 { font-size: 30px; } #P15_investors #investor_cards { padding-top: 50px; } #P15_investors .investor-card { padding: 46px; border-radius: 24px; background-color: #D7DFF040; backdrop-filter: blur(10px); margin-bottom: 46px; position: relative; overflow: hidden; } #P15_investors .investor-card .card_gradient { opacity: 0; /* transition: all .4s ease; */ background-image: url(../img/default/background-card-hogar-conectado.jpg); z-index: 1; } #P15_investors .investor-card:hover .card_gradient { opacity: 1; } #P15_investors .investor-card > .investor-title { display: flex; justify-content: space-between; align-items: center; padding-bottom: 24px; margin-bottom: 36px; border-bottom: 1px solid var(--grayscale-50); position: relative; z-index: 2; height: 70px; } #P15_investors .investor-card .investor-information { position: relative; z-index: 2; column-count: 2; column-gap: 30px; } #P15_investors .investor-card > p:last-child { margin-bottom: 0; } #P15_investors .investor-card > .investor-title h3 { margin-bottom: 0; } #P15_investors .investor-card * { color: var(--white); } #P15_investors .investor-card img { /* width: auto; height: 100%; max-height: 50px; */ position: static !important; width: auto !important; height: 40px; margin-bottom: 16px; } #P15_investors .investor-card #arjun_logo { height: 50px; } #P15_investors .investor-card #aberdeen_logo { height: 65px; } /* =========================== PAGE - Work with us =========================== */ #P17_work_with_us #hero_section { padding-top: 190px; padding-bottom: 20px; border: 0 0 36px 36px; position: relative; z-index: 2; } #P17_work_with_us #hero_section #hero_svg { pointer-events: none; } #P17_work_with_us #hero_section .row { flex-direction: column; align-items: flex-start !important; } #P17_work_with_us #hero_section .row > div { margin-left: 0; } #P17_work_with_us #hero_section #hero_svg { padding-top: 6px; margin-top: -16vw; } #P17_work_with_us #S01_offers { padding-top: calc(90px + 36px); margin-top: -36px; padding-bottom: 210px; background-color: var(--grayscale-20); position: relative; z-index: 1; } #P17_work_with_us #S01_offers h2 { text-indent: -9999999px; display: block; position: absolute; left: 0; top: 0; } #P17_work_with_us #S01_offers .row > div { margin-bottom: 36px; } #P17_work_with_us #S01_offers .job-offer { background-color: var(--grayscale-white); padding: 24px; border-radius: 24px; min-height: 195px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; transition: scale .2s ease; } #P17_work_with_us #S01_offers .job-offer:hover { scale: 1.02; } #P17_work_with_us #S01_offers .job-offer h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /* min-height: 66px; */ overflow: hidden; text-overflow: ellipsis; white-space: normal; } #P17_work_with_us #work_with_us_form { position: relative; z-index: 2; padding: 0; top: -150px; } #P17_work_with_us #work_with_us_form.no-offers { padding-top: 170px; } #P17_work_with_us #work_with_us_form #form_link_container { background-image: -moz-linear-gradient(140deg, var(--blue) 0%, var(--turquoise) 50%); background-image: -webkit-linear-gradient(140deg, var(--blue) 0%, var(--turquoise) 50%); background-image: linear-gradient(140deg, var(--blue) 0%, var(--turquoise) 50%); background-size: 200% 200%; background-position: 0% 50%; padding: 60px; border-radius: 36px; min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; position: relative; transition: all .3s ease; } #P17_work_with_us #work_with_us_form #form_link_container:hover { background-position: 10% 50%; } #P17_work_with_us #work_with_us_form #form_link_container h2 { color: var(--grayscale-white); max-width: 490px; } #P17_work_with_us #work_with_us_form #form_link_container a { margin-bottom: 0; } #P17_work_with_us #work_wave { background-image: url(../includes/waves/03-coverage-wave.svg); position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 0; background-repeat: no-repeat; background-position: 84%; background-size: auto 182%; pointer-events: none; } #P17_work_with_us #company_great_place { position: relative; z-index: 1; padding-top: 0; margin-top: -20px; padding-bottom: 110px; } /* ===================================== JOB OFFER SINGLE ===================================== */ #P17_work_with_us.single-offer #hero_section { padding-top: 80px; min-height: initial; padding-bottom: 0; } #P17_work_with_us.single-offer #offer_buttons { display: flex; margin-top: 32px; } #P17_work_with_us.single-offer #send_form::after { display: none; } #P17_work_with_us.single-offer #offer_buttons #linkedin_button { margin-left: 16px; } #P17_work_with_us.single-offer > section#offer_description { padding-top: 50px; padding-bottom: 90px; border-radius: 0 0 36px 36px; position: relative; z-index: 2; background-color: var(--grayscale-white); } #P17_work_with_us.single-offer > section#offer_description.offer-with-date { padding-top: 0px; } #P17_work_with_us.single-offer .publication-date { margin-bottom: 60px; } #P17_work_with_us.single-offer h2, #P17_work_with_us.form-page h2 { font-size: 36px; color: var(--turquoise); } #P17_work_with_us.single-offer h3 { font-size: 30px; } #P17_work_with_us.single-offer h4 { font-size: 26px; } #P17_work_with_us.single-offer h5 { font-size: 22px; } #P17_work_with_us.single-offer h6 { font-size: 20px; } #P17_work_with_us.single-offer h2, #P17_work_with_us.single-offer h3, #P17_work_with_us.single-offer h4, #P17_work_with_us.single-offer h5, #P17_work_with_us.single-offer h6 { margin-top: 32px; } #P17_work_with_us.single-offer h2:first-child { margin-top: 0; } #P17_work_with_us section#offer_form { background-color: var(--grayscale-20); margin-top: -36px; position: relative; z-index: 1; padding-top: 140px; padding-bottom: 126px; } #P17_work_with_us.single-offer + footer, #P17_work_with_us.form-page + footer { margin-top: -36px; } #P17_work_with_us section#offer_form h2 { color: var(--grayscale-90); } #P17_work_with_us section#offer_form .form-intro { margin-bottom: 32px; } #P17_work_with_us section#offer_form form { display: flex; flex-wrap: wrap; } #P17_work_with_us section#offer_form form > p { width: calc(50% - 30px); margin-top: 10px; } #P17_work_with_us section#offer_form form > p:nth-last-child(6), #P17_work_with_us section#offer_form form > p:nth-last-child(5), #P17_work_with_us section#offer_form form > p:nth-last-child(4) { width: 100%; } #P17_work_with_us section#offer_form form > p:nth-last-child(4) * { margin-top: 0; } #P17_work_with_us section#offer_form form > p label { font-size: 17px; color: var(--grayscale-90); } #P17_work_with_us section#offer_form form > p span { margin-top: 8px; } #P17_work_with_us section#offer_form form > p span input, #P17_work_with_us section#offer_form form > p span textarea { background-color: var(--grayscale-white); margin-bottom: 0; } #P17_work_with_us section#offer_form form > p span textarea { max-height: 130px; } #P17_work_with_us section#offer_form form > p:nth-child(even) { margin-right: 30px; } #P17_work_with_us section#offer_form form > p label, #P17_work_with_us section#offer_form form > p span { width: 100%; display: inline-block; } #P17_work_with_us .wpcf7-list-item, #P17_work_with_us .wpcf7-list-item label, #P17_work_with_us .wpcf7-list-item span, #P17_work_with_us .wpcf7-radio, #P17_work_with_us .wpcf7-acceptance { width: initial !important; } #P17_work_with_us .wpcf7-acceptance > span { margin-left: 0; } #P17_work_with_us .wpcf7-acceptance label { display: flex !important; align-items: flex-start !important; } #P17_work_with_us .wpcf7-acceptance label input { width: 20px; height: 20px !important; min-width: 20px; } #P17_work_with_us .wpcf7-acceptance > span span { margin-top: 0 !important; } #P17_work_with_us .wpcf7-acceptance a:hover { color: var(--blue); text-decoration: none; } #P17_work_with_us .wpcf7-not-valid-tip { font-size: 16px; } #P17_work_with_us .wpcf7-radio { display: flex !important; margin-top: 0 !important; } #P17_work_with_us .wpcf7-radio span { margin-top: 0 !important; } #P17_work_with_us .wpcf7-radio :first-child { margin-left: 0; } #P17_work_with_us .wpcf7-list-item label * { display: inline-block; } #P17_work_with_us .wpcf7-list-item label input[type="checkbox"], #P17_work_with_us .wpcf7-list-item label input[type="radio"] { width: 16px; height: 16px; border-radius: 4px; padding: 0; margin-right: 10px; position: relative; bottom: -2px; appearance: none; -webkit-appearance: none; background-color: transparent; border: 1.5px solid var(--grayscale-50); position: relative; } #P17_work_with_us .wpcf7-list-item label input[type="radio"] { border-radius: 50px; margin-right: 8px; bottom: -3px; } #P17_work_with_us .wpcf7-list-item label input[type="checkbox"]:checked, #P17_work_with_us .wpcf7-list-item label input[type="radio"]:checked { background-color: var(--blue) !important; border: 1.5px solid var(--blue) !important; } #P17_work_with_us .wpcf7-list-item label input[type="radio"]:checked:after { content: ''; width: 6px; height: 6px; display: block; position: absolute; background-color: var(--grayscale-white); border-radius: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); } #P17_work_with_us .wpcf7-list-item label input[type="checkbox"]:checked { background-image: url(../img/icons/check-icon.svg); background-size: 10px; background-repeat: no-repeat; background-position: center; } #P17_work_with_us span[data-name="user-curriculum"] { background-color: var(--grayscale-white); height: 50px; border-radius: 16px; } #P17_work_with_us span[data-name="user-curriculum"]::before { content: ""; background-image: url(../img/arrows/upload-icon-blue.svg); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 16px; left: 18px; width: 16px; height: 16px; pointer-events: none; } #P17_work_with_us input[type="file"] { background-color: transparent !important; padding-top: 11px; } #P17_work_with_us input[type="file"]::file-selector-button { margin-right: 10px; opacity: 0; width: 20px; height: 20px; } #P17_work_with_us .wpcf7-list-item label { display: flex; align-items: center; font-size: 16px; } #P17_work_with_us form p:last-of-type { width: fit-content; display: flex; align-items: center; margin-bottom: 0; } #P17_work_with_us .wpcf7-spinner { width: 24px !important; height: 24px; background-color: var(--grayscale-50); display: inline-block; vertical-align: middle; } #P17_work_with_us form .wpcf7-response-output { border: 2px solid var(--blue); font-size: 17px; padding: 18px 24px; width: 100%; margin: 30px 0 10px; border-radius: 16px; color: var(--blue); background-color: rgba(35, 62, 153, .15); font-weight: 500; } /* ===================================== Page: Work with us (FORM) ===================================== */ #P17_work_with_us.form-page { background-color: var(--grayscale-20); } #P17_work_with_us.form-page h1 { text-indent: -9999999px; display: block; position: absolute; left: 0; top: 0; } #P17_work_with_us.form-page h2 { color: var(--grayscale-90); } #P17_work_with_us.form-page #offer_form { padding-top: 90px; padding-bottom: 136px; } /* ===================================== Page: FAQs ===================================== */ #P19_faqs { min-height: 100vh; } #P19_faqs section { padding-top: 50px; padding-bottom: 90px; } #P19_faqs #faqs_questions_subjects { background-color: var(--grayscale-20); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; margin-bottom: 46px; } #P19_faqs #faqs_questions_subjects button, #P19_faqs .toggle-question-and-answer button { all: unset; display: inline-block; } #P19_faqs #faqs_questions_subjects button { margin-bottom: 6px; padding: 16px 16px 12px; border-radius: 12px; } #P19_faqs #faqs_questions_subjects button h2 { font-size: 18px; } #P19_faqs #faqs_questions_subjects button:last-child, #P19_faqs #faqs_questions_subjects button h2 { margin-bottom: 0; } #P19_faqs #faqs_questions_subjects button.selected { background-color: var(--turquoise); } #P19_faqs #faqs_questions_subjects button.selected h2 { color: var(--grayscale-white); } #P19_faqs #faqs_questions > div { display: none; } #P19_faqs #faqs_questions > div.visible { display: block; } #P19_faqs .toggle-question-and-answer { border-bottom: 1px solid var(--grayscale-40); padding: 24px 0; } #P19_faqs .toggle-question-and-answer:first-child { padding-top: 0; } #P19_faqs .toggle-question-and-answer h3 { font-size: 20px; font-weight: 400; margin-bottom: 0; } #P19_faqs .toggle-question-and-answer .toggle-answer :last-child { margin-bottom: 0; } #P19_faqs .toggle-question-and-answer .toggle-question { display: flex; justify-content: space-between; width: 100%; } #P19_faqs .toggle-question-and-answer .toggle-question .toggle-icon { position: relative; width: 16px; height: 16px; display: inline-block; cursor: pointer; } #P19_faqs .toggle-question-and-answer .toggle-question .toggle-icon::before, #P19_faqs .toggle-question-and-answer .toggle-question .toggle-icon::after { content: ''; position: absolute; background-color: var(--grayscale-90); transition: all 0.1s ease; } #P19_faqs .toggle-question-and-answer .toggle-question .toggle-icon::before { top: 50%; left: 0; right: 0; height: 2px; transform: translateY(-50%); } #P19_faqs .toggle-question-and-answer .toggle-question .toggle-icon::after { left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%); } #P19_faqs .toggle-question-and-answer .toggle-question.visible .toggle-icon::after { opacity: 0; } #P19_faqs #faqs_questions .toggle-answer { display: none; margin-top: 16px; } /* #P19_faqs #faqs_questions > div > div .toggle-answer.visible { display: block; } */ /* ===================================== TEMPLATE IFRAMES - FORMULARIOS ===================================== */ #monday_forms { } #monday_forms ul { padding-left: 20px; } #monday_forms ul li { margin-bottom: 4px; } #monday_forms iframe { box-shadow: none!important; border-radius: 24px; width: 100%!important; height: 750px!important; margin-bottom: 24px; margin-top: 24px; } .page-template-iframes-sendgrid { padding-bottom: 32px; } .page-template-iframes-sendgrid h1, #newsletter-form h1 { font-size: 48px; } .page-template-iframes-sendgrid h1 span { color: var(--grayscale-90) !important; -webkit-text-fill-color: initial; font-size: 36px; } .page-template-iframes-sendgrid p img, .page-template-iframes-sendgrid p video { width: 100%; height: auto; margin: 6px 0; } .page-template-iframes-sendgrid iframe { padding: 26px 20px; } .page-template-iframes-sendgrid #P05_contact .row { align-items: flex-start !important; padding-bottom: 160px; } .page-template-iframes-sendgrid #P05_contact #sendgrid_iframe { display: flex; justify-content: center; padding-top: 80px; } #sendgrid_iframe input, #sendgrid_iframe textarea { margin-bottom: 0; margin-top: 6px; } #sendgrid_iframe textarea { height: 94px; } .page-template-iframes-sendgrid hr { margin: 32px 0; } .page-template-iframes-sendgrid .legal-title { font-size: 16px; margin-bottom: 6px; } .page-template-iframes-sendgrid .legal-text { font-size: 14px; } #sendgrid_iframe .wpcf7-list-item { margin: 0; } #sendgrid_iframe label { max-width: 360px; font-size: 16px; } #sendgrid_iframe #label-newsletter { font-size: 16px; } #sendgrid_iframe .wpcf7-list-item label { display: flex; align-items: center; font-size: 16px; max-width: 360px; } #sendgrid_iframe .wpcf7-list-item label input[type="checkbox"], #sendgrid_iframe .wpcf7-list-item label input[type="radio"] { width: 16px; height: 16px; border-radius: 4px; padding: 0; margin-right: 10px; position: relative; bottom: 3px; appearance: none; -webkit-appearance: none; background-color: transparent; border: 1.5px solid var(--grayscale-50); position: relative; } #sendgrid_iframe .wpcf7-list-item label input[type="radio"] { border-radius: 50px; margin-right: 8px; bottom: 2px; } #sendgrid_iframe .wpcf7-list-item label input[type="checkbox"]:checked { background-image: url("../img/icons/check-icon.svg"); background-size: 10px; background-repeat: no-repeat; background-position: center; } #sendgrid_iframe .wpcf7-list-item label input[type="radio"]:checked:after { content: ''; width: 6px; height: 6px; display: block; position: absolute; background-color: var(--grayscale-white); border-radius: 50px; top: 50%; left: 50%; transform: translate(-50%,-50%); } #sendgrid_iframe .wpcf7-list-item label input[type="checkbox"]:checked, #sendgrid_iframe .wpcf7-list-item label input[type="radio"]:checked { background-color: var(--blue); border: 1.5px solid var(--blue); } #sendgrid_iframe input[type="submit"] { display: inline-block; vertical-align: middle; } .wpcf7-spinner { background-color: var(--grayscale-50); display: inline-block; vertical-align: middle; } #sendgrid_iframe .wpcf7-form-control-wrap { display: block; } #sendgrid_iframe .wpcf7-form-control .wpcf7-list-item:not(:last-child) { margin-top: 12px; margin-right: 16px; } #sendgrid_iframe .wpcf7-not-valid-tip { font-size: 16px; margin-top: 4px; max-width: 367px; color: var(--red); } #sendgrid_iframe .wpcf7-response-output { width: 360px; margin: 40px 0 0; border-color: var(--grayscale-80); border-radius: 16px; padding: 16px 22px; font-size: 17px; background-color: var(--grayscale-20); } #sendgrid_iframe span a { color: var(--turquoise); } /* Whitepaper */ #sendgrid_iframe .whitepaper-form-language { display: none; } /* Newsletter Form */ #newsletter-form { min-height: 100vh; position: relative; padding-bottom: 100px; display: flex; align-items: center; } #newsletter-form #sendgrid_iframe, #newsletter-form #sendgrid_iframe .form-container, #newsletter-form #sendgrid_iframe .form-container .wpcf7, #newsletter-form #sendgrid_iframe .form-container .wpcf7 form { width: fit-content; } #newsletter-form h1 { max-width: 360px; width: 100%; font-size: 39px !important; margin: 12px 0 32px; } #newsletter-form #background-wave { transform: scaleX(-1); position: fixed; bottom: 0; right: 0; width: 30%; } /* =========================== DEFAULT DOWNLOADS =========================== */ #default-downloads.default-page { padding-bottom: 0; } #default-downloads.default-page > #main-content { padding-bottom: 70px; background-color: var(--grayscale-white); border-radius: 0 0 36px 36px; position: relative; z-index: 1; } #default-downloads.default-page #download-module { width: 100%; background-color: var(--grayscale-20); padding: 116px 0 124px; color: var(--grayscale-90); margin: -36px 0; position: relative; z-index: 0; } #default-downloads.default-page #download-module h4 { margin-bottom: 32px; line-height: 1.25; } #default-downloads.default-page #download-module #downloads-list > .item-container { background-color: var(--grayscale-white); padding: 18px 20px 14px; border-radius: 16px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; transition: background-color .4s; text-decoration: none; } #default-downloads.default-page #download-module #downloads-list .download-side { display: flex; align-items: center; margin-left: 32px; } #default-downloads.default-page #download-module #downloads-list .download-side p { font-weight: 600; color: var(--turquoise); margin: 1px 8px 0 0; font-family: var(--family-title); font-size: 16px; transition: color .4s; } #default-downloads.default-page #download-module #downloads-list > .item-container svg { width: 18px; height: auto; } #default-downloads.default-page #download-module #downloads-list > .item-container svg path { fill: var(--turquoise); transition: fill .4s; } #default-downloads.default-page #download-module #downloads-list > a.item-container:hover { background-color: var(--grayscale-40); } #default-downloads.default-page #download-module #downloads-list > a.item-container:hover p { color: var(--grayscale-90); } #default-downloads.default-page #download-module #downloads-list > a.item-container:hover svg path { fill: var(--grayscale-90); } #default-downloads.default-page #download-module #downloads-list > .item-container:last-child { margin-bottom: 0; } #default-downloads.default-page #download-module #downloads-list > .item-container h5 { margin: 0; } /* =========================== XMAS 2024 =========================== */ #home_illustration { overflow: hidden; padding-top: 480px; position: relative; /* margin-top: -130px; */ } #harp_in_action { margin-bottom: -160px; z-index: -1 !important; } #harp_in_action span#xmas_intro_sub { font-family: var(--family-title); font-weight: var(--weight-demi); font-size: 30px; margin-top: 6px; display: block; margin-bottom: -40px; } #home_illustration #xmas_desktop, #home_illustration #xmas_mobile { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } #home_illustration #xmas_desktop { width: auto; height: 480px; } #xmas_intro.h1_hero { font-size: 42px; padding-right: 150px; } #xmas_harp { width: 185px; height: 370px; /* border: 2px dotted palevioletred; */ position: absolute; left: calc(50% - 150px); top: 36px; border-radius: 8px; z-index: -1; } /* HARP MASK */ #xmas_harp { -webkit-mask-image: url('../img/default/harp-mask.png'); mask-image: url('../img/default/harp-mask.png'); mask-repeat: no-repeat; mask-size: 188px; mask-position: -1px; } #home_illustration:not(.clicked) { cursor: url('../img/default/sound-in.svg') 20 20, auto; } /* =========================== MEDIAQUERIES =========================== */ @media (max-width: 1600px) { #P03_our_network #S02_our_network #map_image { width: 52%; right: -2%; } } @media (max-width: 1400px) { /* GENERAL STYLES */ body { font-size: 18px; } /* NAV */ nav#navigation > div > ul li a { font-size: 16px; } #the_access .the_button { padding: 14px 24px 13px; } /* #the_access .the_button span { display: none; } */ .the_button.access_button:after { margin-left: 0; display: none; } #homepage > svg#wave-01-home-desktop { margin-top: -12%; } .card_waves { width: 40%; } .service_card .card_content { width: 60%; } .page-template-02-services #service_hogar-conectado .card_content { width: 50%; } .service_card, #ending_card_also { min-height: 350px; } #single_service #hero_section svg#wave-03-integra { width: 85%; } #single_service #hero_section svg { top: -5%; width: 55%; } .page-template-01-home #service_fibra-flex.service_card { min-height: 360px; } /* Our Network */ #P03_our_network #S01_ournetwork h3 { font-size: 36px; } #P03_our_network #S02_our_network #map_image { width: 58%; right: -6%; } #P03_our_network #S03_our_network .row > div .network_card_content { min-height: 482px; } /* Coverage */ #P04_coverage #S01_coverage_intro .coverage_image { margin-top: -70px; } #P04_coverage #arrived_module #dark_container { padding: 60px 56px 50px; } /* OUR COMPANY */ #P06_our_company #hero_section #logo_inverse { max-width: 290px; } #P06_our_company #investors_card ul { justify-content: space-between; } #P06_our_company #investors_card ul li { margin-right: 50px; } /* Team */ #gsap_card_list h3{ font-size: 26px; } /* We Have Arrived */ #P10_we_have_arrived #benefits_S01 h3 { padding-right: 110px; } #P10_we_have_arrived #how_to_join_S02 .join_card > div { padding: 22px 24px 100px; min-height: 370px; } #P10_we_have_arrived #how_to_join_S02 .join_card a.the_button { left: 23px; bottom: 24px; } /* Linkable Module */ #linkable_card_waves:not(.cat_) { top: -1%; } /* XMAS 2024 */ /* #home_illustration #xmas_desktop, #xmas_harp { left: calc(50% - 70px); } */ #home_illustration #xmas_desktop { left: calc(50% + 90px); } #xmas_harp { left: calc(50% - 60px); } /* Investors Page */ #P15_investors #investors_intro .investors_wave { width: 78%; top: -110px; right: -500px; } /* Footer */ #legal_menu { padding-bottom: 10px; } #footer_legal .text-right { justify-content: flex-start; } /* Work with us */ #P17_work_with_us #work_wave { background-position: 164%; } } @media (max-width: 1200px) { /* GENERAL STYLES */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h1_hero, .h2_hero, .h3_hero { line-height: 1.1; } h1, .h1 { font-size: 52px; } .h1_hero { font-size: 60px; } h2, .h2 { font-size: 42px; } .h2_hero { font-size: 54px; } h3, .h3 { font-size: 32px; } .h3_hero { font-size: 44px; } h4, .h4 { font-size: 26px; } h5, .h5 { font-size: 22px; font-weight: var(--weight-medium); } h6, .h6 { font-size: 19px; font-weight: var(--weight-medium); } main { padding-top: 120px; } /* HEADER */ #header_principal .row { text-align: center; } header { overflow: visible; } #header_principal, nav#navigation { height: 72px; } #circular_mouse { display: none!important; } html, body { cursor: initial; } a,button,input,select{ cursor: pointer!important; } nav#navigation { display: block; background-color: var(--blue); /* background-image: url('../img/brand/onivia-gradient.jpg'); background-image: url('../img/brand/waves-nav-mobile.svg'); */ background-image: url('../img/brand/waves-nav-mobile-2.svg'), url('../img/brand/onivia-gradient.jpg'); background-position: left top, center; background-repeat: no-repeat, no-repeat; background-size: 100%, cover; position: fixed; left: 0; top: calc(-100vh + -40px); height: calc(100vh + 40px); width: 100%; color: var(--grayscale-white); z-index: -9; overflow: hidden; /* overflow-y: scroll; */ padding: 140px 0 100px; margin-top: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav#navigation.open { top: 0; } nav#navigation > div { margin-right: auto; margin-left: auto; padding-left: var(--bootstrap-padding); padding-right: var(--bootstrap-padding); width: 100%; max-width: 960px; } nav#navigation a:focus { color: var(--blue)!important; } nav#navigation > div > ul li a:before { display: none; } nav#navigation > div > ul { padding: 0; margin-top: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-content: center; } nav#navigation > div > ul li { text-align: center; padding: 0; position: relative; display: block; width: 100%; } nav#navigation > div > ul li.current_page_parent > a, nav#navigation > div > ul li.current_page_item > a, nav#navigation > div > ul li > ul > li.current_page_item > a { color: var(--grayscale-white)!important; /* text-decoration: underline; */ } nav#navigation > div > ul > li a { font-size: 1.3em; padding: 12px 0; height: auto; color: var(--grayscale-20); position: relative; } nav#navigation > div > ul > li a:hover { color: var(--blue); } nav#navigation > div > ul > li.menu-item-has-children > a { /* width: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-right: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; */ width: 100%; } nav#navigation > div > ul > li.menu-item-has-children > a .responsive_trigger { height: 22px; } nav#navigation > div > ul > li.menu-item-has-children .sub-menu > li > .responsive_trigger { height: initial; opacity: 0.5; } nav#navigation > div > ul > li.menu-item-has-children > a .responsive_trigger, nav#navigation > div > ul > li.menu-item-has-children .sub-menu > li > .responsive_trigger { display: block; position: relative; } nav#navigation > div > ul > li.menu-item-has-children > a .responsive_trigger span.material-icons { font-weight: 500; font-size: 21px; } nav#navigation > div > ul > li.current-menu-parent.menu-item-has-children ul { display: inline-block; } nav#navigation > div > ul > li ul { display: block; visibility: visible; position: relative; opacity: 1; color: var(--grayscale-white); background-color: var(--grayscale-white); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; left: 0; margin: 0; padding: 0.8em 0; position: fixed; top: 0; left: 102vw; width: 60vw; height: 100vh; padding-top: 124px; z-index: 99; } nav#navigation.open > div > ul > li ul.open { left: 40vw; } nav#navigation > div > ul > li ul li { margin: 0; padding: 0; } nav#navigation > div > ul > li ul li a, nav#navigation > div > ul > li ul li .responsive_trigger { padding: 10px 16px; line-height: 1; font-size: 1.15em; color: var(--grayscale-80); } nav#navigation .sub-menu li a, nav#navigation .sub-menu li .responsive_trigger { padding: 10px 40px; } nav#navigation > div > ul > li ul li > .responsive_trigger { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 8px; gap: 8px; } nav#navigation > div > ul > li ul li > .responsive_trigger .material-icons { font-weight: 900; position: relative; top: 2px; } nav#navigation .access_button { display: flex; margin: auto; margin-top: 32px; } #header_principal > .container > .row { padding-top: 12px; } #the_logo { order: 1; } #the_access { order: 2; } #the_nav { order: 3; } /* APP BURGUER */ header #menu-icon { width: 42px; height: 42px; margin-top: 0; } header #menu-icon .path { width: 100%; height: 2px; background-color: var(--blue); top: calc(50% - 1px); position: relative; margin-top: -2px; } #app_burguer { display: block; height: 42px; width: 42px; position: absolute; top: 16px; right: var(--bootstrap-padding); cursor: pointer; } header #app_burguer:hover { text-decoration: none; border-bottom: 0; } header #app_burguer #menu-icon .top { -webkit-transform: rotate(0deg) translateY(-13px); -ms-transform: rotate(0deg) translateY(-13px); transform: rotate(0deg) translateY(-13px); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header #app_burguer #menu-icon .middle { width: 36px; margin-left: 6px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header #app_burguer #menu-icon .bottom { -webkit-transform: rotate(0deg) translateY(13px); -ms-transform: rotate(0deg) translateY(13px); transform: rotate(0deg) translateY(13px); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header #app_burguer.open #menu-icon .top { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header #app_burguer.open #menu-icon .middle { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header #app_burguer.open #menu-icon .bottom { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #secondary_nav { display: none; } #the_access > div { padding-right: 0; border-right: 0; margin-right: 72px; } #the_access .the_button { display: none; } #header_principal.open #logo_wrapper a img { opacity: 0; } #header_principal.open #logo_wrapper a img#logo_inverse { opacity: 1; } #header_principal.open #menu-icon .path { background-color: var(--grayscale-20); } #header_principal.open #the_access li.qtranxs-lang-menu .sub-menu a:before { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #header_principal.open #the_access li.qtranxs-lang-menu .sub-menu a:before { color: var(--grayscale-20); } /* HEADER - Hero transparency */ header.sticky #header_principal { background: rgba(215, 223, 240, 0.7); backdrop-filter: blur(10px); } #header_principal.open { background-color: transparent; } /* HERO SECTION */ .service_card .card_content p { display: none !important; } .card_waves { width: 50%; } body.intro_dark header #menu-icon .path { background-color: var(--grayscale-white); } #hero_service_list { padding-top: 24px; } #hero_section, #hero_section.background_white { height: auto; max-height: initial; min-height: initial; } #P02_services #hero_section { padding-bottom: 30px; } #single_service #hero_section svg { top: -5%; width: 65%; right: -10%; } #single_service #hero_section svg#wave-03-integra { bottom: -5%; right: -30%; width: 86%; } /* HOMEPAGE */ #homepage > svg#wave-01-home-desktop { margin-top: -12%; } #home_service_list .service_card .card_content p { display: none; } .service_card, #ending_card_also { min-height: 280px; } .service_card { margin-bottom: 40px; } #service_hogar-conectado h3, #service_fibra-flex h3 { font-size: 28px; } #service_S04 .service_card, #service_S04 #ending_card_also { min-height: 340px; } #home_S02.background_dark { padding: 80px 0; } #home_S04 #game_wrapper { border-radius: 24px; } #home_S04 #game_image{ top: 0; right: -50px; } /* SERVICES */ #contact_card .card_content p { padding-right: 20px; } #contact_card .card_content h4.h2 { font-size: 32px; } .page-template-02-services #service_hogar-conectado.service_card { min-height: 206px; } .page-template-01-home #service_hogar-conectado.service_card, .page-template-01-home #service_fibra-flex.service_card { min-height: 280px; } .page-template-01-home #service_hogar-conectado .card_waves { background-position: calc(100% - -60px) 160px; width: 150%; } .page-template-02-services #service_hogar-conectado .card_waves { background-position: right 80%; width: 100%; } .page-template-02-services #service_hogar-conectado.service_card a.card_button, .page-template-02-services #service_fibra-flex.service_card a.card_button { left: initial; right: initial; bottom: 58px; } #service_hogar-conectado.service_card, #service_fibra-flex.service_card { min-height: 206px; } #service_fibra-flex .card_waves { width: 120%; opacity: .55; } .page-template-01-home #service_fibra-flex .card_waves { background-position: right 86%; width: 160%; } /* COVERAGE */ #blur_coverage p { margin-bottom: 16px; } #P05_content dd { font-size: 34px; } .coverage_results .icon_image { margin-top: -90px; margin-bottom: -40px; } #P04_coverage #S01_coverage_intro .coverage_image { margin-top: -10px; margin-bottom: 24px; } /* Our Network */ #section_svg { margin-top: -140px; } #P03_our_network #S02_our_network #map_image { width: 65%; right: -12%; } #P03_our_network #S03_our_network .row > div .network_card_content { min-height: 476px; } /* BLOG */ .post_excerpt p { font-size: 17px; } /* Our Company */ #P06_our_company #investors_card .investors_wave { width: 70%; top: 190px; right: -280px; } #S01_company .h3_hero, #service_S02 h2 { font-size: 36px; } body.page-template-06-our-company #header_principal { display: block; } #company_great_place #great_place_to_work_badge { width: 70%; } /* Team */ #P07_our_team #team_ticker > div { font-size: 128px; padding-left: 0.2em; } #gsap_card_list h3{ font-size: 22px; } #P10_we_have_arrived #numbers_card dl > div { margin-right: 110px; } #P10_we_have_arrived #benefits_S01 #ending_cards #ending_card_also { min-height: 320px; } /* We have arrived */ #P10_we_have_arrived #hero_section { padding-bottom: 310px; margin-bottom: -265px; } #P10_we_have_arrived #how_to_join_S02 .join_card > div { min-height: 310px; } #P10_we_have_arrived #how_to_join_S02 .join_card span { top: 24px; left: 24px; width: 48px; height: 48px; font-size: 28px; } /* FOOTER */ footer { padding-bottom: 30px; } #contact_us a { font-size: 42px; } #contact_us a img { width: 28px; margin-left: 10px; } br { display: none; } body.contacto br { display: block; } #card_list_background h2 br, #service_S01 h3 br { display: block; } #cinta_medir { max-width: 280px; } #sendgrid_form { align-items: flex-start; flex-direction: column; } #sendgrid_form h5 { padding-bottom: 16px; margin-bottom: 0; } #sendgrid_form { margin-top: 40px; } /* Linkable Module */ #linkable_card_waves:not(.cat_) { right: -1%; } #linkable_card_waves.cat_ { bottom: -10px; left: -10%; } /* Hogar Conectado */ body.hogar-conectado #service_S03 #S03_characteristics { padding: 50px; } /* ESG Page */ #P14_esg_page #S01_esg .card-col .esg_principle_card { height: initial; padding: 32px; } #P14_esg_page #S01_esg .card-col:not(:last-child) .esg_principle_card { margin-bottom: 30px; } #P14_esg_page #S02_esg .card-row div.card-col.module-full .esg_link_module { flex-direction: column; } #P14_esg_page #S02_esg .card-row div.card-col.module-full .esg_link_module .module_content { padding-right: 0; } #P14_esg_page #S02_esg .card-row div.card-col.module-full .esg_link_module .module_content p { margin-bottom: 1.2rem; } #P14_esg_page #S02_esg .esg_link_module .module_link a { width: fit-content; } #P14_esg_page #S02_esg div.card-col.module-full .esg_link_module .module_link a { margin-top: 12px; } #P14_esg_page #S02_esg #esg-waves { display: none; } /* XMAS 2024 */ #home_illustration #xmas_desktop { left: calc(50% + 320px); } #xmas_harp { left: calc(50% + 170px); } #xmas_harp { z-index: 10; } #harp_in_action { margin-bottom: -230px; } #home_illustration { /* margin-top: -260px; */ } /* #harp_in_action, #harp_in_action span#xmas_intro_sub { margin-bottom: 0; } */ #home_illustration #xmas_mobile { pointer-events: none; } #xmas_harp canvas { touch-action: manipulation; } #xmas_harp > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../img/default/sound-in.svg'); background-repeat: no-repeat; background-size: 52px; background-position: calc(50% - 20px) 50%; z-index: 99; pointer-events: none; } #harp_clicker { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: palegreen; opacity: 0.5; z-index: 999; touch-action: manipulation; display: none!important; } #home_illustration.clicked #xmas_harp > div { background-image: none; } #home_illustration.clicked #harp_clicker { display: none; } #harp_in_action span#xmas_intro_sub { margin-bottom: 0; } .page-template-iframes-sendgrid h1 br { display: block; } .page-template-iframes-sendgrid h1 span { display: inline-block; margin-top: 10px; font-size: 30px; } /* Work with us */ #P17_work_with_us #work_wave { background-position: -530%; } } @media (max-width: 992px) { .h2_hero { font-size: 46px; } /* HEADER */ #header_principal { padding: 0; } #app_burguer { top: 16px; right: var(--bootstrap-padding); height: 45px; width: 45px; } header #header_principal h1 { background-size: 230px; display: block; height: 100%; } nav#navigation > div { max-width: 720px; } nav#navigation > div > ul > li a { font-size: 1.2em; } nav#navigation > div > ul > li ul li a { font-size: 1.1em; } nav#navigation > div > ul > li ul { width: 100vw; } nav#navigation.open > div > ul > li ul.open { left: 0; } nav#navigation > div > ul li > ul > li { margin-right: auto; margin-left: auto; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; max-width: 720px; padding-left: var(--bootstrap-padding); padding-right: var(--bootstrap-padding); } nav#navigation .sub-menu li a, nav#navigation .sub-menu > li > .responsive_trigger { display: block; width: 100%; padding: 10px 0; } nav#navigation { background-position: left center, center; } /* HERO SECTION */ .background_dark h2:not(.tag) { margin-bottom: 0; } #hero_section.align-items-center, #hero_section.align-items-center > .container, #hero_section.align-items-center > .container > .row { height: auto; min-height: initial; max-height: initial; } #single_service #hero_section { padding-top: 60vw; padding-bottom: 60px; } .hogar-conectado #single_service #hero_section, .postid-2862 #single_service #hero_section { padding-top: 0; padding-bottom: 0; } .hogar-conectado #single_service #hero_section svg#houses_mobile, #single_service #hero_section svg#light_bulb_mobile { width: 100%; top: initial; bottom: initial; left: initial; right: initial; position: relative; margin-bottom: 40px; } .postid-2862 #hero_section > .container > .row > .col-12 { padding-bottom: 20px; } #light_bulb_wrapper { padding-top: 0 !important; } .hogar-conectado #hero_section > .container > .row > .col-12 { padding-bottom: 10px; } #P02_services #hero_section { padding-bottom: 40px; } #cinta_medir, #card_list_background h2 br, #service_S01 h3 br { display: none; } /* ILUSTRATIONS */ .mobile_illustration, .mobile_S01_illustration { display: block; } .desktop_illustration, .desktop_S01_illustration { display: none; } /* HOMEPAGE */ #homepage > svg#wave-01-home-mobile { margin-top: -20%; margin-bottom: -25%; position: relative; z-index: 0; } #homepage > svg#wave-01-home-mobile { margin-top: -20%; margin-bottom: -25%; position: relative; z-index: 0; } #intro_home svg#home_city_mobile { margin-top: -14vw; margin-bottom: 0px; } #intro_home #data_number .text-right { text-align: left; } #intro_home #data_number_ending_title #data_number { justify-content: flex-start !important; } #network_short_description { padding-top: 0; padding-bottom: 32px; } #home_S03 { padding-bottom: 40px; } #home_service_list .service_card { margin-bottom: 36px; } #home_service_list .service_card:last-child { margin-top: 24px; } section#home_S04 { padding: 70px 0 120px; } #home_S04 #game_wrapper::after { left: var(--bootstrap-padding); width: calc(100% - (var(--bootstrap-padding) * 2)); height: 100%; bottom: 0; top: initial; border-radius: 24px; background: linear-gradient(to bottom, var(--blue), transparent); } #home_S04 #game_content > div { padding-bottom: 0; } #home_S04 #game_image { position: relative; width: 100%; z-index: 9; height: 260px; right: 0; } #home_S04 #game_image img { position: absolute; right: 0; object-fit: contain; height: 330px; } #home_S05 .order-2, #company_S03 .order-2 { order: 3!important; text-align: left; } #home_S05 .order-3, #company_S03 .order-3 { order: 2!important; } /* SERVICES */ #contact_card { margin-bottom: 24px; } .ending_card { min-height: 380px; } .ending_card { padding: 20px; } #S01_illustration_tag { display: none; } #service_S03 #S03_characteristics #service_node_slider { margin-top: 32px; } .page-template-01-home #service_hogar-conectado .card_waves { background-position: calc(100% - -60px) 40px; width: 150%; } .page-template-02-services #service_hogar-conectado .card_waves { /* background-position: right calc(100% - 65px); */ width: 100%; } #service_hogar-conectado.service_card, #service_fibra-flex.service_card { min-height: 280px !important; } .page-template-02-services #service_hogar-conectado.service_card a.card_button, .page-template-02-services #service_fibra-flex.service_card a.card_button { bottom: 71px; } .page-template-01-home #service_hogar-conectado .card_waves { background-position: calc(100% - -80px) 140px; width: 150%; } /* Our Network */ #section_svg { margin-top: 0; } #P03_our_network #S01_ournetwork h3 { font-size: 34px; } #P03_our_network #S02_our_network { padding-top: 0; } #P03_our_network #S02_our_network #map_image { position: relative; right: -10%; width: 90%; margin-bottom: 50px; } #P03_our_network #S03_our_network { padding-bottom: 48px; } #P03_our_network #S03_our_network .row > div { margin-bottom: 32px; } #P03_our_network #S03_our_network .row > div:last-child { margin-bottom: 0; } #P03_our_network #S03_our_network .row > div .network_card_content { min-height: initial; } /* #P03_our_network #ending_module { padding: 365px 0 100px; margin-bottom: -20px; margin-top: -320px; border-radius: 24px 24px 0 0; } */ /* SINGLE SERVICE */ #service_S02 #card_list_background { padding-top: 30px; } #S03_technical_sheet_desktop { display: none; } #S03_technical_sheet_mobile { display: flex; margin-bottom: 0; } #service_S04 h2, #assoc_service_S02 h2 { padding-bottom: 24px; } #S01_illustration { margin-top: 24px; overflow: hidden; } /* Hogar conectado */ #data_operator .glass_card { margin-bottom: 32px; } /* COVERAGE */ #coverage_cards { padding-top: 50px; } #coverage_heading { /* padding: 24px; background: rgba(215, 223, 240, 0.4); backdrop-filter: blur(10px); border-radius: 20px; */ } #hero_coverage_wrapper { background: -moz-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: -webkit-linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); background: linear-gradient(130deg, var(--grayscale-80) 0%, var(--grayscale-90) 65%); border-radius: 0 0 36px 36px; padding-top: 120px; padding-bottom: 16px; position: relative; z-index: 9; } #map { position: relative; margin-top: -40px; margin-bottom: -40px; height: 590px; } #map_hero { height: auto; } #floating_search_coverage { position: relative; bottom: 0; background: var(--grayscale-40); } #map_hero .container { padding-top: 26px; padding-bottom: 32px; } #blur_coverage { background: transparent; backdrop-filter: blur(0); border-radius: 0; padding: 0; } #blur_coverage p { color: var(--grayscale-80); font-size: 18px; padding-right: 20%; } #coverage_page .coverage_results .icon_image img { margin-top: 0; } .coverage_results .icon_image { margin-top: 0; margin-bottom: 0; } #P04_coverage #S01_coverage_intro { padding-bottom: 180px; margin-bottom: -120px; border-radius: 0 0 24px 24px; } #P04_coverage #S01_coverage_intro .coverage_image { margin-top: 32px; margin-bottom: 44px; } #P04_coverage #S01_coverage_intro dl > div:last-child { margin-top: 12px; } #P04_coverage #arrived_module #dark_container { padding: 40px 36px 20px; border-radius: 24px; } #P04_coverage #arrived_module #arrived_wave { right: -100px; } /* ESG Page */ #P14_esg_page #hero_section #hero_svg { margin-top: 30px; } /* CONTACT */ #P05_content dl { margin-top: 0; } #monday_iframe, #sendgrid_iframe { margin-top: 32px; } /* BLOG */ #single_hero .responsive_image { margin-bottom: 30px; } /* Press Kit */ #section_blog #press_card #press_logo { display: none; } #section_blog #press_card a.the_button { margin: 22px 0 42px; } #section_blog #press_card a:last-child { font-size: 22px; } #section_blog #press_card { border-radius: 16px; padding: 36px; } /* Our Company */ #P06_our_company #hero_section #our_company_wave { background-image: url(../includes/waves/04-corporative-wave-mobile.svg); } #P06_our_company #hero_section #our_company_wave { width: 100%; } #P06_our_company #investors_card .investors_wave { top: 220px; right: -130px; } #P06_our_company #investors_card.background_dark h2:not(.tag) { margin-bottom: 16px; } #S01_company .h3_hero { padding-top: 0; } #P06_our_company #investors_card ul li { margin-bottom: 50px; } #company_great_place { padding-top: 380px; padding-bottom: 120px; } #company_great_place #great_place_to_work_badge { width: 18%; } #company_great_place h2 { text-align: center; } #company_great_place .numbers_container { justify-content: center; } #company_great_place .numbers_container * { text-align: center; } #company_great_place .badge_container { margin-right: 0; margin-bottom: 62px; } #company_great_place h2 { margin-bottom: 52px; } #company_great_place div > .place_number { margin-bottom: 32px; } /* Team */ #P07_our_team #team_ticker > div { font-size: 108px; } #P07_our_team #hero_section { padding-bottom: 40px; } #P07_our_team #card_slider_wrapper { padding: 50px 0 120px; } /* We Have Arrived */ #P10_we_have_arrived #hero_section { padding-top: 126px; } .arrived_houses_image svg:last-child{ margin: 20px 0; } #P10_we_have_arrived #numbers_card h4{ color: var(--grayscale-40); margin: 30px 0 30px; } #P10_we_have_arrived #numbers_card dl > div { margin-right: 53px; margin-bottom: 28px; } #P10_we_have_arrived #numbers_card .numbers_wave { top: 150px; right: -454px; width: 110%; } #P10_we_have_arrived #benefits_S01 h3 { padding-right: 0px; } #P10_we_have_arrived #how_to_join_S02 { margin-bottom: -80px; } #P10_we_have_arrived #how_to_join_S02 .join_card > div { min-height: 390px; } #P10_we_have_arrived #numbers_card dl { margin-top: 24px; margin-bottom: 0; } #how_to_join_S02 #S02_title { margin-bottom: 32px; } /* Sendgrid Forms */ .page-template-iframes-sendgrid { padding-bottom: 0; } .page-template-iframes-sendgrid h1, #newsletter-form h1 { font-size: 32px; } .page-template-iframes-sendgrid iframe { padding: 0px; margin-top: 0; } .page-template-iframes-sendgrid #P05_contact .row { padding-bottom: 80px; } .page-template-iframes-sendgrid #P05_contact { background: none; } .page-template-iframes-sendgrid #P05_contact #sendgrid_iframe { padding-top: 50px; margin-top: 0; } /* Newsletter Form */ #newsletter-form { min-height: 80vh; } #newsletter-form #background-wave { display: none; } /* Footer */ #contact_us a { font-size: 32px; display: inline-block; margin-top: 4px; } #contact_us a img { width: 24px; margin-left: 8px; } footer #footer_right #great_place_to_work_footer { margin-left: 20px; } footer #footer_right a { display: block; text-align: right; } footer #footer_right img { width: 80%; } ul.social_menu { text-align: left; margin-top: 20px; } #footer_legal .text-left, #subfooter ul, #footer_legal .text-right { text-align: left; } footer #footer_menu_list { margin-top: 40px; } #footer_newsletter { /* padding-top: 30px; */ } #legal_menu { padding-bottom: 30px; } #legal_menu .menu-legal-container #menu-item-2707{ padding-left: 0; } #footer_legal ul li { padding-bottom: 4px; } /* #legal_menu { padding-bottom: 20px; } */ footer #mc_embed_signup .h5 { margin-bottom: 4px; } /* Linkable Module */ #linkable_card_waves.cat_, #linkable_card_waves:not(.cat_) { left: initial; right: initial; bottom: initial; top: initial; margin-bottom: -20px; } #linkable_card_waves:not(.cat_), #linkable_card_waves.cat_ { position: relative; } #linkable_module .card_content { padding: 0 20px 32px 20px; border-left: 0; } #linkable_module #dark_container { padding: 0; } #wave_blending path, #wave_blending_mobile path { fill:none; stroke-width:3; } #wave_blending_mobile, #banner_blending_mobile { display: block; } #wave_blending, #banner_blending { display: none; } /* Private area */ #P11_private_general_conditions, #P12_private_annex, #P16_private_new_client { padding-bottom: 70px; } #P11_private_general_conditions h1, #P12_private_annex h1, #P16_private_new_client h1 { margin-bottom: 20px; } /* Menu */ #P11_private_general_conditions #private_menu, #P12_private_annex #private_menu, #P16_private_new_client #private_menu { padding-bottom: 0; margin-bottom: 32px; } #P11_private_general_conditions #private_menu > div, #P12_private_annex #private_menu > div, #P16_private_new_client #private_menu > div { position: static; border-radius: 12px; } /* Active */ #P11_private_general_conditions #private_menu ul li.current-menu-item a, #P12_private_annex #private_menu ul li.current-menu-item a, #P16_private_new_client #private_menu ul li.current-menu-item a { border-radius: 12px; } /* New Client */ #P16_private_new_client .new-client form p:not(:last-of-type) { width: 100%; } /* XMAS 2024 */ #xmas_intro.h1_hero { font-size: 32px; padding-right: 0; } #xmas_intro.h1_hero br { display: block; } #home_illustration #xmas_mobile { width: 760px; } #home_illustration #xmas_mobile { left: 50%; } #xmas_harp { left: calc(50% - 62px); } #home_illustration { margin-top: 10px; margin-bottom: -60px; } #harp_in_action, #harp_in_action span#xmas_intro_sub { margin-bottom: 0; } /* Template Investors */ #P15_investors .investor-card .investor-information { column-count: 1; column-gap: 0px; } #P15_investors #investors_intro #investors_logos { flex-wrap: wrap; } #P15_investors #investors_intro #investors_logos > a, #P15_investors #investors_intro #investors_logos > img { margin-bottom: 16px; } #P15_investors .investor-card > .investor-title { height: initial; flex-direction: column-reverse; align-items: flex-start; } #P15_investors .investor-card > .investor-title img { margin-bottom: 32px; } #P15_investors #macquarie_logo { top: 4px; width: 190px; } #P15_investors #arjun_logo { width: 140px; top: 3px; } #P15_investors #aberdeen_logo { width: 205px; bottom: 15px; } #P15_investors #investor_cards { padding-top: 0; } #P15_investors #investors_intro .investors_wave { right: -370px; } /* Work with us */ #P17_work_with_us #hero_section #hero_svg { margin-top: 0; } #P17_work_with_us #hero_section { padding-bottom: 40px; } #P17_work_with_us #S01_offers .job-offer h3 { -webkit-line-clamp: initial; } #P17_work_with_us #work_wave { background-position: 114% -130%; background-size: auto 122%; } /* Single Offer */ #P17_work_with_us section#offer_form form > p { width: 100%; margin-right: 0 !important; } #P19_faqs section { padding-top: 32px; } } @media (max-width: 768px) { /* GENERAL STYLES */ body { line-height: 1.2; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h1_hero, .h2_hero, .h3_hero { line-height: 1.05; } h1, .h1, .h1_hero { font-size: 32px; } h2, .h2, .h2_hero { font-size: 28px; } h3, .h3, .h3_hero { font-size: 26px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 22px; font-weight: var(--weight-medium); } h6, .h6 { font-size: 19px; font-weight: var(--weight-medium); } body .tag { margin-bottom: 7px; font-size: 15px; } .blockquote { font-size: 18px; line-height: 1.1; } /* HEADER */ #header_principal .row { text-align: left; } nav#navigation { right: -110%; width: 100%; } #app_burguer { right: var(--bootstrap-padding); } #the_access > div { margin-right: 64px; } nav#navigation { background-position: left bottom, center; top: calc(-100vh + -60px); height: calc(100vh + 60px); } /* SINGLE SERVICE */ #single_service #hero_section { padding-top: 70vw; padding-bottom: 40px; } #service_S01 { padding-top: 60px; } body.hogar-conectado #service_S01, body.postid-2862 #service_S01 { padding: 60px 0 40px; } .mobile_S01_illustration { margin-top: 24px; } .gsap_card { margin-bottom: 24px; } .gsap_card { padding: 26px 20px 8px 20px; margin-bottom: 24px; } #gsap_card_list { padding-top: 0; } #service_S03 #S03_characteristics { padding: 42px 24px 42px; border-radius: 24px; background-color: var(--grayscale-50); position: relative; z-index: 9; } #service_S03 #S03_characteristics .slider_container { padding-bottom: 70px; } #single_service #service_S03 > .container { padding: 0; } #characteristics_items li { padding: 12px 0 16px; } #service_S03 { padding-top: 0; } /* HOMEPAGE */ #homepage { padding-top: 110px; position: relative; overflow: hidden; } #intro_home { padding-bottom: 50px; } .data_number { margin-bottom: 0; } #intro_home #data_container .data_number { margin-top: 8px; } #intro_home #data_container .data_number:first-child { margin-top: 0; } #data_number .h1_hero { font-size: 50px; } #homepage > svg#wave-01-home-mobile { margin-bottom: -22%; } #intro_homepage.text-right { /* text-align: left; */ } #intro_homepage.h3 { font-size: 22px; } #intro_homepage { padding-bottom: 14px; } .data_number .h2_hero { font-size: 42px; } .data_number dt.h6 { margin-top: 4px; font-size: 15px; line-height: 1.25; } #intro_home svg#home_city_mobile { /* margin-top: -24vw; */ margin-top: -11vw; } #home_S02.background_dark { padding: 50px 0; } #service_hogar-conectado h3, #service_fibra-flex h3 { font-size: 24px; } #home_svg { overflow: hidden; } #home_S04 #game_image img { right: -60px; bottom: -10px; } #home_S04 #game_content > div { padding: 50px 50px 0; } /* HERO SECTION */ #hero_section { border-radius: 0 0 24px 24px; } /* OUR NETWORK */ #P03_our_network #S01_ournetwork h3 { font-size: 30px; } #P03_our_network #S01_ournetwork { padding: 90px 0; } #P03_our_network #S02_our_network { padding-bottom: 100px; } #P03_our_network #S02_our_network #map_image { margin-bottom: 32px; } #P03_our_network #S02_our_network #network_slider { margin-top: -50px; } #P03_our_network #S02_our_network .slider_container .swiper-pagination { bottom: 60px; } /* #P03_our_network #ending_module { padding: 310px 0 100px; margin-bottom: -20px; margin-top: -260px; } */ /* COVERAGE */ #floating_search_coverage { display: block; } #hero_coverage_wrapper { padding-top: 90px; padding-bottom: 0; border-radius: 0 0 24px 24px; } #map { height: 400px; } #blur_coverage p { padding-right: 0; } #blur_coverage input { margin-bottom: 12px; } .coverage_results .icon_image { overflow: hidden; } #coverage_page #network_form { padding: 30px 0; } #P04_coverage #S01_coverage_intro { padding: 100px 0 190px; margin-bottom: -150px; } #P04_coverage #S01_coverage_intro dl > div dd { font-size: 42px; } #P04_coverage #S01_coverage_intro dl > div { width: 100%; } #P04_coverage #S01_coverage_intro dl > div:last-child { margin-top: 0px; } #P04_coverage #S01_coverage_intro dl { margin-bottom: 16px; } #P04_coverage #arrived_module #dark_container { padding: 32px 20px 12px; } #P04_coverage #arrived_module #arrived_wave { background-image: url(../includes/waves/03-coverage-wave-mobile.svg); background-size: auto 152%; } #P04_coverage #arrived_module .row { margin-top: 102px; } /* BLOG */ .post_block { margin-bottom: 29px; border-bottom: 1px solid var(--grayscale-40); padding-bottom: 30px; } .post_block .responsive_image { margin-bottom: 10px; } .post_block .date { margin-top: 0; } .page-template-template-blog .date { margin-bottom: 0; } .service_card, #ending_card_also { min-height: 220px; padding: 20px; } #service_hogar-conectado.service_card, .page-template-01-home #service_hogar-conectado.service_card { min-height: 200px; display: flex; /* align-items: flex-end; */ } .page-template-02-services #service_hogar-conectado .card_waves { background-position: right 80% !important; } .page-template-02-services #service_hogar-conectado.service_card { /* margin-bottom: 10px; */ margin-top: 0; } .page-template-01-home #service_hogar-conectado.service_card .card_waves { background-position: calc(100% - -70px) 87px; width: 150%; } .page-template-02-services #service_hogar-conectado.service_card .card_waves { background-position: calc(100% - -70px) 20px; width: 150%; } .page-template-02-services #service_hogar-conectado .card_content { width: 80%; } .page-template-01-home #service_hogar-conectado.service_card a.card_button, .page-template-02-services #service_hogar-conectado.service_card a.card_button, .page-template-01-home #service_fibra-flex.service_card a.card_button, .page-template-02-services #service_fibra-flex.service_card a.card_button { left: 20px; /* top: 20px; */ bottom: 46px; } .page-template-02-services #service_fibra-flex .card_waves { background-position: right 78% !important; } a.card_button { width: 36px; height: 36px; bottom: 22px; left: 20px; } #home_service_list .service_card { margin-bottom: 24px; } #home_S03_buttons { display: block; } #service_S04 { border-radius: 24px 24px 0 0; padding-top: 340px; margin-top: -275px; } #service_S04 h2 { padding-bottom: 24px; } #service_S04 .service_card, #service_S04 #ending_card_also { min-height: 360px; } #ending_card_also p { padding-right: 0; } .post_title { overflow: initial; display: block; -webkit-line-clamp: none; -webkit-box-orient: none; height:auto; margin-bottom: 20px; } #home_S05 .order-2 .the_button, #company_S03 .order-2 .the_button { display: flex; width: auto; } #assoc_service_S02 { border-radius: 24px 24px 0 0; padding-top: 60px; } #optional_tagline { padding: 9px 10px 7px; } #optional_tagline h4 { font-size: 21px; } #assoc_service_S01 #card_list_background { padding-top: 60px; } /* BLOG */ #blog_select { text-align: left; } #blog_select select { max-width: initial; } #blog_select { margin-top: 12px; } #blog_heading h2, #blog_heading h1:not(.tag) { font-size: 42px; } #single_hero { border-radius: 0 0 16px 16px; } #single_content { padding-top: 30px; } /* Press Kit */ #section_blog #press_card a.the_button { margin: 22px 0 36px; } #section_blog #press_card a:last-child { font-size: 18px; } #section_blog #press_card { padding: 24px; } /* Footer */ .footer_mobile { display: flex; justify-content: center; align-items: center; margin: 40px 0 24px; } .footer_mobile img { margin-bottom: 0 !important; } #contact_us_FTTH, #great_place_to_work_footer { display: none; } .footer_mobile #mobile_FTTH { min-width: 110px; } #footer_logo img { margin: auto; display: block; margin-bottom: 30px; } #footer_menu_list, #mc_embed_signup { padding-top: 32px; } #footer_menu_list ul li { margin-bottom: 8px; line-height: 1.15; } ul.social_menu, #contact_us, #claim p, #footer_menu_list, #footer_menu_list ul, footer #mc_embed_signup .h5, #legal_menu ul, #footer_legal .text-right, #footer_legal ul { text-align: center; } ul.social_menu a, ul.social_menu li:last-child a { padding: 0 8px; } #contact_us p { font-size: 16px; } #contact_us a { margin-top: 4px; display: inline-block; font-size: 24px; } #footer_contact { padding-bottom: 36px; margin-bottom: 50px; } #sendgrid_form { align-items: center; } #sendgrid_form h5 { font-size: 22px; padding-right: 0; text-align: center; } #footer_legal .text-right { justify-content: center; } footer #sendgrid_form { align-items: center; margin-top: 24px; margin-bottom: 30px; } footer #sendgrid_form h5 { margin-top: 30px; } #footer_menu_list #menu-footer-menu { column-count: 1; column-gap: 0; } /* OUR COMPANY */ /* #P06_our_company #investors_card ul li #aberdeen_logo{ width: 90%; } */ #P06_our_company #investors_card ul li #aberdeen_logo { bottom: 0; } #P06_our_company #investors_card ul li #arjun_logo { width: 60%; min-width: 190px; } #S01_company .h3_hero, #service_S02 h2 { font-size: 28px; } #P06_our_company #S01_company .houses_image { margin: 40px 0 50px; } #P06_our_company #hero_section #logo_inverse { max-width: 220px; } #P06_our_company #hero_section #our_company_wave { height: 160%; } #P06_our_company #S02_card_list .gsap_card img { width: 32px; margin-bottom: 40px; } #P06_our_company #investors_card .investors_wave { top: 290px; width: 120%; right: -230px; } #P06_our_company #investors_card { padding: 50px 20px 0px; border-radius: 24px; margin-top: 0; } #P06_our_company #company_S03 { padding-top: 100px; margin-top: -40px; /* border-radius: 0; */ } #company_great_place dl dt.h3_hero { color: var(--blue) !important; -webkit-text-fill-color: initial !important; } #company_great_place div:first-child > dl dt.h3_hero, #company_great_place div:nth-child(2) > dl dt.h3_hero { color: var(--turquoise) !important; -webkit-text-fill-color: initial !important; } #company_great_place div:nth-child(3) > dl dt.h3_hero { background: -moz-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%) !important; background: -webkit-linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%) !important; background: linear-gradient(130deg, var(--turquoise) 0%, var(--blue) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } #company_great_place h2, #company_great_place dl dt.h3_hero { font-size: 36px; } #company_great_place dd { width: 80%; margin: auto; } #company_great_place div:not(:last-child) > .place_number { margin-bottom: 32px; } /* Team */ #P07_our_team #team_ticker > div { font-size: 88px; } #P07_our_team #hero_section { padding-bottom: 30px; } #P07_our_team #card_slider_wrapper { padding: 40px 0 110px; } /* We have arrived */ #P10_we_have_arrived #hero_section { padding-top: 106px; } #P10_we_have_arrived #numbers_card { padding: 50px 20px 0px; border-radius: 24px; margin-top: 0; } #P10_we_have_arrived #numbers_card .numbers_wave { top: 80px; width: 170%; right: -470px; } #P10_we_have_arrived #benefits_S01 #ending_cards #ending_card_also { min-height: 360px; } #P10_we_have_arrived #how_to_join_S02 { margin-top: 40px; padding-top: 60px; } #P10_we_have_arrived #how_to_join_S02 .join_card > div { min-height: initial; padding: 26px 20px 20px 20px; } #P10_we_have_arrived #numbers_card dl > div dd { font-size: 42px; } #P10_we_have_arrived #numbers_card dl > div { width: 100%; } #P10_we_have_arrived #numbers_card dl { margin-bottom: 16px; } #P10_we_have_arrived #how_to_join_S02 .join_card a.the_button { position: relative; bottom: initial; left: initial; margin-top: 32px; } #P10_we_have_arrived #benefits_S01 { padding-top: 60px; } /* FC Cookies */ #fc_cookies_card { width: calc(100% - 40px); } .fcc-the_button { width: 100%; } .fcc-the_button.filled { margin-bottom: 12px; } /* Private area */ /* General + Annex */ #P11_private_general_conditions .module-header, #P12_private_annex .module-header { display: block; padding: 18px 18px; } #P11_private_general_conditions .module-header a, #P12_private_annex .module-header a { margin: 16px 0 0; width: auto; } /* General area */ #P11_private_general_conditions .module-content, #P12_private_annex .module-content { padding: 20px 18px; } /* New Client */ #P16_private_new_client .new-client > div { padding: 40px 32px; } /* Tables */ #P11_private_general_conditions table tr td { display: block; width: 100%; padding: 8px 0; } #P11_private_general_conditions table tr td:first-child { display: block; width: 100%; padding: 24px 0 16px; } #P11_private_general_conditions table tr td:last-child { display: block; width: 100%; padding: 0 0 24px; } /* Newsletter Form */ #newsletter-form { min-height: 85vh; } /* Service Flex */ .postid-2862 #hero_section > .container > .row > .col-12 { padding-top: 150px; padding-bottom: 40px; } #service_hogar-conectado.service_card, #service_fibra-flex.service_card { min-height: 206px !important; } #service_fibra-flex .card_waves { width: 150%; } /* Investors Page */ #P15_investors .investor-card { padding: 32px; } #P15_investors #investors_logos #arjun_logo { margin-bottom: 24px; } #P15_investors h3 { font-size: 24px; } #P15_investors #investors_intro .investors_wave { width: 78%; top: -160px; right: -280px; } #P15_investors #investors_intro { padding-top: 16px; } /* Work with us */ #P17_work_with_us #hero_section { padding-top: 140px; } #P17_work_with_us #work_with_us_form #form_link_container h2 { max-width: 300px; } #P17_work_with_us #work_with_us_form #form_link_container { padding: 40px; /* justify-content: flex-start; */ min-height: 290px; } #P17_work_with_us #work_wave { background-position: -6% -30%; background-size: auto 122%; } #P17_work_with_us #work_with_us_form { top: -140px; } #P17_work_with_us #S01_offers { padding-bottom: 170px; padding-top: 100px; } #P17_work_with_us #company_great_place { padding-bottom: 80px; } /* Single Offer */ #P17_work_with_us.single-offer h2, #P17_work_with_us.form-page h2 { font-size: 28px; } #P17_work_with_us.single-offer h3 { font-size: 26px; } #P17_work_with_us.single-offer h4 { font-size: 24px; } #P17_work_with_us.single-offer h5 { font-size: 20px; } #P17_work_with_us.single-offer h6 { font-size: 18px; } #P17_work_with_us.single-offer #hero_section { padding-top: 20px; } /* General Conditions Popup */ #private_area_conditions #general_conditions_wrapper { padding: 32px 24px 36px; } #private_area_conditions #general_conditions_wrapper .h4 { width: 100%; font-size: 28px; } } @media (max-width: 480px) { /* Home */ #intro_home #data_container { flex-direction: column; align-items: flex-end; } #home_S04 #game_content > div { padding: 50px 32px 32px; } #home_S04 #game_image img { position: relative; right: 20px; bottom: 27px; } /* Single Service */ #service_S03 #S03_characteristics { padding: 32px 24px 32px; } /* Coverage */ #P04_coverage #S01_coverage_intro { padding: 80px 0 180px; } #P04_coverage #arrived_module #arrived_wave { background-size: auto 172%; right: -10%; } /* OUR NETWORK */ #P03_our_network #S01_ournetwork h3 { font-size: 28px; } /* Our Company */ #company_great_place { padding-top: 350px; padding-bottom: 85px; } #company_great_place #great_place_to_work_badge { width: 28%; } #company_great_place h2, #company_great_place dl dt.h3_hero { font-size: 28px; } #company_great_place dd { width: 100%; } /* Team */ #P07_our_team #team_ticker > div { font-size: 68px; } #P07_our_team #hero_section { padding-bottom: 20px; } #P07_our_team #card_slider_wrapper { padding: 30px 0 110px; } /* Services */ #service_S03 #S03_characteristics #service_node_slider .gsap_card dl { display: block; } #service_S03 #S03_characteristics #service_node_slider .gsap_card dl > div:first-child { margin-bottom: 12px; } #service_S03 #S03_characteristics #service_node_slider .gsap_card { margin-top: 0; } #service_S03 #S03_characteristics #service_node_slider .swiper-wrapper h5 { font-size: 21px; } /* Services */ .module-header h3.h5 { font-size: 20px; } #sendgrid_iframe .wpcf7-response-output { width: 100%; } .page-template-02-services #service_hogar-conectado.service_card .card_waves, .page-template-01-home #service_hogar-conectado.service_card .card_waves { background-position: calc(100% - -30px) 115px; width: 150%; } #service_hogar-conectado h3 br { display: block; } .service_card { margin-bottom: 24px !important; } .hogar-conectado #single_service #hero_section svg#houses_mobile { margin-bottom: 24px; } .hogar-conectado #hero_section > .container > .row > .col-12 { padding-top: 130px; } .page-template-02-services #service_fibra-flex .card_waves { background-position: right 85% !important; } #card_list_background h2 br, #service_S01 h3 br { display: block; } body.hogar-conectado #service_S03 #S03_characteristics, body.postid-2862 #service_S03 #S03_characteristics { padding: 55px 30px; } /* Default Downloads */ #default-downloads.default-page #download-module #downloads-list > .item-container .download-side p { display: none; } #default-downloads.default-page #download-module #downloads-list .download-side { margin-left: 16px; } /* ESG Page */ #P14_esg_page #S01_esg .card-col .esg_principle_card, #P14_esg_page #S02_esg .card-col .esg_link_module { padding: 24px; } /* Investors Page */ #P15_investors .investor-card { padding: 24px; } #P15_investors #investors_intro .investors_wave { width: 78%; top: -140px; right: -80px; } /* Private */ /* New Client */ #P16_private_new_client .new-client > div { padding: 40px 24px; } /* Work with us */ #P17_work_with_us #work_with_us_form #form_link_container { padding: 30px; border-radius: 24px; } #P17_work_with_us #work_with_us_form #form_link_container h2 { max-width: 290px; } #P17_work_with_us #work_with_us_form #form_link_container { min-height: 260px; } #P17_work_with_us #work_wave { background-position: -54% -30%; } /* Single Offer */ #P17_work_with_us.single-offer #offer_buttons { flex-direction: column; margin-top: 16px; margin-bottom: 24px; } #P17_work_with_us.single-offer #offer_buttons #linkedin_button { margin: 0; } #P17_work_with_us.single-offer > section#offer_description { padding-bottom: 50px; } #P17_work_with_us section#offer_form { padding-top: 60px !important; padding-bottom: 116px !important; } #P17_work_with_us .wpcf7-acceptance label input { position: relative !important; top: 2px; } #P19_faqs #faqs_questions_subjects { padding: 12px; } } @media (max-width: 370px) { #P17_work_with_us #work_wave { background-position: 26% -30%; } } /* =========================== ANIMATED WAVES =========================== */ #single_service #hero_section svg { position: absolute; z-index: 0; } #single_service #hero_section svg#wave-02-impulsa { /* top: -18%; right: 10%; width: 40%; */ top: -51%; right: -7%; width: 50%; } #single_service #hero_section svg#wave-03-integra { bottom: -45%; right: -12%; width: 60%; } #single_service #hero_section svg#houses_desktop, #single_service #hero_section svg#light_bulb_desktop { top: initial; left: initial; bottom: 60px; right: 0; width: 100%; } #single_service #hero_section svg#light_bulb_desktop { bottom: 20px; } #light_bulb_wrapper { padding-top: 50px; } #single_service #hero_section svg#houses_desktop .st0, #single_service #hero_section svg#houses_mobile .st0, #single_service #hero_section svg#light_bulb_desktop .st0, #single_service #hero_section svg#light_bulb_mobile .st0 { opacity: 0.5; } @media (max-width: 2200px) { #single_service #hero_section svg#wave-02-impulsa { /* top: -10%; */ top: -36%; } #single_service #hero_section svg#wave-03-integra { bottom: -33%; } } @media (max-width: 1900px) { #single_service #hero_section svg#wave-02-impulsa { /* top: -8%; width: 45%; right: 7%; */ top: -31%; width: 58%; right: -11%; } #single_service #hero_section svg#wave-03-integra { bottom: -35%; right: -18%; width: 70%; } } @media (max-width: 1700px) { #homepage svg#home_city_desktop { margin-top: -25%; } #single_service #hero_section svg#wave-02-impulsa { /* top: -5%; width: 50%; right: 2%; */ top: -23%; } #single_service #hero_section svg#wave-03-integra { bottom: -28%; right: -20%; width: 75%; } } @media (max-width: 1500px) { #single_service #hero_section svg#wave-02-impulsa { /* top: -4%; width: 45%; right: 4%; */ top: -16%; width: 62%; right: -12%; } #single_service #hero_section svg#wave-03-integra { top: initial; bottom: -33%; right: -20%; width: 75%; } } @media (max-width: 1400px) { #single_service #hero_section svg#wave-02-impulsa { /* top: -3%; width: 48%; right: 2%; */ top: -8%; width: 61%; right: -15%; } #single_service #hero_section svg#light_bulb_desktop { bottom: 24px; } #light_bulb_wrapper { padding-top: 30px; } } @media (max-width: 1300px) { #single_service #hero_section svg#wave-02-impulsa { /* top: -3%; width: 50%; right: 2%; */ top: -5%; width: 65%; right: -16%; } #single_service #hero_section svg#wave-03-integra { bottom: -26%; right: -25%; width: 80%; } } @media (max-width: 1100px) { #single_service #hero_section svg#wave-02-impulsa { top: -3%; width: 63%; right: -15%; } #single_service #hero_section svg#wave-03-integra { bottom: -16%; right: -30%; width: 84%; } } @media (max-width: 992px) { #single_service #hero_section svg#wave-02-impulsa, #single_service #hero_section svg#wave-03-integra { left: initial; bottom: initial; } #single_service #hero_section svg#wave-02-impulsa { top: -30vw; right: -16%; width: 85%; } #single_service #hero_section svg#wave-03-integra { top: -36vw; width: 120%; right: -20%; } } @media (max-width: 765px) { #single_service #hero_section { padding-top: 90vw; padding-bottom: 40px; overflow: hidden; } #single_service #hero_section svg#wave-02-impulsa { top: -30vw; right: -22%; width: 108%; } #single_service #hero_section svg#wave-03-integra { top: -34vw; width: 150%; right: -30%; } } /* =========================== ILLUSTRATIONS =========================== */ #homepage svg#home_city_desktop { margin-top: -16vw; margin-bottom: 40px; } .desktop_illustration path, .rocket-illustration path { fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-width: 2; } .desktop_illustration .st0, .rocket-illustration .st0 { stroke: var(--grayscale-30); } /* #xmas_desktop .st1, */ #speed_train_desktop .st1, #esg_desktop .st1, #home_city_desktop .st1, #speed_train_home .st1, #impulsa_home_desktop .st1, #integra_home_desktop .st1, #mobile_service_desktop .st1, #search_city_desktop .st1, #pencils_desktop .st1 { stroke-dasharray: 5500; stroke-dashoffset:0; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; animation-duration: 20s; animation-name: drawing_line; } #pencils_desktop .st1 { animation-name: drawing_line_05; } #xmas_desktop .st1 { animation-duration: 15s; } #coverage_yes #search_city_desktop .st1, #coverage_yes #search_city_mobile .st1 { stroke: #40BBBF; } #coverage_soon #search_city_desktop .st1, #coverage_soon #search_city_mobile .st1 { stroke: #FF8C77; } #coverage_no #search_city_desktop .st1, #coverage_no #search_city_mobile .st1 { stroke: #98A1BB; } #mobile_service_desktop .st1 { stroke-dasharray: 3600; animation-duration: 15s; animation-name: drawing_line_02; } #rocket_desktop .st1 { stroke-dasharray: 3400; animation-duration: 16s; animation-name: drawing_line_04; animation-timing-function: linear; animation-iteration-count: infinite; } #rocket_desktop #rocker-line-3-desktop-color, #rocket_desktop #rocker-line-2-desktop-color, #rocket_desktop #rocker-line-1-desktop-color { stroke-dashoffset: 160; stroke-dasharray: 160; animation-duration: 16s; animation-name: rocket_lines; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; stroke: #1B589D; } #rocket_desktop #rocker-circle-desktop-color { stroke-dashoffset: 160; stroke-dasharray: 160; animation-duration: 16s; animation-name: rocket_circle; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; stroke: #1B589D; } #corporative_houses_desktop .st1, #P10_we_have_arrived #houses_desktop .st1, #P04_coverage #houses_desktop .st1 { stroke-dasharray: 5600; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; animation-duration: 25s; animation-name: drawing_line_03; } #light_bulb_desktop .st1 { stroke-dasharray: 3600; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; animation-duration: 16s; animation-name: drawing_line_02; } /* #houses_desktop .st1 { animation-duration: 32s; } */ @keyframes drawing_line { 0% { stroke-dashoffset: 5500; } 100% { stroke-dashoffset:-5500; } } @keyframes drawing_line_02 { 0% { stroke-dashoffset: 3600; } 100% { stroke-dashoffset:-3600; } } @keyframes drawing_line_03 { 0% { stroke-dashoffset: 5600; } 100% { stroke-dashoffset:-5600; } } @keyframes drawing_line_04 { 0% { stroke-dashoffset: 3400; } 100% { stroke-dashoffset:-3400; } } @keyframes drawing_line_05 { 0% { stroke-dashoffset: -5500; } 100% { stroke-dashoffset: 5500; } } @keyframes rocket_lines { 0%{ stroke-dashoffset: 160; }30%{ stroke-dashoffset: 160; }40%{ stroke-dashoffset: 0; }70%{ stroke-dashoffset: 0; }80%{ stroke-dashoffset: -160; }100%{ stroke-dashoffset: -160; } } @keyframes rocket_circle { 0%{ stroke-dashoffset: 160; }30%{ stroke-dashoffset: 160; }33%{ stroke-dashoffset: 0; }70%{ stroke-dashoffset: 0; }73%{ stroke-dashoffset: -160; }100% { stroke-dashoffset: -160; } } @media (max-width: 992px) { .mobile_illustration path { fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .mobile_illustration .st0 { stroke:#D7DFF0; } /* #xmas_mobile .st1, */ #speed_train_mobile .st1, #esg_mobile .st1, #home_city_mobile .st1, #S01_illustration .st1, #mobile_service_mobile .st1, #search_city_mobile .st1, #P06_our_company #houses_mobile .st1, #P10_we_have_arrived #houses_mobile .st1, #P04_coverage #houses_mobile .st1, #light_bulb_mobile .st1, #pencils_mobile .st1 { stroke-dasharray: 2300; stroke-dashoffset:0; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; animation-duration: 20s; animation-name: drawing_line_mobile; } #pencils_mobile .st1 { animation-name: drawing_line_mobile_03; } #rocket_mobile .st1 { stroke-dasharray: 1150; stroke-dashoffset: 1150; animation-duration: 10s; animation-name: drawing_line_04_mobile; animation-timing-function: linear; animation-iteration-count: infinite; } #rocket_mobile #rocker-line-3-mobile-color, #rocket_mobile #rocker-line-2-mobile-color, #rocket_mobile #rocker-line-1-mobile-color { stroke-dashoffset: 160; stroke-dasharray: 160; animation-duration: 10s; animation-name: rocket_lines_mobile; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; stroke: #1079A3; } #rocket_mobile #rocker-circle-mobile-color { stroke-dashoffset: 160; stroke-dasharray: 160; animation-duration: 10s; animation-name: rocket_circle_mobile; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; stroke: #1079A3; } #xmas_mobile #strings { display: none; } #xmas_mobile .st1 { animation-duration: 15s; } /* #home_illustration { padding-top: 40px; margin-bottom: -40px; } */ #mobile_service_mobile .st1 { stroke-dasharray: 1500; animation-name: drawing_line_mobile_02; } @keyframes drawing_line_mobile { 0% { stroke-dashoffset: 2300; } 100% { stroke-dashoffset:-2300; } } @keyframes drawing_line_mobile_02 { 0% { stroke-dashoffset: 1500; } 100% { stroke-dashoffset:-1500; } } @keyframes drawing_line_mobile_03 { 0% { stroke-dashoffset: -2300; } 100% { stroke-dashoffset: 2300; } } @keyframes drawing_line_04_mobile { 0% { stroke-dashoffset: 1150; } 100% { stroke-dashoffset:-1150; } } @keyframes rocket_lines_mobile { 0%{ stroke-dashoffset: 160; }30%{ stroke-dashoffset: 160; }50%{ stroke-dashoffset: 0; }70%{ stroke-dashoffset: 0; }90%{ stroke-dashoffset: -160; }100%{ stroke-dashoffset: -160; } } @keyframes rocket_circle_mobile { 0%{ stroke-dashoffset: 160; }30%{ stroke-dashoffset: 160; }36%{ stroke-dashoffset: 0; }70%{ stroke-dashoffset: 0; }76%{ stroke-dashoffset: -160; }100% { stroke-dashoffset: -160; } } } @media (max-width: 1800px) { .desktop_illustration path { stroke-width: 2.5; } } @media (max-width: 1400px) { .desktop_illustration path { stroke-width: 3; } } @media (max-width: 765px) { .mobile_illustration path { stroke-width: 1.7; } #hero_svg, #section_svg { width: 100%; overflow: hidden; } #section_svg { padding-top: 24px; } .mobile_illustration { width: 120vw; position: relative; left: -10vw; } #S01_illustration .mobile_illustration { width: 110vw; left: -5vw; } #home_city_mobile { width: 100%; left: 0; } #hero_section.background_white { padding-bottom: 50px; } }