:root {
--primary-color: #328740;
--secondary-color: #A2C73B;
--tertiary-color: #23612E;
--quaternary-color: #282828;
--quinary-color: #000000;
--primary-font: "Montserrat", sans-serif; --fs-12: 0.75rem;
--fs-14: 0.778rem;
--fs-15: 0.833rem;
--fs-16: 0.889rem;
--fs-17: 0.944rem;
--fs-18: 1rem;
--fs-19: 1.056rem;
--fs-20: 1.111rem;
--fs-21: 1.167rem;
--fs-22: 1.222rem;
--fs-23: 1.278rem;
--fs-24: 1.333rem;
--fs-25: 1.389rem;
--fs-26: 1.444rem;
--fs-27: 1.5rem;
--fs-28: 1.556rem;
--fs-29: 1.611rem;
--fs-30: 1.666rem;
--fs-31: 1.722rem;
--fs-32: 1.778rem;
--fs-33: 1.833rem;
--fs-34: 1.889rem;
--fs-35: 1.944rem;
--fs-36: 2rem;
--fs-37: 2.056rem;
--fs-38: 2.111rem;
--fs-39: 2.167rem;
--fs-40: 2.222rem;
--fs-41: 2.278rem;
--fs-42: 2.333rem;
--fs-43: 2.389rem;
--fs-44: 2.444rem;
--fs-45: 2.5rem;
--fs-46: 2.556rem;
--fs-47: 2.611rem;
--fs-48: 2.667rem;
--fs-49: 2.722rem;
--fs-50: 2.777rem;
--fs-60: 3.333rem; --space-1: 5px;
--space-2: 10px;
--space-3: 15px;
--space-4: 20px;
--space-5: 25px;
--space-6: 30px;
--space-7: 35px;
--space-8: 40px;
--space-9: 45px;
--space-10: 50px;
--space-11: 55px;
--space-12: 60px;
--space-13: 65px;
--space-14: 70px;
--space-15: 75px;
--space-16: 80px;
--space-17: 85px;
--space-18: 90px;
--space-19: 95px;
--space-20: 100px;
--space-21: 105px;
--space-22: 110px;
--space-23: 115px;
--space-24: 120px;
--gradient-1: linear-gradient(270deg, #A2C73B -94.62%, #23612E 105.61%);
--gradient-2: linear-gradient(96deg, #A2C73B 4.69%, #3DAC4B 95.22%);
} body {
font-size: 20px;
color: var(--quinary-color);
font-family: var(--primary-font);
overflow: hidden scroll;
}
.container-xlg {
max-width: 1240px;
margin: 0 auto;
}
.container-lg {
max-width: 1080px;
}
.container-md {
max-width: 900px;
}
.post,
.page {
margin: 0 !important;
}
a:visited {
color: inherit;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0 !important;
}
input[type="text"],
input[type="email"],
input[type="tel"],
select {
height: 55px;
border-radius: 10px;
padding: 0 15px;
font-size: 16px;
width: 100%;
color: #666666;
border: 1px solid #666666;
}
input[type="radio"] {
accent-color: var(--primary-color)
}
textarea {
border-radius: 10px;
padding: 15px;
font-size: 16px;
width: 100%;
color: #666666;
}
.form-epower .file-epower {
border-radius: 10px;
border: 1px dashed #8A8A8A;
padding: var(--space-5);
margin-bottom: var(--space-5);
}
.file-epower.error-msg-file {
border-color: #D70000;
}
.form-epower .file-epower p {
margin-bottom: 0;
}
.form-epower .file-epower p:first-child {
font-weight: 600;
}
.form-epower .file-epower .input-open,
.form-epower .file-epower .file-info {
margin-top: var(--space-5);
}
.form-epower .file-epower .input-open {
color: var(--primary-color);
border-color: var(--primary-color);
}
.form-epower input[type="submit"] {
border: none !important;
}
.form-epower .file-epower .file-info p {
display: flex;
}
.form-epower .row+.row {
margin-top: 15px;
}
.wpcf7-not-valid-tip {
font-size: var(--fs-12);
}
.nav-tabs {
margin-bottom: 40px;
justify-content: center;
border: none;
gap: 16px;
}
.nav-tabs .nav-link {
font-size: var(--fs-18);
font-family: var(--primary-font);
color: var(--quinary-color);
border: 1px solid var(--quinary-color);
border-radius: 60px;
padding: 10px 18px;
padding-inline: 35px;
position: relative;
}
.nav-tabs .nav-link::after {
content: '\F272';
font-family: 'bootstrap-icons';
display: inline-flex;
flex-direction: row;
align-items: center;
position: relative;
margin-top: 0px;
line-height: normal;
top: 2px;
opacity: 0;
display: none;
transition: opacity 0.3s ease;
}
.nav-tabs .nav-link.active::after {
display: inline-flex;
opacity: 1;
position: absolute;
top: calc(50% + 1px);
transform: translateY(-50%);
right: 15px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
border-color: var(--primary-color);
color: var(--primary-color);
}
.inner-epower-tab__items {
display: flex;
gap: 24px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.breadcrumb {
padding: 12px 0 20px 0;
margin: 0;
font-size: 16px;
color: var(--quinary-color);
}
.breadcrumb a,
.breadcrumb a:visited {
text-decoration: none;
color: var(--quinary-color);
font-weight: 400;
}
.breadcrumb a:hover {
color: var(--primary-color);
}
.breadcrumb .active {
font-weight: 500;
}
.breadcrumb li i {
font-size: var(--fs-12);
}
h1,
.h1 {
font-size: var(--fs-50);
}
h2,
.h2 {
font-size: var(--fs-34);
font-style: normal;
line-height: normal;
}
h3,
.h3 {
font-size: var(--fs-24);
font-style: normal;
line-height: normal;
}
table {
font-family: var(--primary-font);
font-size: var(--fs-16);
border: none !important;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
background-color: #f4f4f4;
box-shadow: none;
}
.btn-epower {
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--fs-18);
font-weight: 600;
line-height: normal;
width: fit-content;
cursor: pointer;
border-radius: 10px;
gap: 8px;
padding: 0px 24px;
text-decoration: none;
}
.btn-full__primary {
background-image: var(--gradient-1);
background-size: 100%;
color: white;
border-color: transparent;
background-position: 0% 50%;
transition: background-position 0.8s, background-size 0.8s;
}
.btn-full__primary:hover {
background-size: 200%;
background-position: 100% 50%;
color: white;
}
.btn-outline__primary {
background: transparent;
color: var(--quinary-color);
border: 1px solid var(--quinary-color);
transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.btn-outline__primary:hover {
background: var(--gradient-1);
color: white !important;
border-color: transparent;
}
.btn-full__primary:visited {
color: white;
}
.btn-outline__primary:visited {
color: var(--quinary-color);
}
.swiper-pagination {
position: relative;
top: 0;
margin-top: 25px;
}
.swiper-pagination-bullet {
background: #E1E1E1;
opacity: 1;
}
.swiper-pagination-bullet-active {
background: #89797D;
} header {
background-color: white;
width: 100%;
}
.top-header {
background: var(--tertiary-color);
color: white;
padding-block: 10px;
z-index: 3;
position: relative;
}
.top-header .top-header__content {
display: flex;
justify-content: space-between;
}
.top-header__social {
padding: 0;
margin: 0;
list-style: none;
display: flex;
gap: 15px;
}
.top-header__social a {
color: white;
text-decoration: none;
transition: color 0.3s;
}
.top-header__social a:visited {
color: white;
}
.top-header__social a:hover {
color: var(--secondary-color);
}
.top-header__left {
display: flex;
align-items: center;
gap: 15px;
}
.top-header__left a {
font-size: var(--fs-14);
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
transition: color 0.3s;
}
.top-header__left a:visited {
color: white;
}
.top-header__left a:hover {
color: var(--secondary-color);
}
.top-header__left a i {
font-size: var(--fs-18);
}
header .header__logo img {
max-width: 190px;
}
header .menunav {
display: flex;
align-items: center;
gap: 115px;
justify-content: space-between;
padding-block: var(--space-6);
}
header .header__navigation ul {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
header .header__navigation ul a {
color: var(--quinary-color);
font-size: var(--fs-16);
font-family: var(--primary-font);
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
padding: 10px;
position: relative;
z-index: 9;
}
header .header__navigation .first-level.current-item>a {
color: var(--primary-color);
}
.header__content {
position: relative;
width: 100%;
background: #fff; transition: all 0.3s ease-in-out;
z-index: 1000; }
header .header__content.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
background-color: white;
transform: translateY(0);
}
header .header__content .header-left {
position: relative;
z-index: 99;
}
header .header__navigation ul .parent-item.show-submenu .submenu {
transform: translateY(25px);
opacity: 1;
transition: transform .3s, opacity .7s ease-out;
}
header .header__navigation ul .parent-item>a i {
transform: rotate(0deg);
display: inline-block;
transition: transform 0.3s ease;
}
header .header__navigation ul .parent-item.show-submenu>a i {
transform: rotate(180deg);
}
header .header__navigation ul .parent-item.show-submenu>a {
font-weight: 600;
}
header .header__navigation .submenu {
position: absolute;
width: 100%;
left: 0;
transform: translateY(calc(-100% - 250px));
background: white;
padding: 80px 0;
max-width: 1300px;
margin: 0 auto;
right: 0;
z-index: 9;
opacity: 0;
min-width: 400px;
transition: transform 0.6s, opacity 0.1s ease-in, delay 0.3s;
}
header .header__navigation .submenu::before {
content: '';
position: absolute;
width: 100vw;
height: 100%;
background: white;
top: 0;
left: -100vw;
}
header .header__navigation .submenu::after {
content: '';
position: absolute;
width: 100vw;
height: 100%;
background: white;
top: 0;
right: -100vw;
}
header .header__navigation .submenu ul {
display: flex;
gap: var(--space-3);
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
header .header__navigation .submenu ul li {
max-width: 160px;
flex: 0 0 160px;
}
header .header__navigation .submenu ul a {
display: flex;
flex-direction: column;
padding: 0;
font-weight: normal;
}
header .header__navigation .submenu ul a .image {
border-radius: 10px;
background: #F5F5F5;
min-width: 160px;
object-fit: cover;
height: 88px;
padding: 5px 20px;
text-align: center;
margin-bottom: 10px;
overflow: hidden;
}
header .header__navigation .submenu ul a .image img {
position: relative;
height: 100%;
width: auto;
mix-blend-mode: multiply;
filter: brightness(1.1);
}
header .header__navigation li:not(:first-child) .submenu ul li .image {
padding: 0;
}
header .header__navigation li:not(:first-child) .submenu ul li .image img {
width: 100%;
object-fit: cover;
}
header .header__navigation .submenu ul a span {
max-width: 100%;
}
header .header__navigation .submenu-grid {
min-width: 615px;
}
header .header__navigation .submenu-grid>ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
header .header__navigation .submenu-grid>ul>li {
display: flex;
}
header .header__navigation .submenu-grid>ul>li img {
max-width: 44px;
max-height: 44px;
object-fit: cover;
border-radius: 100%;
}
header .header__navigation .submenu-grid>ul>li a {
font-size: 18px;
}
header .header__navigation .submenu-grid>ul>li a span {
font-size: 14px;
color: #444444;
margin-top: 10px;
display: block;
}
.overlay-submenu {
background: #0000004a;
width: 100%;
height: 100%;
position: fixed;
z-index: 2;
display: block;
top: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.overlay-submenu.show {
opacity: 1;
visibility: visible;
} .hamburger {
position: relative;
height: 26px;
margin-right: 27px;
display: none;
}
.hamburger a.main-nav-toggle {
display: block;
width: 24px;
height: 16px;
position: absolute;
}
.hamburger a.main-nav-toggle::after,
.hamburger a.main-nav-toggle::before {
content: "";
position: absolute;
top: 0;
height: 0;
border-bottom: 2px solid var(--quinary-color);
width: 100%;
left: 0;
right: 0;
transition: all ease-out 0.3s;
}
.hamburger a.main-nav-toggle::after {
top: 100%;
}
.hamburger a.main-nav-toggle i {
display: block;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
height: 2px;
background-color: var(--quinary-color);
width: 100%;
position: absolute;
top: 50%;
transition: all ease-out 0.1s;
}
.hamburger a.main-nav-toggle.active-menu::after {
transform: rotate(-45deg);
transform-origin: center;
top: 50%;
border-color: var(--quinary-color);
}
.hamburger a.main-nav-toggle.active-menu::before {
transform: rotate(45deg);
transform-origin: center;
top: 50%;
border-color: var(--quinary-color);
}
.hamburger a.main-nav-toggle.active-menu i {
opacity: 0;
}
.panel__navigation.nav-mobil {
display: none;
} footer .title-menu_footer {
font-size: var(--fs-18);
font-weight: 600;
margin-bottom: var(--space-2);
}
footer .wrapper-footer { box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05) inset;
}
footer .wrapper-footer ul {
list-style: none;
padding: 0;
margin: 0;
font-size: var(--fs-18);
}
footer .wrapper-footer ul li+li {
margin-top: var(--space-2);
}
footer .wrapper-footer ul a {
text-decoration: none;
color: var(--quinary-color);
transition: color 0.3s;
}
footer .wrapper-footer ul a:hover {
color: var(--tertiary-color);
}
footer .footer-top {
padding-block: var(--space-16) 0;
display: flex;
}
footer .footer-top>.container {
border-bottom: 0.5px solid #757575;
margin-bottom: var(--space-8);
padding-bottom: var(--space-8);
}
footer .inner-footer-top {
display: flex;
justify-content: space-between;
align-items: center;
}
footer .wrapper-footer ul.social-icons {
display: flex;
align-items: center;
gap: 16px;
font-size: var(--fs-22);
color: var(--primary-color);
}
footer .wrapper-footer ul.social-icons a,
footer .wrapper-footer ul.social-icons a:visited {
color: var(--tertiary-color);
transition: color 0.3s;
}
footer .wrapper-footer ul.social-icons a:hover {
color: var(--secondary-color);
}
footer .wrapper-footer ul.social-icons li+li {
margin-top: 0;
}
footer .footer-bottom {
background: #F5F5F5;
padding: var(--space-2) 0;
margin-top: var(--space-8);
}
footer .footer-bottom p {
font-size: var(--fs-14);
color: var(--quinary-color);
margin: 0;
text-align: center;
}
footer .footer-logo img {
max-width: 260px;
} .hero {
background-color: #F5F5F5;
padding-block: var(--space-8);
}
.hero .hero-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
padding-inline: 40px;
}
.hero .hero-content>div:first-child {
padding-right: 40px;
}
.hero .hero-content>div {
flex: 0 0 calc(50% - 40px);
}
.hero .hero-content h1 {
font-weight: 700;
}
.hero .hero-content p {
color: var(--quaternary-color);
font-size: var(--fs-20);
font-style: normal;
font-weight: 400;
line-height: 127.4%;
margin-bottom: 0;
}
.hero .hero-content>div:last-child img {
max-height: 370px;
min-height: 370px;
object-fit: cover;
object-position: bottom;
border-radius: 20px;
}
.product-grid-filter {
padding-block: var(--space-24);
}
.title-cat h2 {
font-weight: 700;
text-align: center;
margin-bottom: 40px;
color: var(--quinary-color);
}
.product-grid-filter #product-list {
padding-block: var(--space-8);
display: flex;
flex-wrap: wrap;
grid-template-columns: repeat(3, 1fr);
justify-content: center;
gap: 30px;
}
.product-grid-filter #product-list .product-item {
flex: calc(33.3333% - 30px) 0 0;
}
.epower-card_product {
border-radius: 20px;
background: #FFF;
box-shadow: 2px 8px 20px 0px rgba(0, 0, 0, 0.10);
overflow: hidden;
position: relative;
}
.epower-card_product .abs-link {
background: transparent;
height: 100%;
width: 100%;
display: block;
top: 0;
position: absolute;
}
.epower-card_product .card__producto__content {
padding: 24px;
width: 100%;
}
.inner__product__content__header>a,
.inner__product__content__header>a:visited {
color: var(--quinary-color);
font-size: var(--fs-16);
text-decoration: none;
top: 5px;
position: relative;
}
.inner__product__content__header {
display: flex;
justify-content: space-between;
width: 100%;
}
.epower-card_product .inner-card__producto {
display: flex;
}
.epower-card_product .inner-card__producto>a {
background: #f5f5f5;
padding: 15px;
}
.epower-card_product .inner-card__producto img {
width: 120px;
height: 95px;
max-width: 120px;
max-height: 120px;
object-fit: contain;
mix-blend-mode: multiply;
filter: brightness(1.1);
}
.epower-card_product .card__producto__content__header img {
max-width: 64px;
width: 64px;
max-height: auto;
height: auto;
}
.card__producto__content__header .brand-text {
margin-bottom: 0;
font-size: var(--fs-16);
}
.card__producto__content__header .potencia {
font-size: var(--fs-20);
font-weight: 600;
margin-bottom: 15px;
}
.term-generadores-portatiles .card__producto__content__header .potencia{
display: none !important;
}
.card__producto__content__body p {
margin-bottom: 0;
font-size: var(--fs-18);
}
.card__producto__content__header__title {
font-size: var(--fs-18);
font-weight: 600;
color: var(--quinary-color);
}
.product-grid.loading {
opacity: 0.5;
pointer-events: none;
}
.product-grid .loadmore {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.featured-custom-image{
aspect-ratio: 1/1;
width: 100%;
object-fit: contain;
object-position: center;
}
#filter-form {
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
}
#filter-form .select-filter {
position: relative;
}
#filter-form select {
border: 0.5px solid #8A8A8A;
padding-inline: 10px;
height: 48px;
font-size: 16px;
border-radius: 10px;
min-width: 300px;
background-color: white;
}
#filter-form label {
position: absolute;
font-size: 12px;
background: white;
top: 0;
padding: 0 10px;
transform: translateY(-50%);
left: 10px;
} .single-producto .entry-content h1 {
font-weight: 700;
font-size: var(--fs-36);
margin-bottom: 15px;
margin-top: 0;
}
.single-producto .entry-content .marca-logo {
max-width: 175px;
width: 175px;
height: 60px;
max-height: 60px;
object-fit: contain;
margin-bottom: 15px;
}
.single-producto .title-small {
font-size: var(--fs-18);
color: var(--quaternary-color);
margin-bottom: 24px;
}
.single-producto .entry-content table {
max-width: 400px;
margin-bottom: var(--space-5);
}
.single-producto .entry-content table tr td {
border: none;
padding-block: 15px;
}
.single-producto .entry-content table tr td:first-child {
font-weight: 500;
color: var(--quinary-color);
}
.single-producto .entry-content .container-xlg>.row>div[class*="col-"]:last-child .btn-epower {
width: 100%;
max-width: 400px;
}
.single-producto .entry-content .container-xlg>.row>div[class*="col-"]:last-child .btn-outline__primary {
border-color: var(--tertiary-color);
color: var(--tertiary-color);
}
.single-producto .entry-content .container-xlg>.row>div[class*="col-"]:last-child button.btn-epower {
margin-top: var(--space-5);
}
.single-producto .entry-content .nav-tabs {
justify-content: flex-start;
border: none;
gap: 4px;
padding: 0;
margin-inline: 0;
margin-bottom: var(--space-5);
}
.single-producto .entry-content .nav-tabs .nav-link {
font-size: var(--fs-18);
font-family: var(--primary-font);
color: var(--quinary-color);
border: 1px solid var(--quinary-color);
border-radius: 60px;
padding: 10px 18px;
}
.single-producto .entry-content .nav-tabs .nav-link.active::after {
content: '\F272';
font-family: 'bootstrap-icons';
display: inline-flex;
flex-direction: row;
align-items: center;
position: relative;
margin-top: 0px;
line-height: normal;
top: 2px;
font-size: var(--fs-14);
}
.single-producto .entry-content .nav-tabs .nav-item.show .nav-link,
.single-producto .entry-content .nav-tabs .nav-link.active {
border-color: var(--primary-color);
color: var(--primary-color);
}
.single-producto .entry-content > .container-xlg > .row > div[class*="col-"]:first-child {
display: flex;
justify-content: center;
align-items: center;
}
.single-producto .entry-content{
margin-bottom: var(--space-10) !important;
}
.single-producto .nav-tabs .nav-link.active::after{
display: inline-flex !important;
opacity: 1;
position: relative !important;
top: inherit !important;
transform: inherit;
right: -5px;
} #loader img {
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
select {
-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22currentColor%22 class=%22bi bi-chevron-down%22 viewBox=%220 0 16 16%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: right 0.5rem center; background-size: 1rem; padding-right: 2rem; } .banner-page {
padding-block: var(--space-8);
}
.banner-page:is(.version-container) {
padding: 0;
margin-bottom: 40px;
}
.banner-page:is(.version-container)>.container {
padding: var(--space-5) var(--space-8);
border-radius: 20px;
}
.banner-page .banner-page__content {
display: flex;
gap: 40px;
justify-content: space-between;
align-items: center;
}
.banner-page .banner-page__content>div[class*="column-"] {
flex: 0 0 calc(50% - 40px);
}
.banner-page .banner-page__content>div[class*="column-"]:last-child {
text-align: center;
}
.banner-page .banner-page__content h1 {
font-size: var(--fs-46);
font-weight: 700;
}
.banner-page .banner-page__content p {
font-size: var(--fs-20);
margin-bottom: 0;
}
.banner-page .banner-page__content p+p {
margin-top: var(--space-5);
}
.banner-page .banner-page__content ul {
padding: 0;
margin: 0 0 0 15px;
font-size: var(--fs-20);
margin-bottom: var(--space-8);
}
.banner-page img {
max-height: 290px;
object-fit: cover;
border-radius: 20px;
height: 290px;
min-height: 290px;
width: 100%;
}
.banner-page .buttons {
display: flex;
gap: 15px;
margin-top: 15px;
}
#modalExito .modal-content {
background: white;
border-radius: 10px;
border: 1px solid #dfdfdf;
}
#modalExito button[data-bs-dismiss="modal"] {
border: none;
background: transparent;
font-size: 2rem;
position: absolute;
right: -15px;
top: -15px;
color: #7a7a7a;
} .home .epower-banner-split-block {
margin-bottom: 0;
padding-block: calc(var(--space-8) + calc(215px / 2)) var(--space-16);
}
.page-id-365 .epower-grid-items-block {
max-width: 1040px;
margin: var(--space-16) auto;
}
.page-id-365 .epower-big-banner-block,
.page-id-365 .epower-banner-split-block {
margin-block: 0;
}
.page-id-301 .epower-banner-split-block,
.page-id-211 .epower-banner-split-block {
padding-block: calc(var(--space-8) + calc(215px / 2)) var(--space-16);
} .error-404.not-found {
margin-block: var(--space-24);
}
.error-404.not-found img {
width: 115px;
height: 115px;
object-fit: cover;
margin-bottom: 40px;
}
.error-404.not-found h1 {
font-weight: 700;
font-size: var(--fs-46);
margin-block: 0 40px;
}
.error-404.not-found .error-404-subtitle {
font-size: var(--fs-20);
color: var(--quaternary-color);
margin-bottom: var(--space-5);
font-weight: 600;
}
.error-404.not-found ul {
padding: 0;
margin: 0;
list-style: none;
font-size: var(--fs-18);
display: flex;
gap: 16px;
flex-direction: column;
}
.error-404.not-found ul li a {
color: var(--quinary-color);
transition: color 0.3s ease;
}
.error-404.not-found ul li a:hover {
color: var(--primary-color);
}
.error404 .footer-top {
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05) inset;
}
.file-hidden {
display: none !important;
}
div[id*="modalGenralQuote"] .modal-content {
background-color: #f5f5f5;
padding: var(--space-5) var(--space-21);
}
div[id*="modalGenralQuote"] form {
max-width: 615px;
}
div[id*="modalGenralQuote"] .step {
border-radius: 10px;
border: 1px solid #DFDFDF;
background: #FFF;
padding-block: var(--space-4);
margin-bottom: var(--space-4);
}
div[id*="modalGenralQuote"] .header-step {
border-bottom: 1px solid #DFDFDF;
padding: 0 20px 20px 20px;
}
div[id*="modalGenralQuote"] .body-step {
padding: 20px 20px 0 20px;
}
div[id*="modalGenralQuote"] .body-step>p {
margin-bottom: 0;
}
div[id*="modalGenralQuote"] h2 {
font-size: var(--fs-34);
font-weight: 700;
margin-bottom: 20px;
}
div[id*="modalGenralQuote"] h3 {
font-size: var(--fs-18);
font-weight: 600;
margin: 0;
}
div[id*="modalGenralQuote"] .body-step .wpcf7-radio,
div[id*="modalGenralQuote"] .wpcf7-radio {
display: flex;
flex-direction: column;
font-size: var(--fs-18);
gap: 8px;
}
div[id*="modalGenralQuote"] .body-step .wpcf7-radio .wpcf7-list-item,
div[id*="modalGenralQuote"] .wpcf7-radio .wpcf7-list-item {
margin-left: 0;
}
div[id*="modalGenralQuote"] div[data-id*="group-"] {
margin-top: 0;
position: relative;
}
div[id*="modalGenralQuote"] div[data-id*="group-"] p {
margin-bottom: 0;
}
div[id*="modalGenralQuote"] div[data-id*="group-"] label {
font-size: var(--fs-12);
color: #666;
position: absolute;
top: 30px;
z-index: 9;
left: 15px;
}
div[id*="modalGenralQuote"] div[data-id*="group-"] select {
padding-top: var(--space-4);
font-size: var(--fs-16);
}
div[id*="modalGenralQuote"] input:focus+label,
div[id*="modalGenralQuote"] input:valid+label,
div[id*="modalGenralQuote"] input:not(:placeholder-shown)+label,
div[id*="modalGenralQuote"] select:focus+label,
div[id*="modalGenralQuote"] select:valid+label,
div[id*="modalGenralQuote"] select:not(:placeholder-shown)+label {
top: 0;
font-size: var(--fs-12);
color: var(--primary-color);
background: #FFF;
padding: 0 5px;
}
div[id*="modalGenralQuote"] .body-step p,
div[id*="modalGenralQuote"] p {
position: relative;
}
div[id*="modalGenralQuote"] .body-step .wpcf7-form-control-wrap+label,
div[id*="modalGenralQuote"] .wpcf7-form-control-wrap+label {
color: #666;
position: absolute;
left: 15px;
top: 50%;
font-size: var(--fs-16);
transform: translateY(-50%);
transition: all 0.3s ease;
}
div[id*="modalGenralQuote"] .body-step:last-child .row:last-child label,
div[id*="modalGenralQuote"] .row:nth-last-child(2) label {
transform: translateY(0);
top: 15px;
}
div[id*="modalGenralQuote"] .body-step .active label,
div[id*="modalGenralQuote"] .active label {
font-size: var(--fs-16);
top: 0px !important;
background: white;
padding: 0 10px;
}
div[id*="modalGenralQuote"] .body-step:last-child .row:last-child .active label,
div[id*="modalGenralQuote"] .row:last-child .active label {
top: -8px !important;
}
div[id*="modalGenralQuote"] .modal-body .btn-close {
float: right;
}
.callModalQuote a {
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--fs-18);
font-weight: 600;
line-height: normal;
width: fit-content;
cursor: pointer;
border-radius: 10px;
gap: 8px;
padding: 0px 24px !important;
text-decoration: none;
background-image: var(--gradient-1);
background-size: 100%;
color: white !important;
border-color: transparent;
background-position: 0% 50%;
transition: background-position 0.8s, background-size 0.8s;
}
.callModalQuote a:hover {
background-position: 100% 50%;
background-size: 200%;
}
.panel__navigation.nav-mobil .offcanvas-backdrop {
display: none !important;
}
.panel__navigation.nav-mobil .offcanvas {
width: 100% !important;
border: none !important;
}
.blockMsg {
border: none !important;
background-color: #5f0e2017 !important;
cursor: wait !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(2px);
}
.loader {
width: 48px;
height: 48px;
border: 5px solid var(--primary-color);
border-bottom-color: var(--secondary-color);
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
display: none !important;
}
.error-msg {
color: #D70000;
font-size: 12px;
margin-top: 4px;
position: absolute;
display: flex;
gap: 1px;
}
.error-msg:before {
content: "\F333";
font-family: 'bootstrap-icons';
font-size: 12px;
margin-right: 5px;
color: #D70000;
}
.error-active input,
.error-active select,
.error-active textarea {
border-radius: 10px;
border: 1px solid #D70000;
background: rgba(215, 0, 0, 0.10);
}
.focus-active input,
.focus-active select,
.focus-active textarea {
background: white;
}
.error-active label {
color: #D70000 !important;
}
.wpcf7-submit.disabled {
opacity: .8;
cursor: not-allowed;
pointer-events: none;
}
@media screen and (max-width: 1400px) {
header .menunav {
gap: 20px;
}
}
@media screen and (max-width: 1200px) {
header .menunav {
gap: 20px;
}
header .header__navigation ul {
gap: 12px;
}
header .header__navigation ul a {
padding: 3px;
}
header .header__logo img {
max-width: 150px;
}
}
@media screen and (max-width: 991px) {
header .header__navigation.nav-desktop {
display: none;
}
.panel__navigation {
height: 100dvh;
background: white;
position: fixed;
z-index: 99;
left: 0;
top: 99px;
width: 100%; transform: translateX(-100%);
opacity: 0;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.menu-open {
overflow: hidden;
}
.menu-open .panel__navigation {
transform: translateX(0);
opacity: 1;
}
.header__content {
background: transparent;
transition: background 0.3s ease-in-out;
}
.menu-open .header__content {
background: white;
}
.hamburger {
display: flex;
align-items: center;
}
.panel__navigation.nav-mobil {
display: block;
}
.panel__navigation.nav-mobil ul {
list-style: none;
padding: 0;
margin: 0 15px; } .panel__navigation.nav-mobil .accordion-item {
color: white;
background-color: transparent;
border: none;
}
.panel__navigation.nav-mobil .accordion-item button {
background: white;
border: none;
border-radius: 0;
}
.panel__navigation.nav-mobil .accordion-item button,
.panel__navigation.nav-mobil a {
font-size: var(--fs-16);
font-weight: normal;
color: var(--quinary-color);
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
padding: 15px;
margin: 0;
width: 100%;
border-bottom: 0.4px solid #878787;
}
.panel__navigation.nav-mobil a:not(.btn-epower) {
border-radius: 0;
}
.panel__navigation.nav-mobil .callModalQuote a {
margin-top: 25px;
border-radius: 10px;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.panel__navigation.nav-mobil .accordion-item button::after {
content: "\f282";
background-image: none;
font-family: 'bootstrap-icons';
transform: rotate(-90deg);
}
.panel__navigation.nav-mobil .btn-dlc {
background-color: transparent !important;
color: white !important;
border-radius: 0;
height: auto;
padding: 0;
}
.panel__navigation.nav-mobil .btn-dlc a {
background-color: transparent !important;
color: white !important;
border-radius: 0;
width: 100%;
padding: 1.25rem 1rem;
height: auto;
}
.panel__navigation.nav-mobil .accordion-body {
padding: 0;
}
.panel__navigation.nav-mobil .submenu ul,
.panel__navigation.nav-mobil .submenu ul li {
border: none;
}
.panel__navigation.nav-mobil .submenu li a {
font-weight: 500;
}
.panel__navigation.nav-mobil .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
}
.panel__navigation.nav-mobil .accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}
.panel__navigation.nav-mobil .offcanvas {
padding-inline: 15px;
}
.panel__navigation.nav-mobil .offcanvas .offcanvas-header {
background: #F2F2F2;
padding: 0 12px;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
padding-left: 50px;
height: 45px;
}
.panel__navigation.nav-mobil .offcanvas .offcanvas-header button {
flex: 0 0 17px;
background: transparent;
transform: rotate(180deg);
border: none;
position: absolute;
left: 0px;
top: 0;
width: 100%;
text-align: left;
justify-content: flex-end;
display: flex;
}
.panel__navigation.nav-mobil .offcanvas .offcanvas-header h5 {
font-size: 16px;
font-weight: 500;
}
.panel__navigation.nav-mobil .offcanvas .image {
border-radius: 10px;
background: #F5F5F5;
width: 97px;
height: 64px;
position: relative;
text-align: center;
}
.panel__navigation.nav-mobil .offcanvas .image img {
height: 100%;
object-fit: contain;
mix-blend-mode: multiply;
filter: brightness(1.1);
max-width: 65px;
padding: 5px;
}
#offcanvas-servicios .image img{
width: 100%;
object-fit: cover;
max-width: 100%;
padding: 0;
border-radius: 10px;
}
.panel__navigation.nav-mobil .offcanvas .offcanvas-body,
.panel__navigation.nav-mobil .offcanvas .offcanvas-body .nav-submenu a {
padding-inline: 0;
}
.panel__navigation.nav-mobil .offcanvas .offcanvas-body .nav-submenu a {
display: flex;
gap: 15px;
justify-content: flex-start;
border: none;
}
.panel__navigation.nav-mobil .offcanvas .offcanvas-body .nav-submenu {
margin-inline: 0;
}
header .button-epower a {
width: fit-content;
text-align: center;
justify-content: center !important;
margin: 15px 0 0 15px !important;
}
.titles_epower h2 {
font-size: var(--fs-24);
font-weight: 700;
}
footer .footer-top {
padding-top: var(--space-8);
}
footer .inner-footer-top {
flex-direction: column;
gap: 20px;
}
footer .footer-top>.container {
padding-bottom: var(--space-4);
}
footer .footer-center .row>*+* {
margin-top: var(--space-4);
}
footer .wrapper-footer ul a {
font-size: var(--fs-14);
}
.product-grid-filter #product-list {
grid-template-columns: repeat(2, 1fr);
}
.product-grid-filter #product-list .product-item {
flex: calc(50% - 30px) 0 0;
}
}
@media (max-width: 768px) {
.container-xlg {
margin-inline: 15px;
}
.top-header {
display: none;
}
.hero .hero-content {
flex-direction: column;
padding-inline: 0;
}
.hero .hero-content h1 {
margin-top: 0;
font-size: var(--fs-28);
}
.title-cat h2 {
font-size: var(--fs-24);
max-width: 280px;
margin-inline: auto;
}
.banner-page img {
max-height: max-content;
height: auto;
}
.product-grid-filter {
padding-block: var(--space-12);
}
#filter-form {
flex-direction: column;
}
#filter-form .select-filter,
#filter-form .select-filter select {
width: 100%;
}
.product-grid-filter #product-list {
grid-template-columns: repeat(1, 1fr) !important;
}
.single-producto .entry-content h1 {
font-size: var(--fs-24);
}
.product-quote,
.fix-button {
background: white;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
padding: 20px 15px;
z-index: 999;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05) inset;
}
.product-quote button,
.fix-button button {
margin-top: 0 !important;
}
.fix-button a {
width: 100%;
}
.product-grid-filter #product-list .product-item {
flex: 100% 0 0;
}
.single-producto .entry-content table,
.single-producto .entry-content .container-xlg>.row>div[class*="col-"]:last-child .btn-epower {
max-width: 100%;
}
.banner-page .banner-page__content {
flex-direction: column;
}
.banner-page .banner-page__content h1 {
font-size: var(--fs-28);
}
.banner-page:is(.version-container)>.container {
padding: var(--space-5) var(--space-3);
} .page-template-template-servicios .epower-banner-split-block {
margin-top: var(--space-24);
} .error-404.not-found {
margin-block: var(--space-12);
}
.error-404.not-found h1 {
font-size: var(--fs-26);
margin-bottom: var(--space-5);
}
footer .wrapper-footer ul.social-icons a {
font-size: var(--fs-22);
} .page-id-365 .epower-banner-split-block {
margin-block: var(--space-24);
}
div[id*="modalGenralQuote"] .modal-content {
padding: var(--space-10) var(--space-2);
}
div[id*="modalGenralQuote"] input[type="submit"] {
border: none !important;
width: 100%;
}
}