@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@font-face {
font-family: "la-brands-400";
src: url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/la-brands-400.woff2) format("woff2"), url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/la-brands-400.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "la-solid-900";
src: url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/la-solid-900.woff2) format("woff2"), url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/la-solid-900.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Integral CF";
src: url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/IntegralCF-Regular.woff2) format("woff2"), url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/IntegralCF-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Integral CF";
src: url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/IntegralCF-Bold.woff2) format("woff2"), url(//electricidadlexma.com/wp-content/themes/lexma-theme/fonts/IntegralCF-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}    html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 16px;
}
b, strong {
font-weight: bold;
}
em, i {
font-style: italic;
}
a {
outline: none;
}
.mayus {
text-transform: uppercase;
}
.fullwidth {
width: 100%;
float: left;
}
.boxsizing, .container, .box-sizing {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container {
width: 100%;
max-width: 1620px;
margin: 0 auto;
padding: 0 20px;
}
.container:before {
content: "";
display: table;
pointer-events: none;
}
.container:after {
content: "";
display: table;
pointer-events: none;
clear: both;
}
.clearer, .clear {
clear: both;
}
table {
width: 100%;
}
.myIframe {
height: 0;
position: relative;
margin: 0 0 20px;
padding-bottom: 56.25%;
overflow: hidden;
}
.myIframe iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
}
.input, input[type=email], input[type=tel], input[type=text], textarea {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.button, button, input[type=submit] {
overflow: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
button, input[type=submit] {
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.inline {
display: none;
}
.columns {
width: 100%;
float: left;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.columns img {
max-width: 100%;
height: auto;
}
.columns.no-padding {
padding: 0;
}
.no-left {
padding: 0 40px 0 0;
}
.no-right {
padding: 0 0 0 40px;
}
.small-1 {
width: 8.33%;
}
.small-2 {
width: 16.66%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.33%;
}
.small-5 {
width: 41.66%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.33%;
}
.small-8 {
width: 66.66%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.33%;
}
.small-11 {
width: 91.66%;
}
.small-12 {
width: 100%;
}
@media screen and (min-width: 768px) {
.medium-1 {
width: 8.33%;
}
.medium-2 {
width: 16.66%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.33%;
}
.medium-5 {
width: 41.66%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.33%;
}
.medium-8 {
width: 66.66%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.33%;
}
.medium-11 {
width: 91.66%;
}
.medium-12 {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.large-1 {
width: 8.33%;
}
.large-2 {
width: 16.66%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.33%;
}
.large-5 {
width: 41.66%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.33%;
}
.large-8 {
width: 66.66%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.33%;
}
.large-11 {
width: 91.66%;
}
.large-12 {
width: 100%;
} }  ::-webkit-input-placeholder { color: rgb(255, 255, 255);
opacity: 1;
}
::-moz-placeholder { color: rgb(255, 255, 255);
opacity: 1;
}
:-ms-input-placeholder { color: rgb(255, 255, 255);
opacity: 1;
}
:-moz-placeholder { color: rgb(255, 255, 255);
opacity: 1;
}
*::-moz-selection {
background-color: white;
color: #F17C38;
}
*::selection {
background-color: white;
color: #F17C38;
}
body {
background-color: #C7DBDA;
font-family: "Poppins", "Integral CF", sans-serif;
font-size: 16px;
font-weight: 400;
font-size: clamp(12px, 0.833vw, 16px); color: #012F39;
}
@media screen and (min-width: 1921px) {
body {
font-size: 16px;
}
}
@media screen and (max-width: 1300px) {
body {
font-size: 12px;
}
}
.columns {
padding: 0 0.5em;
}
@media screen and (max-width: 1300px) {
.columns {
padding: 0 10px;
}
}
.container {
max-width: 108em; padding: 0;
}
@media screen and (max-width: 1300px) {
.container {
max-width: 95%;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 1200px) {
.container {
max-width: 100%;
}
}
.container:before, .container:after {
content: none;
}
.center {
text-align: center;
}
strong, b {
font-weight: 700;
}
a {
text-decoration: underline;
color: #F17C38;
}
h1, h2, h3, h4, h5 {
font-weight: 600;
}
#detach-button-host {
display: none;
}
.invisible {
display: none;
} #header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: fixed;
top: 0;
z-index: 4;
margin: 0;
padding: 3.375em 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
color: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
@media screen and (max-width: 1300px) {
#header {
padding: 3em 0;
}
}
@media screen and (max-width: 1023px) {
#header {
padding: 2.25em 0;
}
}
@media screen and (max-width: 767px) {
#header {
padding: 1.75em 0;
}
}
#header.active.colored, #header.active.not-sticky {
background-color: #012F39;
color: white;
-webkit-transform: none;
transform: none;
}
#header.colored {
padding: 2em 0 1.625em;
border-bottom: thin solid white;
background-color: #012F39;
color: white;
}
@media screen and (max-width: 767px) {
#header.colored {
padding: 1.5em 0 1.125em;
}
}
#header.colored #logo {
max-width: 14.75em;
}
@media screen and (max-width: 1300px) {
#header.colored #logo {
max-width: 14em;
}
}
@media screen and (max-width: 1023px) {
#header.colored #logo {
max-width: 12em;
}
}
@media screen and (max-width: 767px) {
#header.colored #logo {
max-width: 10.5em;
}
}
#header.colored #logo svg {
fill: #F17C38;
}
#header.colored .language-switchers {
margin-bottom: 0.25em;
}
#header.colored #dropdown-burger {
margin-bottom: 0.125em;
}
@media screen and (max-width: 1023px) {
#header.colored #dropdown-burger {
margin-top: -1px;
}
}
#header.colored #burger {
margin-bottom: 0.125em;
}
#header.not-sticky {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
#header.not-sticky.sticky {
-webkit-transform: translateY(0);
transform: translateY(0);
}
#header.active #dropdown-burger {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#header.active #burger .linea {
position: relative;
}
#header.active #burger .linea:first-child {
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
#header.active #burger .linea:first-child {
top: 7px;
}
}
#header.active #burger .linea:last-child {
top: -8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 1023px) {
#header.active #burger .linea:last-child {
top: -7px;
}
}
#header.active #burger .linea:not(:first-child):not(:last-child) {
opacity: 0;
}
#header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .container .columns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
#header .language-switchers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 2.75em;
padding: 0;
font-size: 1.25em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
@media screen and (max-width: 1400px) {
#header .language-switchers {
margin: 0 0 0 6.75em;
}
}
@media screen and (max-width: 1300px) {
#header .language-switchers {
margin: 0 0 0 4em;
font-size: 1.125em;
}
}
@media screen and (max-width: 1200px) {
#header .language-switchers {
margin: 0 0 0 5.5em;
}
}
@media screen and (max-width: 1023px) {
#header .language-switchers {
margin: 0;
}
}
#header .language-switchers li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
}
#header .language-switchers li.activo a {
font-weight: 700;
}
#header .language-switchers li:last-child:after {
content: none;
}
#header .language-switchers li:after {
content: "|";
display: inline-block;
margin: 0 0.25em;
}
#header .language-switchers a {
color: white;
}
#header #burger {
width: 26px;
height: 18px;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 1.5em 0 auto;
font-size: 1.125em;
cursor: pointer; }
@media screen and (max-width: 1023px) {
#header #burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 22px;
height: 16px;
margin: 0 0 0 auto;
}
}
#header #burger .linea {
width: 100%;
height: 2px;
display: block;
background-color: white;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
#header #dropdown-burger {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
#header #dropdown-burger {
width: 100%;
max-width: 160px;
max-height: calc(100vh - 115px);
max-height: calc(100svh - 115px);
position: absolute;
top: 100%;
right: 8px;
margin-top: -10px;
padding: 12px 0;
border: thin solid #012F39;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
@media screen and (max-width: 767px) {
#header #dropdown-burger {
right: 0;
}
}
#header #dropdown-burger > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 2.75em 0 0;
font-size: 1.25em;
}
@media screen and (max-width: 1400px) {
#header #dropdown-burger > ul {
margin: 0 6.75em 0 0;
}
}
@media screen and (max-width: 1300px) {
#header #dropdown-burger > ul {
margin: 0 4em 0 0;
font-size: 1.125em;
}
}
@media screen and (max-width: 1200px) {
#header #dropdown-burger > ul {
margin: 0 5.5em 0 0;
}
}
@media screen and (max-width: 1023px) {
#header #dropdown-burger > ul {
margin: 0;
}
}
#header #dropdown-burger > ul > li {
display: inline-block;
position: relative;
margin: 0 1.25em 0 0;
}
@media screen and (max-width: 1023px) {
#header #dropdown-burger > ul > li {
width: 100%;
position: static;
margin: 5px 0;
padding: 0 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#header #dropdown-burger > ul > li:last-child {
margin: 0;
}
@media screen and (max-width: 1023px) {
#header #dropdown-burger > ul > li:last-child {
margin: 5px 0;
}
}
#header #dropdown-burger > ul > li > a {
display: inline-block;
font-family: "Integral CF", "Poppins", sans-serif;
font-weight: 700;
}
@media screen and (max-width: 1023px) {
#header #dropdown-burger > ul > li > a {
color: #012F39;
}
}
#header a {
text-decoration: none;
color: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#header #logo {
width: 100%;
max-width: 17.75em;
display: inline-block;
position: relative;
margin: 0 auto;
}
@media screen and (max-width: 1300px) {
#header #logo {
max-width: 16em;
}
}
@media screen and (max-width: 1023px) {
#header #logo {
max-width: 12em;
}
}
@media screen and (max-width: 767px) {
#header #logo {
max-width: 10.5em;
}
}
#header #logo img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
#header #logo svg {
width: 100%;
height: auto;
display: block;
fill: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#header #logo svg .isotipo {
moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#header .large-3 .cta {
white-space: nowrap;
}
@media screen and (max-width: 1023px) {
#header .large-3 .cta {
display: none;
}
} #footer {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 7.5em 0 7.875em;
background-color: #012F39;
color: white;
}
@media screen and (max-width: 1300px) {
#footer {
padding: 7.25em 0 7.375em;
}
}
@media screen and (max-width: 1023px) {
#footer {
padding: 6.25em 0 6.5em;
}
}
@media screen and (max-width: 767px) {
#footer {
padding: 4em 0 3em;
}
}
#footer:before {
content: "";
width: 0;
height: auto;
display: inline-block;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
padding-right: 8.1875em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/contacto-2-after.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
@media screen and (max-width: 1023px) {
#footer:before {
left: 35%;
}
}
@media screen and (max-width: 767px) {
#footer:before {
content: none;
}
}
#footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 1;
}
#footer .container.kit_digital {
margin-top: 5.25em;
}
@media screen and (max-width: 1300px) {
#footer .container.kit_digital {
margin-top: 5em;
}
}
@media screen and (max-width: 1023px) {
#footer .container.kit_digital {
margin-top: 4.5em;
}
}
@media screen and (max-width: 767px) {
#footer .container.kit_digital {
margin-top: 3em;
}
}
#footer .container.kit_digital .columns {
max-width: 42.625em;
margin-left: 8.33%;
}
@media screen and (max-width: 1023px) {
#footer .container.kit_digital .columns {
margin-left: 0;
}
}
#footer .container.kit_digital img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
#footer .columns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#footer .columns.logo-wrapper, #footer .columns.infos, #footer .columns.legal {
margin-left: 8.33%;
}
@media screen and (max-width: 1023px) {
#footer .columns.logo-wrapper, #footer .columns.infos, #footer .columns.legal {
margin-left: 0;
}
}
#footer .nav-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
#footer .nav-wrapper #nav-pie {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#footer .nav-wrapper #nav-pie > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 2.75em 0 0;
font-size: 1.25em;
}
@media screen and (max-width: 1400px) {
#footer .nav-wrapper #nav-pie > ul {
margin: 0 6.75em 0 0;
}
}
@media screen and (max-width: 1300px) {
#footer .nav-wrapper #nav-pie > ul {
margin: 0 4em 0 0;
font-size: 1.125em;
}
}
@media screen and (max-width: 1200px) {
#footer .nav-wrapper #nav-pie > ul {
margin: 0 5.5em 0 0;
}
}
@media screen and (max-width: 1023px) {
#footer .nav-wrapper #nav-pie > ul {
margin: 0 4.5em 0 0;
}
}
@media screen and (max-width: 767px) {
#footer .nav-wrapper #nav-pie > ul {
margin: 0;
font-size: 1em;
}
}
#footer .nav-wrapper #nav-pie > ul > li {
display: inline-block;
position: relative;
margin: 0 1.25em 0 0;
}
#footer .nav-wrapper #nav-pie > ul > li:last-child {
margin: 0;
}
#footer .nav-wrapper #nav-pie > ul > li > a {
display: inline-block;
font-family: "Integral CF", "Poppins", sans-serif;
font-weight: 700;
}
#footer #logo-pie {
width: 100%;
max-width: 15.25em;
display: inline-block;
position: relative;
margin: 0;
}
@media screen and (max-width: 1300px) {
#footer #logo-pie {
max-width: 14em;
}
}
@media screen and (max-width: 1023px) {
#footer #logo-pie {
max-width: 12em;
}
}
@media screen and (max-width: 767px) {
#footer #logo-pie {
max-width: 10.5em;
}
}
#footer #logo-pie img {
width: 100%;
max-width: none;
height: auto;
display: block;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#footer #logo-pie img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
#footer #logo-pie svg {
width: 100%;
height: auto;
display: block;
fill: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#footer #logo-pie svg .isotipo {
moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#footer .infos {
margin-top: 6.125em;
margin-bottom: 1.75em;
}
@media screen and (max-width: 1300px) {
#footer .infos {
margin-top: 5.875em;
}
}
@media screen and (max-width: 1023px) {
#footer .infos {
margin-top: 4.5em;
}
}
@media screen and (max-width: 767px) {
#footer .infos {
margin-top: 2.5em;
}
}
#footer .infos ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 1.25em;
font-weight: 700;
letter-spacing: 0.03em;
}
@media screen and (max-width: 1300px) {
#footer .infos ul {
font-size: 1.125em;
}
}
@media screen and (max-width: 767px) {
#footer .infos ul {
font-size: 1em;
}
}
#footer .infos ul li {
display: inline-block;
margin-bottom: 0.45em;
}
#footer .infos ul li:last-child {
margin-bottom: 0;
}
#footer .infos a {
color: #F17C38;
}
#footer .infos a:hover {
color: #C7DBDA;
}
#footer .legal {
-ms-flex-item-align: end;
align-self: flex-end;
}
@media screen and (max-width: 767px) {
#footer .legal {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
#footer .legal > ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 0.555em;
font-size: 1.125em;
line-height: 122.22%;
}
@media screen and (max-width: 1300px) {
#footer .legal > ul {
font-size: 1em;
}
}
@media screen and (max-width: 767px) {
#footer .legal > ul {
font-size: 0.875em;
}
}
#footer .legal > ul li {
display: inline-block;
margin: 0;
}
#footer .legal a {
color: #C7DBDA;
}
#footer .legal a:hover {
color: white;
}
#footer .isotipo-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
#footer .isotipo-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 1.75em;
}
}
#footer .isotipo-wrapper .titulo-1 {
max-width: 6.708em;
}
#footer .isotipo-wrapper .isotipo {
width: 6.25em;
height: auto;
display: inline-block;
position: relative;
bottom: -3em;
margin: 0 0 0 -0.625em;
fill: #F17C38;
}
@media screen and (max-width: 1300px) {
#footer .isotipo-wrapper .isotipo {
font-size: 0.944em;
}
}
@media screen and (max-width: 1023px) {
#footer .isotipo-wrapper .isotipo {
font-size: 0.888em;
}
}
@media screen and (max-width: 767px) {
#footer .isotipo-wrapper .isotipo {
font-size: 0.638em;
}
}
#footer a {
color: white;
text-decoration: none;
moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#footer a:hover {
color: #C7DBDA;
} #scrollable-anclas {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
} #anclas-landing {
width: 100%;
height: 100vh;
height: 100svh;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: sticky;
top: 0;
left: 0;
z-index: 3;
padding-left: 2.375em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none;
}
@media screen and (max-width: 1300px) {
#anclas-landing {
padding-left: 2em;
}
}
@media screen and (max-width: 1023px) {
#anclas-landing {
display: none;
}
}
#anclas-landing + #cabecera {
margin-top: -100vh;
margin-top: -100svh;
}
@media screen and (max-width: 1023px) {
#anclas-landing + #cabecera {
margin-top: 0;
}
}
#anclas-landing ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.125em;
font-style: italic;
text-transform: uppercase;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: mixed;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
pointer-events: auto;
}
@media screen and (max-width: 1300px) {
#anclas-landing ul {
font-size: 1em;
}
}
#anclas-landing ul.color a {
color: #F17C38;
}
#anclas-landing ul li {
margin-top: 2em;
}
@media screen and (max-width: 1300px) {
#anclas-landing ul li {
margin-top: 1.75em;
}
}
#anclas-landing ul li:first-child {
margin: 0;
}
#anclas-landing ul a {
text-decoration: none;
color: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
} #cabecera {
height: 100vh;
height: 100svh;
background-color: #C7DBDA;
position: relative;
z-index: 2;
color: white;
}
@media screen and (max-width: 767px) {
#cabecera {
max-height: 640px;
}
}
#cabecera:before {
content: "";
width: 0;
height: 100vh;
height: 100svh;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 5.42%;
z-index: 2;
padding-right: 8.125em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/header-before.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none; }
@media screen and (max-width: 1023px) {
#cabecera:before {
content: none;
}
}
#cabecera:after {
content: "";
width: 0;
height: 100vh;
height: 100svh;
display: inline-block;
position: absolute;
top: 0;
right: 5.42%;
bottom: 0;
z-index: 2;
padding-left: 8.125em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/header-after.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none; }
@media screen and (max-width: 1023px) {
#cabecera:after {
content: none;
}
}
#cabecera.servicios:before {
content: none;
}
#cabecera.servicios:after {
right: 30.36%;
}
#cabecera.servicios .container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#cabecera.servicios h1 {
max-width: 28.125em;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 5.75em 10.875em;
text-align: left;
}
@media screen and (max-width: 1300px) {
#cabecera.servicios h1 {
margin: 0 0 5.25em 9.75em;
}
}
@media screen and (max-width: 1023px) {
#cabecera.servicios h1 {
margin: 0 0 4.5em;
}
}
@media screen and (max-width: 767px) {
#cabecera.servicios h1 {
margin: 0 0 3.5em;
}
}
#cabecera video {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
#cabecera video:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #012F39;
opacity: 0.4;
}
#cabecera picture {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#cabecera picture:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #012F39;
opacity: 0.4;
}
#cabecera img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
#cabecera .container {
height: 100%;
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;
position: relative;
z-index: 4;
}
#cabecera h1 {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -8.125em;
font-size: 1em;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 1300px) {
#cabecera h1 {
margin-top: -7em;
}
}
@media screen and (max-width: 1023px) {
#cabecera h1 {
margin-top: -6em;
}
}
@media screen and (max-width: 767px) {
#cabecera h1 {
margin-top: -4em;
}
}
#cabecera .pretitulo {
display: inline-block;
margin: 0 auto 1.142em;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 1.75em;
line-height: 100%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
#cabecera .pretitulo {
font-size: 1.675em;
}
}
@media screen and (max-width: 1023px) {
#cabecera .pretitulo {
font-size: 1.5em;
}
}
@media screen and (max-width: 767px) {
#cabecera .pretitulo {
font-size: 1.25em;
}
}
#cabecera .cta-wrapper {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 3.875em;
}
@media screen and (max-width: 1300px) {
#cabecera .cta-wrapper {
margin-top: 3.5em;
}
}
@media screen and (max-width: 1023px) {
#cabecera .cta-wrapper {
margin-top: 3em;
}
}
@media screen and (max-width: 767px) {
#cabecera .cta-wrapper {
margin-top: 2.5em;
}
}
#cabecera .cta-wrapper .cta + .cta {
color: white;
}
#cabecera .cta-wrapper .cta + .cta:after {
background-color: transparent;
}
#cabecera .cta-wrapper .cta + .cta:hover:after {
background-color: #F17C38;
}
#cabecera .isotipo {
width: 5.237em;
height: auto;
display: inline-block;
position: absolute;
bottom: -1.062em;
left: 50%;
z-index: 2;
fill: #F17C38;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 1300px) {
#cabecera .isotipo {
width: 5.125em;
}
}
@media screen and (max-width: 1023px) {
#cabecera .isotipo {
width: 4.5em;
}
}
@media screen and (max-width: 767px) {
#cabecera .isotipo {
width: 4em;
}
} #compromiso {
position: relative;
z-index: 1;
padding: 8.625em 0 1.125em;
background-color: #012F39;
color: white;
}
@media screen and (max-width: 1300px) {
#compromiso {
padding: 7.5em 0 1em;
}
}
@media screen and (max-width: 1023px) {
#compromiso {
padding: 6em 0 0;
}
}
@media screen and (max-width: 767px) {
#compromiso {
padding: 4em 0 0;
}
}
#compromiso:before {
content: "";
width: 0;
height: 87.25em;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 12.1%;
left: calc(5.29% + 8.125em);
padding-right: 8.125em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/compromiso-before.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none; }
@media screen and (max-width: 1300px) {
#compromiso:before {
left: calc(5.33% + 8.125em);
}
}
@media screen and (max-width: 1023px) {
#compromiso:before {
content: none;
}
}
#compromiso .container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 1;
}
#compromiso .titulo-wrapper {
margin: 0 0 0 16.66%;
}
@media screen and (max-width: 767px) {
#compromiso .titulo-wrapper {
margin: 0;
}
}
#compromiso .contenido {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 1.75em;
}
#compromiso .image-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 5.625em;
}
@media screen and (max-width: 1300px) {
#compromiso .image-wrapper {
margin-left: 0;
}
}
#compromiso .image-wrapper picture {
width: 100%;
max-width: 30.312em;
display: inline-block;
}
#compromiso .image-wrapper img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
#compromiso .items {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
#compromiso .items {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
#compromiso .items .item {
width: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 3.375em 0 0;
padding: 0 5em 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
#compromiso .items .item {
margin: 3em 0 0;
padding: 0 4em 0 0;
}
}
@media screen and (max-width: 1023px) {
#compromiso .items .item {
margin: 2.5em 0 0;
padding: 0 2em 0 0;
}
}
@media screen and (max-width: 767px) {
#compromiso .items .item {
width: 48%;
width: calc(50% - 10px);
padding: 0;
}
}
#compromiso .items img {
width: 4.75em;
height: auto;
display: inline-block;
}
@media screen and (max-width: 1300px) {
#compromiso .items img {
font-size: 0.875em;
}
}
@media screen and (max-width: 1023px) {
#compromiso .items img {
font-size: 0.75em;
}
}
#compromiso .items .titulo-label {
margin-top: 1.25em;
}
#compromiso .items p:not(.titulo-label) {
width: 100%;
display: inline-block;
margin: 0.833em 0 0;
font-size: 1.5em;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#compromiso .items p:not(.titulo-label) {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#compromiso .items p:not(.titulo-label) {
font-size: 1.125em;
}
} #servicios {
position: relative;
padding: 8.625em 0 21.25em;
background-color: #012F39;
color: white;
}
@media screen and (max-width: 1300px) {
#servicios {
padding: 7.5em 0 19em;
}
}
@media screen and (max-width: 1023px) {
#servicios {
padding: 6em 0 16em;
}
}
@media screen and (max-width: 767px) {
#servicios {
padding: 4em 0 7em;
}
}
#servicios:after {
content: "";
width: 41.25em;
height: 6.562em;
display: inline-block;
position: absolute;
right: 0;
bottom: -1px;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/servicios-after.png);
background-position: right bottom;
background-size: 100%;
background-repeat: no-repeat;
}
@media screen and (max-width: 1300px) {
#servicios:after {
font-size: 0.875em;
}
}
@media screen and (max-width: 1023px) {
#servicios:after {
font-size: 0.75em;
}
}
@media screen and (max-width: 767px) {
#servicios:after {
font-size: 0.5em;
}
}
#servicios.servicios {
background-color: #C7DBDA;
color: #012F39;
}
@media screen and (max-width: 1300px) {
#servicios.servicios {
padding: 7.5em 0 20em;
}
}
@media screen and (max-width: 1023px) {
#servicios.servicios {
padding: 6em 0 17em;
}
}
@media screen and (max-width: 767px) {
#servicios.servicios {
padding: 4em 0 8em;
}
}
#servicios.servicios:after {
width: 41.312em;
height: 8.875em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/servicios-2-after.png);
}
@media screen and (max-width: 1200px) {
#servicios.servicios:after {
font-size: 0.75em;
}
}
@media screen and (max-width: 767px) {
#servicios.servicios:after {
font-size: 0.5em;
}
}
#servicios.servicios .container > .caption {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
#servicios.servicios .container > .caption .titulo-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 0 auto;
}
#servicios.servicios .container > .caption .titulo-1 {
max-width: 19.777em;
}
#servicios.servicios .container > .caption .img-1 {
margin: 0 0 -2.25em 39%;
}
@media screen and (max-width: 1300px) {
#servicios.servicios .container > .caption .img-1 {
margin: 0 0 -2.25em 33.33%;
}
}
@media screen and (max-width: 1023px) {
#servicios.servicios .container > .caption .img-1 {
margin: 0 0 -2.25em 25%;
}
}
@media screen and (max-width: 767px) {
#servicios.servicios .container > .caption .img-1 {
margin: 0 0 -1.75em 25%;
}
}
#servicios.servicios .container > .caption .img-2 {
margin: -2em 0 0 -25%;
}
@media screen and (max-width: 1300px) {
#servicios.servicios .container > .caption .img-2 {
margin: -2em 0 0 -27%;
}
}
@media screen and (max-width: 1023px) {
#servicios.servicios .container > .caption .img-2 {
margin: -2em 0 0 -33.33%;
}
}
@media screen and (max-width: 767px) {
#servicios.servicios .container > .caption .img-2 {
margin: -1.5em 0 0 -41.66%;
}
}
#servicios.servicios .servicios .servicios-2 .servicio:hover .cta-wrapper:after {
background-color: white;
}
#servicios.servicios .servicios .servicios-2 .servicio:before, #servicios.servicios .servicios .servicios-2 .servicio:after {
background-color: #012F39;
}
#servicios.servicios .servicios .servicios-2 .servicio .inner {
background-color: white;
}
#servicios.servicios .servicios .servicios-2 .servicio picture:before {
background-color: #012F39;
}
#servicios.servicios .servicios .servicios-2 .servicio picture:after {
background-color: #012F39;
}
#servicios.servicios .servicios .servicios-2 .servicio .caption:before, #servicios.servicios .servicios .servicios-2 .servicio .caption:after {
background-color: #C7DBDA;
}
#servicios.servicios .servicios .servicios-2 .servicio .cta-wrapper:after {
background-color: #012F39;
}
#servicios.servicios .servicios .servicios-2 .servicio .cta {
color: white;
}
#servicios.servicios .servicios .servicios-2 .servicio .cta:after {
border-color: #F17C38;
background-color: #F17C38;
}
#servicios .container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#servicios .titulo-wrapper {
margin: 0 0 0 50%;
}
@media screen and (max-width: 1300px) {
#servicios .titulo-wrapper {
margin: 0 0 0 41.66%;
}
}
@media screen and (max-width: 1023px) {
#servicios .titulo-wrapper {
margin: 0 0 0 33.33%;
}
}
@media screen and (max-width: 767px) {
#servicios .titulo-wrapper {
margin: 0;
}
}
#servicios .servicios {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 7em;
}
@media screen and (max-width: 1300px) {
#servicios .servicios {
margin-top: 6em;
}
}
@media screen and (max-width: 1023px) {
#servicios .servicios {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 4em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios {
margin-top: 2.5em;
}
}
#servicios .servicios .servicios-2 {
max-width: 56.25em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#servicios .servicios .servicios-2 .servicio {
width: 50%;
max-width: 24.875em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 1.5em 1.5em 1.625em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio {
padding: 1.5em 1.25em 1.625em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicios-2 .servicio {
width: 100%;
max-width: none;
}
}
#servicios .servicios .servicios-2 .servicio:hover .inner {
opacity: 1;
visibility: visible;
}
#servicios .servicios .servicios-2 .servicio:hover .cta {
color: white;
}
#servicios .servicios .servicios-2 .servicio:hover .cta:after {
border-color: #F17C38;
background-color: #F17C38;
}
#servicios .servicios .servicios-2 .servicio:hover .cta-wrapper:after {
background-color: #C7DBDA;
}
#servicios .servicios .servicios-2 .servicio:before, #servicios .servicios .servicios-2 .servicio:after {
content: "";
width: 0.125em;
height: auto;
display: block;
position: absolute;
top: 0.75em;
bottom: 0.75em;
left: 0;
background-color: white;
}
#servicios .servicios .servicios-2 .servicio:after {
right: 0;
left: auto;
}
#servicios .servicios .servicios-2 .servicio .inner {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 5.5em 2.5em 6.625em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #C7DBDA;
color: #012F39;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1300px) {
#servicios .servicios .servicios-2 .servicio .inner {
padding: 5em 2.25em 5.5em;
}
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .inner {
padding: 3.5em 1.5em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicios-2 .servicio .inner {
padding: 2.5em 1.25em;
}
}
#servicios .servicios .servicios-2 .servicio.servicio-1 {
margin-left: 0.75em;
}
@media screen and (max-width: 1300px) {
#servicios .servicios .servicios-2 .servicio.servicio-1 {
margin-left: 0;
}
}
#servicios .servicios .servicios-2 .servicio.servicio-2 {
top: 12.75em;
margin-left: -0.125em;
}
@media screen and (max-width: 1300px) {
#servicios .servicios .servicios-2 .servicio.servicio-2 {
top: 10.75em;
}
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio.servicio-2 {
top: 8.75em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicios-2 .servicio.servicio-2 {
top: 0;
margin-top: 1.75em;
margin-left: auto;
}
}
#servicios .servicios .servicios-2 .servicio.servicio-2 .caption:before, #servicios .servicios .servicios-2 .servicio.servicio-2 .caption:after {
content: "";
}
#servicios .servicios .servicios-2 .servicio picture {
width: 100%;
display: block;
position: relative;
}
#servicios .servicios .servicios-2 .servicio picture:before {
content: "";
width: auto;
height: 0.125em;
display: block;
position: absolute;
top: -1.5em;
right: -0.75em;
left: -0.75em;
background-color: white;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio picture:before {
right: -0.675em;
left: -0.675em;
}
}
#servicios .servicios .servicios-2 .servicio picture:after {
content: "";
width: auto;
height: 0.125em;
display: block;
position: absolute;
right: -0.75em;
bottom: 0;
left: -0.75em;
background-color: white;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio picture:after {
right: -0.675em;
left: -0.675em;
}
}
#servicios .servicios .servicios-2 .servicio picture img {
width: 100%;
max-width: none;
height: auto;
display: block;
margin: 0 0 1.5em;
}
#servicios .servicios .servicios-2 .servicio .caption {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 1;
padding-top: 2em;
}
@media screen and (max-width: 1300px) {
#servicios .servicios .servicios-2 .servicio .caption {
padding-top: 1.75em;
}
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .caption {
padding-top: 1.5em;
}
}
#servicios .servicios .servicios-2 .servicio .caption:before, #servicios .servicios .servicios-2 .servicio .caption:after {
content: none;
width: 0.125em;
height: 2.5em;
display: block;
position: absolute;
top: 0;
left: -1.5em;
background-color: #012F39;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .caption:before, #servicios .servicios .servicios-2 .servicio .caption:after {
left: -1.25em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicios-2 .servicio .caption:before, #servicios .servicios .servicios-2 .servicio .caption:after {
content: "";
}
}
#servicios .servicios .servicios-2 .servicio .caption:after {
right: -1.5em;
left: auto;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .caption:after {
right: -1.25em;
}
}
#servicios .servicios .servicios-2 .servicio .caption .numero {
display: inline-block;
margin-bottom: 0.25em;
font-size: 1.5em;
font-weight: 300;
color: #F17C38;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .caption .numero {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicios-2 .servicio .caption .numero {
font-size: 1.125em;
}
}
#servicios .servicios .servicios-2 .servicio .cta-wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
z-index: 3;
margin-top: 2.625em;
}
@media screen and (max-width: 1300px) {
#servicios .servicios .servicios-2 .servicio .cta-wrapper {
margin-top: 2.5em;
}
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .cta-wrapper {
margin-top: 2em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicios-2 .servicio .cta-wrapper {
margin-top: 1.75em;
}
}
#servicios .servicios .servicios-2 .servicio .cta-wrapper:after {
content: "";
width: auto;
height: 0.125em;
display: block;
position: absolute;
right: -0.75em;
bottom: -1.625em;
left: -0.75em;
background-color: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicios-2 .servicio .cta-wrapper:after {
right: -0.675em;
left: -0.675em;
}
}
#servicios .servicios .servicios-2 .servicio .cta {
margin-right: 1.5em;
}
#servicios .servicios .servicio-3 {
position: relative;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicio-3 {
top: 8.75em;
margin-top: 2.5em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicio-3 {
top: 0;
margin-top: 1.75em;
}
}
#servicios .servicios .servicio-3 .inner {
width: 100%;
max-width: 29.125em;
min-height: 42.437em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5.5em 2.5em 4.625em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #F17C38;
color: white;
}
@media screen and (max-width: 1300px) {
#servicios .servicios .servicio-3 .inner {
min-height: 41.75em;
padding: 5em 2.25em 4.5em;
}
}
@media screen and (max-width: 1023px) {
#servicios .servicios .servicio-3 .inner {
min-height: 38em;
padding: 3.5em 1.5em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicio-3 .inner {
max-width: none;
min-height: 24em;
padding: 2.5em 1.25em;
}
}
#servicios .servicios .servicio-3 .cta-wrapper {
max-width: 29.125em;
margin-top: 2.25em;
}
@media screen and (max-width: 767px) {
#servicios .servicios .servicio-3 .cta-wrapper {
margin-top: 1.75em;
}
}
#servicios .servicios .servicio-3 .cta {
margin-left: 1.5em;
color: #F17C38;
}
#servicios .servicios .servicio-3 .cta:hover {
color: white;
}
#servicios .servicios .servicio-3 .cta:hover:after {
background-color: #F17C38;
}
#servicios .servicios .servicio-3 .cta:after {
border-color: #F17C38;
background-color: transparent;
}
#servicios .servicios .titulo-2 {
letter-spacing: -0.03em;
}
@media screen and (max-width: 1023px) {
#servicios .servicios .titulo-2 {
letter-spacing: 0;
}
}
#servicios .servicios .titulo-2 + p:not(.titulo-2) {
margin-top: 0.92em;
}
#servicios .servicios p:not(.titulo-2) {
width: 100%;
display: inline-block;
margin: 0.5em 0 0;
font-size: 1.5em;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#servicios .servicios p:not(.titulo-2) {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#servicios .servicios p:not(.titulo-2) {
font-size: 1.125em;
}
}
#servicios .servicios p:not(.titulo-2):first-child {
margin-top: 0;
}
#servicios .servicios p:not(.titulo-2) strong, #servicios .servicios p:not(.titulo-2) b {
font-weight: 600;
} #testimonios {
padding: 8.25em 0 8.5em;
background-color: white;
}
@media screen and (max-width: 1300px) {
#testimonios {
padding: 7.5em 0 7.75em;
}
}
@media screen and (max-width: 1023px) {
#testimonios {
padding: 6em 0 6.25em;
}
}
@media screen and (max-width: 767px) {
#testimonios {
padding: 4em 0;
}
}
#testimonios .container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
#testimonios .titulo-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 1.125em;
margin-left: 8.33%;
}
@media screen and (max-width: 1023px) {
#testimonios .titulo-wrapper {
margin-top: 1em;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
#testimonios .titulo-wrapper {
margin: 0 0 1em;
}
}
#testimonios .swiper-slide {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
#testimonios .swiper-slide {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
#testimonios p:not(.autor) {
width: 100%;
display: inline-block;
margin: 0 0 1.241em;
font-size: 3.625em;
line-height: 124.13%;
}
@media screen and (max-width: 1300px) {
#testimonios p:not(.autor) {
font-size: 3.25em;
}
}
@media screen and (max-width: 1023px) {
#testimonios p:not(.autor) {
font-size: 3em;
}
}
@media screen and (max-width: 767px) {
#testimonios p:not(.autor) {
font-size: 2em;
}
}
#testimonios .autor {
width: 50%;
display: inline-block;
padding: 0 0 0 0.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
#testimonios .autor {
padding: 0 0 0 10px;
}
}
@media screen and (max-width: 767px) {
#testimonios .autor {
width: 60%;
width: calc(100% - 100px);
margin-left: 100px;
padding-left: 0;
font-size: 0.75em;
}
}
#testimonios .autor .cargo {
width: 100%;
display: inline-block;
margin: 0.333em 0 0;
font-size: 1.5em;
font-weight: 600;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#testimonios .autor .cargo {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#testimonios .autor .cargo {
font-size: 1.125em;
}
}
#testimonios .counter-wrapper {
margin-top: -7.5em;
margin-left: 8.33%;
}
@media screen and (max-width: 1300px) {
#testimonios .counter-wrapper {
margin-top: -7em;
}
}
@media screen and (max-width: 1023px) {
#testimonios .counter-wrapper {
margin-top: -6.25em;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
#testimonios .counter-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
top: -6px;
left: 0;
margin-top: 0;
pointer-events: none;
}
}
#testimonios .counter-wrapper .counter {
display: inline-block;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 5.625em;
color: #F17C38;
}
@media screen and (max-width: 1300px) {
#testimonios .counter-wrapper .counter {
font-size: 5.25em;
}
}
@media screen and (max-width: 1023px) {
#testimonios .counter-wrapper .counter {
font-size: 4.5em;
}
}
@media screen and (max-width: 767px) {
#testimonios .counter-wrapper .counter {
font-size: 2em;
}
}
#testimonios .swiper-button-prev, #testimonios .swiper-button-next {
width: auto;
height: auto;
display: inline-block;
position: relative;
top: -0.375em;
right: auto;
left: auto;
margin: -1em 0 0;
font-size: 4.5em;
font-weight: 400;
line-height: 118%;
color: #012F39;
-webkit-transform: none;
transform: none;
}
@media screen and (max-width: 1300px) {
#testimonios .swiper-button-prev, #testimonios .swiper-button-next {
font-size: 4.25em;
}
}
@media screen and (max-width: 1023px) {
#testimonios .swiper-button-prev, #testimonios .swiper-button-next {
font-size: 4em;
}
}
@media screen and (max-width: 767px) {
#testimonios .swiper-button-prev, #testimonios .swiper-button-next {
font-size: 2.875em;
}
}
#testimonios .swiper-button-prev:after {
content: "/";
display: inline-block;
position: relative;
margin: 0;
top: 0.025em;
left: 0.0425em;
font-size: 1.25em;
font-weight: 500;
color: #C7DBDA;
pointer-events: none;
}
#testimonios .swiper-button-prev:before {
content: "\f060";
font-family: "la-solid-900";
}
#testimonios .swiper-button-next:after {
content: none;
}
#testimonios .swiper-button-next:before {
content: "\f061";
font-family: "la-solid-900";
} #galeria {
padding: 5.625em 0 8.25em;
background-color: #C7DBDA;
color: white;
}
@media screen and (max-width: 1300px) {
#galeria {
padding: 5.625em 0 8em;
}
}
@media screen and (max-width: 1023px) {
#galeria {
padding: 5.5em 0 6em;
}
}
@media screen and (max-width: 767px) {
#galeria {
padding: 4em 0;
}
}
#galeria .imagenes {
width: 100%;
display: inline-block;
position: relative;
}
#galeria .imagenes .titulo-wrapper {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
#galeria .titulo {
display: block;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 8.75em;
line-height: 118%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
#galeria .titulo {
font-size: 7.25em;
}
}
@media screen and (max-width: 1023px) {
#galeria .titulo {
font-size: 6em;
}
}
@media screen and (max-width: 767px) {
#galeria .titulo {
font-size: 3.875em;
}
}
#galeria .img.img-1 {
margin-right: 33.33%;
}
@media screen and (max-width: 767px) {
#galeria .img.img-1 {
margin-right: 25%;
}
}
@media screen and (max-width: 767px) {
#galeria .img.img-2 {
margin-top: 1.75em;
}
}
#galeria .img.img-3 {
margin-top: 10.812em;
margin-left: 29.51%;
}
@media screen and (max-width: 1300px) {
#galeria .img.img-3 {
margin-top: 10em;
}
}
@media screen and (max-width: 1023px) {
#galeria .img.img-3 {
margin-top: 8em;
}
}
@media screen and (max-width: 767px) {
#galeria .img.img-3 {
margin-top: 2.5em;
margin-left: 16.66%;
}
}
#galeria .img.img-4 {
margin-top: -3.062em;
margin-left: 37.15%;
}
@media screen and (max-width: 1300px) {
#galeria .img.img-4 {
margin-top: -2.5em;
}
}
@media screen and (max-width: 1023px) {
#galeria .img.img-4 {
margin-top: -2em;
}
}
@media screen and (max-width: 767px) {
#galeria .img.img-4 {
margin-top: 4.5em;
margin-left: 16.66%;
}
}
#galeria .img.img-5 {
margin-top: -2.875em;
clear: left;
}
@media screen and (max-width: 1300px) {
#galeria .img.img-5 {
margin-top: -2.5em;
}
}
@media screen and (max-width: 1023px) {
#galeria .img.img-5 {
margin-top: -2em;
}
}
@media screen and (max-width: 767px) {
#galeria .img.img-5 {
margin-top: 3.5em;
}
}
#galeria .img.img-6 {
margin-top: -2.875em;
margin-left: 40.74%;
}
@media screen and (max-width: 1300px) {
#galeria .img.img-6 {
margin-top: -2.5em;
}
}
@media screen and (max-width: 1023px) {
#galeria .img.img-6 {
margin-top: -2em;
}
}
@media screen and (max-width: 767px) {
#galeria .img.img-6 {
margin-top: 3.5em;
margin-left: 16.66%;
}
}
#galeria .img a {
width: 100%;
display: inline-block;
position: relative;
text-decoration: none;
color: white;
}
#galeria .img a:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #F17C38;
opacity: 0;
visibility: hidden;
moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#galeria .img a:after {
content: "+";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
font-size: 3.5em;
font-weight: 500;
line-height: 118%;
text-transform: uppercase;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1300px) {
#galeria .img a:after {
font-size: 3.25em;
}
}
@media screen and (max-width: 1023px) {
#galeria .img a:after {
font-size: 3em;
}
}
@media screen and (max-width: 767px) {
#galeria .img a:after {
font-size: 2em;
}
}
#galeria .img a:hover:before {
opacity: 0.8;
visibility: visible;
}
#galeria .img a:hover:after {
opacity: 1;
visibility: visible;
}
#galeria .img img {
width: 100%;
max-width: none;
height: auto;
display: block;
} #servicios-medida {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
}
#servicios-medida .servicio {
position: relative;
padding: 0;
color: #012F39;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#servicios-medida .servicio:before {
content: "";
width: auto;
height: 0;
display: inline-block;
position: absolute;
right: 1.875em;
bottom: 0;
left: 1.875em;
border-bottom: thin solid #012F39;
}
@media screen and (max-width: 1023px) {
#servicios-medida .servicio:before {
right: 0;
left: 0;
}
}
#servicios-medida .servicio:after {
content: "";
width: 0;
height: auto;
display: inline-block;
position: absolute;
top: 0;
right: -1px;
bottom: 1.875em;
border-left: thin solid #012F39;
pointer-events: none;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
@media screen and (max-width: 1023px) {
#servicios-medida .servicio:after {
bottom: 0;
}
}
#servicios-medida .servicio:first-child:before {
left: 0;
}
#servicios-medida .servicio:last-child:before {
right: 0;
}
#servicios-medida .servicio:last-child:after {
content: none;
}
@media screen and (max-width: 1023px) {
#servicios-medida .servicio:nth-child(even):after {
content: none;
}
}
#servicios-medida .servicio:hover {
color: white;
}
#servicios-medida .servicio:hover:after {
opacity: 0;
visibility: hidden;
}
#servicios-medida .servicio:hover .inner .hover {
max-height: 600px;
padding-bottom: 7.375em;
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 1300px) {
#servicios-medida .servicio:hover .inner .hover {
padding-bottom: 6.875em;
}
}
@media screen and (max-width: 1023px) {
#servicios-medida .servicio:hover .inner .hover {
padding-bottom: 6.375em;
color: white;
}
}
@media screen and (max-width: 767px) {
#servicios-medida .servicio:hover .inner .hover {
padding-bottom: 5.875em;
}
}
#servicios-medida .servicio:hover .cta-wrapper {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#servicios-medida .servicio:hover picture {
opacity: 1;
visibility: visible;
}
#servicios-medida .inner {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 4em 3.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
#servicios-medida .inner {
padding: 3.5em 2.25em;
}
}
@media screen and (max-width: 1023px) {
#servicios-medida .inner {
padding: 3em 1.5em;
}
}
@media screen and (max-width: 767px) {
#servicios-medida .inner {
padding: 2.5em 1.25em;
}
}
#servicios-medida .inner .hover {
max-height: 0;
color: white;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1023px) {
#servicios-medida .inner .hover {
max-height: 600px;
padding-bottom: 6.375em;
color: #012F39;
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 767px) {
#servicios-medida .inner .hover {
padding-bottom: 5.875em;
}
}
#servicios-medida .cta-wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 2.5em 3.5em 4em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1300px) {
#servicios-medida .cta-wrapper {
padding: 2.25em 2.25em 3.5em;
}
}
@media screen and (max-width: 1023px) {
#servicios-medida .cta-wrapper {
padding: 2em 1.5em 3em;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
@media screen and (max-width: 767px) {
#servicios-medida .cta-wrapper {
padding: 1.75em 1.25em 2.5em;
}
}
#servicios-medida .cta {
margin-right: 1.5em;
}
#servicios-medida picture {
width: 100%;
height: 56.25em;
display: block;
position: relative;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1300px) {
#servicios-medida picture {
height: 54em;
}
}
@media screen and (max-width: 1023px) {
#servicios-medida picture {
height: 48em;
}
}
@media screen and (max-width: 767px) {
#servicios-medida picture {
height: 30em;
}
}
#servicios-medida picture:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: black;
opacity: 0.6;
}
#servicios-medida picture img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1300px) {
#servicios-medida .titulo-2 {
font-size: 2em;
letter-spacing: -0.03em;
}
}
@media screen and (max-width: 1023px) {
#servicios-medida .titulo-2 {
font-size: 2.25em;
letter-spacing: 0;
}
}
#servicios-medida p:not(.titulo-2) {
width: 100%;
display: inline-block;
margin: 0.5em 0 0;
font-size: 1.5em;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#servicios-medida p:not(.titulo-2) {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#servicios-medida p:not(.titulo-2) {
font-size: 1.125em;
}
}
#servicios-medida p:not(.titulo-2):first-child {
margin-top: 1.125em;
}
#servicios-medida p:not(.titulo-2) strong, #servicios-medida p:not(.titulo-2) b {
font-weight: 600;
} #pagina-legal {
position: relative;
padding: 18em 0 15em;
background-color: #F17C38;
color: white;
}
@media screen and (max-width: 1300px) {
#pagina-legal {
padding: 16.5em 0 14em;
}
}
@media screen and (max-width: 1023px) {
#pagina-legal {
padding: 15em 0 13em;
}
}
@media screen and (max-width: 767px) {
#pagina-legal {
padding: 8em 0 8em;
}
}
#pagina-legal:before {
content: "";
width: 0;
height: 22.062em;
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: 7.95em;
padding-right: 8.1875em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/contacto-before.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
@media screen and (max-width: 1023px) {
#pagina-legal:before {
content: none;
}
}
#pagina-legal:after {
content: "";
width: 0;
height: auto;
display: inline-block;
position: absolute;
top: 22.062em;
left: 50%;
bottom: 0;
margin-left: 7.95em;
padding-right: 8.1875em;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/contacto-2-before.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
@media screen and (max-width: 1023px) {
#pagina-legal:after {
content: none;
}
}
#pagina-legal .container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
@media screen and (max-width: 767px) {
#pagina-legal .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
#pagina-legal .container .texto {
margin-left: 8.33%;
}
@media screen and (max-width: 1023px) {
#pagina-legal .container .texto {
margin-left: 0;
}
}
#pagina-legal .titulo-wrapper {
position: sticky;
margin-top: 7.5em;
top: 8.5em;
}
@media screen and (max-width: 1300px) {
#pagina-legal .titulo-wrapper {
top: 7em;
margin-top: 7em;
}
}
@media screen and (max-width: 1023px) {
#pagina-legal .titulo-wrapper {
top: 6.5em;
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
#pagina-legal .titulo-wrapper {
position: static;
margin-bottom: 2.5em;
}
}
#pagina-legal .texto .privacidad a {
color: white;
}
#pagina-legal .texto h2 {
width: 100%;
display: inline-block;
margin: 1.25em 0 0;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 131.25%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
#pagina-legal .texto h2 {
font-size: 1.875em;
}
}
@media screen and (max-width: 1023px) {
#pagina-legal .texto h2 {
font-size: 1.75em;
}
}
@media screen and (max-width: 767px) {
#pagina-legal .texto h2 {
font-size: 1.675em;
}
}
#pagina-legal .texto h2:first-child {
margin-top: 0;
}
#pagina-legal .texto h3 {
width: 100%;
display: inline-block;
margin: 0.25em 0 0;
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
color: #012F39;
}
@media screen and (max-width: 1023px) {
#pagina-legal .texto h3 {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#pagina-legal .texto h3 {
font-size: 1.125em;
}
}
#pagina-legal .texto h3:first-child {
margin-top: 0;
}
#pagina-legal .texto p:not(.titulo-2):not(.titulo-3):not(.titulo-1) {
width: 100%;
display: inline-block;
margin: 0.5em 0 0;
font-size: 1.5em;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#pagina-legal .texto p:not(.titulo-2):not(.titulo-3):not(.titulo-1) {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#pagina-legal .texto p:not(.titulo-2):not(.titulo-3):not(.titulo-1) {
font-size: 1.125em;
}
}
#pagina-legal .texto p:not(.titulo-2):not(.titulo-3):not(.titulo-1):first-child {
margin-top: 0;
}
#pagina-legal .texto p:not(.titulo-2):not(.titulo-3):not(.titulo-1) strong, #pagina-legal .texto p:not(.titulo-2):not(.titulo-3):not(.titulo-1) b {
font-weight: 600;
}
#pagina-legal .texto ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0.5em 0 0;
font-size: 1.5em;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#pagina-legal .texto ul {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#pagina-legal .texto ul {
font-size: 1.125em;
}
}
#pagina-legal .texto ul:first-child {
margin-top: 0;
}
#pagina-legal .texto ul li {
width: 100%;
display: block;
position: relative;
margin: 0.25em 0 0;
padding-left: 1.818em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#pagina-legal .texto ul li:first-child {
margin: 0;
}
#pagina-legal .texto ul li:before {
content: "\f00c";
display: inline-block;
position: absolute;
top: 0.25em;
left: 0;
font-family: "la-solid-900";
font-weight: 400;
color: #012F39;
}
#pagina-legal .texto ul ol, #pagina-legal .texto ul ul, #pagina-legal .texto ul p:not(.titulo-2):not(.titulo-3):not(.titulo-1) {
font-size: 1em;
}
#pagina-legal .texto ol {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0.5em 0 0 1.75em;
list-style: decimal-leading-zero;
font-size: 1.5em;
line-height: 116.66%;
}
@media screen and (max-width: 1023px) {
#pagina-legal .texto ol {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
#pagina-legal .texto ol {
font-size: 1.125em;
}
}
#pagina-legal .texto ol:first-child {
margin-top: 0;
}
#pagina-legal .texto ol li {
width: 100%;
display: list-item;
margin: 0.25em 0 0;
padding-left: 0.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#pagina-legal .texto ol li:first-child {
margin: 0;
}
#pagina-legal .texto ol ol, #pagina-legal .texto ol ul, #pagina-legal .texto ol p:not(.titulo-2):not(.titulo-3):not(.titulo-1) {
font-size: 1em;
}
#pagina-legal a {
color: #012F39;
} #main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 0;
}
#main #articulo {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
z-index: 1;
}
.section {
width: 100%;
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: center;
-ms-flex-align: center;
align-items: center;
}
.titulo-1 {
display: inline-block;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 4.5em;
font-weight: 400;
line-height: 118%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
.titulo-1 {
font-size: 4.25em;
}
}
@media screen and (max-width: 1023px) {
.titulo-1 {
font-size: 4em;
}
}
@media screen and (max-width: 767px) {
.titulo-1 {
font-size: 2.875em;
}
}
.titulo-2 {
display: inline-block;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 2.625em;
font-weight: 400;
line-height: 114.28%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
.titulo-2 {
font-size: 2.5em;
}
}
@media screen and (max-width: 1023px) {
.titulo-2 {
font-size: 2.25em;
}
}
@media screen and (max-width: 767px) {
.titulo-2 {
font-size: 1.875em;
}
}
.titulo-3 {
width: 100%;
display: inline-block;
font-family: "Integral CF", "Poppins", sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 131.25%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
.titulo-3 {
font-size: 1.875em;
}
}
@media screen and (max-width: 1023px) {
.titulo-3 {
font-size: 1.75em;
}
}
@media screen and (max-width: 767px) {
.titulo-3 {
font-size: 1.675em;
}
}
.titulo-label {
display: inline-block;
margin: 0;
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
color: #F17C38;
}
@media screen and (max-width: 1023px) {
.titulo-label {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
.titulo-label {
font-size: 1.125em;
}
}
.cta-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.boton, .btn, .cta {
height: 3em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
margin-right: 3em;
padding: 0.25em 2em;
border: none;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-family: "Poppins", "Integral CF", sans-serif;
font-size: 1.125em;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: #012F39;
cursor: pointer;
outline: none;
overflow: visible;
-webkit-appearance: none;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 767px) {
.boton, .btn, .cta {
margin-right: 1.5em;
padding: 0.25em 1.777em;
}
}
.boton:after, .btn:after, .cta:after {
content: "";
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.111em solid white;
background-color: white;
-webkit-transform: skew(-44deg);
transform: skew(-44deg);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.boton:hover, .btn:hover, .cta:hover {
color: white;
}
.boton:hover:after, .btn:hover:after, .cta:hover:after {
border-color: #F17C38;
background-color: #F17C38;
}
.boton:last-child, .btn:last-child, .cta:last-child {
margin-right: 0;
}
table {
width: 100%;
margin: 0 0 1.25em;
border-top: thin solid white;
border-bottom: thin solid white;
border-collapse: collapse;
border-spacing: 0;
font-size: 1.125em;
}
table tr {
border-right: thin solid white;
border-left: thin solid white;
}
table tr:not(:last-child) {
border-bottom: thin solid white;
}
table tr:first-child {
font-weight: 600;
}
table td {
padding: 0.3em 0.4em;
}
.wpcf7 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
.wpcf7 {
max-width: none;
}
}
.wpcf7 .titulo-3 {
margin-bottom: 0.555em;
}
.wpcf7 form.wpcf7-form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
}
.wpcf7 form.wpcf7-form:not(.submitting) .wpcf7-spinner {
display: none;
}
.wpcf7 form.wpcf7-form .ajax-loader:not(.is-active) {
display: none;
}
.wpcf7 form.wpcf7-form .wpcf7-spinner {
width: 1.5em;
height: 1.5em;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
width: 100%;
margin-right: 0;
margin-left: 0;
padding: 0.31em 1.375em;
border: thin solid white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
color: white;
}
.wpcf7 form.wpcf7-form .wpcf7-form-control-wrap {
width: 100%;
}
.wpcf7 form.wpcf7-form .cta {
margin-left: 1.5em;
color: #012F39;
}
.wpcf7 form.wpcf7-form .cta:after {
border-color: white;
background-color: white;
}
.wpcf7 form.wpcf7-form .cta:hover {
color: white;
}
.wpcf7 form.wpcf7-form .cta:hover:after {
border-color: #012F39;
background-color: #012F39;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance {
width: 100%;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
font-size: 1em;
font-weight: 400;
line-height: 100%;
text-transform: none;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox] {
width: 1.031em;
min-width: 1.031em;
height: 1.031em;
min-height: 1.031em;
display: block;
margin: 0 0.5em 0 0;
border: thin solid white;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-size: 1em;
-webkit-appearance: none;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox]:checked {
-webkit-appearance: auto;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label {
margin-top: 0.1em;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label a {
text-decoration: underline;
color: white;
}
.wpcf7 form.wpcf7-form label {
width: 100%;
display: inline-block;
font-family: "Poppins", "Integral CF", sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 127.2727%;
color: white;
}
@media screen and (max-width: 1300px) {
.wpcf7 form.wpcf7-form label {
font-size: 1.25em;
}
}
@media screen and (max-width: 1023px) {
.wpcf7 form.wpcf7-form label {
font-size: 1.125em;
}
}
.wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form input[type=date], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
width: 100%;
height: 1.9em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0.272em 0;
border: none;
border-bottom: thin solid white;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-family: "Poppins", "Integral CF", sans-serif;
font-size: 1.375em;
font-weight: 500;
line-height: 127.2727%;
color: white;
outline: none;
-webkit-appearance: none;
}
@media screen and (max-width: 1300px) {
.wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form input[type=date], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
font-size: 1.25em;
}
}
@media screen and (max-width: 1023px) {
.wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form input[type=date], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
font-size: 1.125em;
}
}
.wpcf7 form.wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=tel]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=number]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=date]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form select::-webkit-input-placeholder, .wpcf7 form.wpcf7-form textarea::-webkit-input-placeholder { color: white;
}
.wpcf7 form.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=email]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=tel]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=number]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=date]::-moz-placeholder, .wpcf7 form.wpcf7-form select::-moz-placeholder, .wpcf7 form.wpcf7-form textarea::-moz-placeholder { color: white;
}
.wpcf7 form.wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=tel]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=number]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=date]:-ms-input-placeholder, .wpcf7 form.wpcf7-form select:-ms-input-placeholder, .wpcf7 form.wpcf7-form textarea:-ms-input-placeholder { color: white;
}
.wpcf7 form.wpcf7-form input[type=text]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=email]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=tel]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=text]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=number]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=date]:-moz-placeholder, .wpcf7 form.wpcf7-form select:-moz-placeholder, .wpcf7 form.wpcf7-form textarea:-moz-placeholder { color: white;
}
.wpcf7 form.wpcf7-form input[type=text]:focus, .wpcf7 form.wpcf7-form input[type=email]:focus, .wpcf7 form.wpcf7-form input[type=tel]:focus, .wpcf7 form.wpcf7-form input[type=text]:focus, .wpcf7 form.wpcf7-form input[type=number]:focus, .wpcf7 form.wpcf7-form input[type=date]:focus, .wpcf7 form.wpcf7-form select:focus, .wpcf7 form.wpcf7-form textarea:focus {
outline: none;
}
.wpcf7 form.wpcf7-form select {
padding-right: 3em;
background-color: transparent;
}
.wpcf7 form.wpcf7-form select option {
background-color: #012F39;
color: white;
}
.wpcf7 form.wpcf7-form textarea {
height: 8.454em;
min-height: 3.5em;
}
.wpcf7 .form-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 2.875em;
}
@media screen and (max-width: 1300px) {
.wpcf7 .form-item {
margin-bottom: 2.5em;
}
}
@media screen and (max-width: 1023px) {
.wpcf7 .form-item {
margin-bottom: 2em;
}
}
@media screen and (max-width: 767px) {
.wpcf7 .form-item {
margin-bottom: 1.75em;
}
}
.wpcf7 .form-item.select {
position: relative;
}
.wpcf7 .form-item.select:before {
content: "\f107";
display: inline-block;
position: absolute;
top: 0.55em;
right: 0;
font-family: "la-solid-900";
font-size: 1.25em;
pointer-events: none;
}
@media screen and (max-width: 1023px) {
.wpcf7 .form-item.select:before {
top: 0.45em;
}
}
.wpcf7 .form-item.privacidad {
margin-top: -1.875em;
margin-bottom: 1.5em;
}
@media screen and (max-width: 1300px) {
.wpcf7 .form-item.privacidad {
margin-top: -1.5em;
}
}
@media screen and (max-width: 1023px) {
.wpcf7 .form-item.privacidad {
margin-top: -1em;
}
}
@media screen and (max-width: 767px) {
.wpcf7 .form-item.privacidad {
margin-top: -0.75em;
}
}
.wpcf7 .form-item.submit {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.wpcf7 .form-item.mitad {
width: 47%;
width: calc(50% - 0.937em);
}
@media screen and (max-width: 1300px) {
.wpcf7 .form-item.mitad {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 1023px) {
.wpcf7 .form-item.mitad {
width: calc(50% - 7px);
}
}
.wpcf7 .wpcf7-not-valid-tip {
width: 100%;
float: left;
margin: 5px 0 0;
font-size: 11px;
color: #012F39;
}
#trigger-llamar {
width: 5.0625em;
height: 5.0625em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
right: 3.875em;
bottom: 4.5625em;
z-index: 2;
border-radius: 100%;
-webkit-box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.3);
background-color: white;
text-decoration: none;
color: #F17C38;
}
#trigger-llamar:before {
content: "\f2a0";
display: inline-block;
margin: 0.125em 0.125em 0 0;
font-family: "la-solid-900";
font-size: 2em;
}
@media screen and (max-width: 1300px) {
#trigger-llamar {
right: 14px;
bottom: 20px;
font-size: 0.875em;
}
}
@media screen and (max-width: 1023px) {
#trigger-llamar {
font-size: 0.75em;
}
}
body .fancybox__slide {
padding-right: 0;
padding-left: 0;
}
@media screen and (min-width: 1024px) {
body .fancybox__slide {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 1300px) {
body .fancybox__carousel .fancybox__slide.has-video {
max-width: 90%;
max-width: calc(100% - 30px);
margin-right: calc(0% + 15px);
margin-left: calc(0% + 15px);
}
}
.fancybox__container .fancybox__content :focus:not(.carousel__button.is-close) {
outline: none;
}
body .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
border-color: #F17C38;
}
.inline.fancybox__content {
max-width: 53em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
color: #012F39;
}
@media screen and (max-width: 767px) {
.inline.fancybox__content {
max-width: 100%;
max-width: calc(100% - 30px);
}
}
.inline.fancybox__content .inner {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3.625em 3.5em 2.875em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
.inline.fancybox__content .inner {
padding: 3.5em 3.25em 2.75em;
}
}
@media screen and (max-width: 1023px) {
.inline.fancybox__content .inner {
padding: 3em 2.5em 2.5em;
}
}
@media screen and (max-width: 767px) {
.inline.fancybox__content .inner {
padding: 1.75em 1.5em;
}
}
.inline.fancybox__content .inner:not(:last-child) {
width: 56.84%;
}
.inline.fancybox__content .inner .titulo-1 {
margin-bottom: 0.75em;
}
.inline.fancybox__content .inner a.titulo-2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
white-space: nowrap;
color: #F17C38;
}
@media screen and (max-width: 1023px) {
.inline.fancybox__content .inner a.titulo-2 {
word-spacing: -0.05em;
letter-spacing: -0.025em;
}
}
.inline.fancybox__content .inner a.titulo-2:before {
content: "\f2a0";
display: inline-block;
position: relative;
top: 0.125em;
margin: 0 0.375em 0 0;
font-family: "la-solid-900";
font-size: 0.875em;
font-weight: 400;
}
.inline.fancybox__content .inner .persona {
display: inline-block;
margin: 1.75em 0 0;
}
.inline.fancybox__content .inner .persona .cargo {
width: 100%;
display: inline-block;
margin: 0.333em 0 0;
font-size: 1.5em;
font-weight: 600;
}
@media screen and (max-width: 1023px) {
.inline.fancybox__content .inner .persona .cargo {
font-size: 1.375em;
}
}
@media screen and (max-width: 767px) {
.inline.fancybox__content .inner .persona .cargo {
font-size: 1.125em;
}
}
.inline.fancybox__content picture {
width: 43.16%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.inline.fancybox__content picture:before {
content: "";
width: 34.97%;
height: 41.54%;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url(//electricidadlexma.com/wp-content/themes/lexma-theme/images/popup-before.png);
background-size: 100% 100%;
background-position: top left;
background-repeat: no-repeat;
}
.inline.fancybox__content picture img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.inline.fancybox__content .carousel__button.is-close {
top: 1.5em;
right: 1.5em;
}
@media screen and (max-width: 1023px) {
.inline.fancybox__content .carousel__button.is-close {
top: 0.875em;
right: 0.875em;
}
}
.inline.fancybox__content .carousel__button.is-close svg {
fill: white;
stroke: white;
stroke-width: 3px;
-webkit-filter: none;
filter: none;
}
.grecaptcha-badge {
display: none;
}
.otgs-development-site-front-end {
display: none;
}