/* Theme Name: JYW 2021 Theme URI: danielquino.com Description: Tema para la web JYW Autor: Daniel Quino Ángeles Version: 1.0 License: GNU General Public Licence v2 or later */ html { background-repeat: no-repeat; background-size: contain; background-position: center top; /*background-color: #000000;*/ font-size: 62.5%; } html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; box-sizing: border-box; /* (Paul Irish hack) */ } body { font-family: 'Jura', sans-serif; font-weight: 300; font-size: 16px; font-size: 1.6rem; /*color: #fff;*/ } h1, h2, h3, h4, h5, p, ul { padding: 0; margin: 0; } @media only screen and (min-width: 320px) { html { font-size: 40%; } } @media only screen and (min-width: 375px) { html { font-size: 40%; } } @media only screen and (min-width: 425px) { html { font-size: 48%; } } @media only screen and (min-width: 601px) { html { font-size: 40%; } } @media only screen and (min-width: 1024px) { html { font-size: 40%; } /*body { background-image: url('images/home1-1024.jpg'); background-repeat: repeat; }*/ } @media only screen and (min-width: 1200px) { html { font-size: 42%; } /*body { background-image: url('images/home1-1200.jpg'); background-repeat: repeat; }*/ } @media only screen and (min-width: 1280px) { html { /*font-size: 58%;*/ font-size: 45%; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 940px !important; } /*body { background-image: url('images/home1-1280.jpg'); background-repeat: repeat; }*/ } @media only screen and (min-width: 1366px) { html { font-size: 45%; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1000px !important; } /*body { background-image: url('images/home1-1366.jpg'); background-repeat: repeat; }*/ } @media only screen and (min-width: 1440px) { html { font-size: 52%; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1080px !important; } /*body { background-image: url('images/home1.jpg'); background-repeat: repeat; }*/ } @media only screen and (min-width: 1920px) { html { font-size: 62.5%; } /* container elementor */ /*.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1440px !important; }*/ /* container bootstrap */ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px !important; } } .container { /*background-color: red;*/ } /* Custom property */ :root{ /* Fuentes */ --fuentePrincipal : 'Jura', sans-serif; --fuenteSecundaria : 'Jura', sans-serif; /* Colores */ --colorEnfasis: #062946; --colorBase: #3a3a3c; --colorTexto: #3a3a3c; --colorBlanco1: #ffffff; --colorPlomo1: #4d4d4f; --colorPlomo2: #ebecee; --colorPlomo3: #dde0e3; --colorPlomo4: #BBC2C9; --colorAzul1: #58595b; --colorAzul2: #1e4280; --colorAzul3: #7e8da1; --colorAzul4: #7d8ca0; --colorAzul5: #000309; --colorNaranja1: #f8992e; --colorNaranja2: #f8992f; } /* Colores */ .c-enfasis { color: var(--colorEnfasis); } .c-plomo1 { color: var(--colorPlomo1); } .bg-plomo-1 { background-color: var(--colorPlomo1); } .bg-plomo-2 { background-color: var(--colorPlomo2); } .bg-plomo-3 { background-color: var(--colorPlomo3); } .bg-naranja-1 { background-color: var(--colorNaranja1); } /* Iconos */ .ico-dqa { text-rendering: auto; line-height: 1; display: inline-flex; } .ico-dqa::before { content: ''; background-repeat: no-repeat; background-size: contain; background-position: center; } .ico-dqa.wapp::before { background-image: url('images/ico-wapp.svg'); width: 1.8rem; height: 1.8rem; } .ico-dqa.email::before { background-image: url('images/ico-email.svg'); width: 1.8rem; height: 1.8rem; } .ico-dqa.gps::before { background-image: url('images/ico-visitanos.svg'); width: 1.8rem; height: 1.8rem; } .ico-dqa.msj-alerta::before { background-image: url('images/ico-alert.svg'); } .ico-dqa.lupa::before { background-image: url('images/ico-lupa.svg'); width: 1.8rem; height: 1.8rem; } .ico-dqa.down::before { background-image: url('images/ico-down.svg'); width: 2.9rem; height: 3rem; } .ico-dqa.view::before { background-image: url('images/ico-view.svg'); width: 3.6rem; height: 3rem; } .ico-dqa.btn-up::before { background-image: url('images/btn-up-1.svg'); width: 2.5rem; height: 2.5rem; } .ico-dqa.btn-menu::before { background-image: url('images/btn-menu.svg'); width: 3.5rem; height: 2.018rem; } .ico-dqa.btn-menu-close::before { background-image: url('images/btn-menu-close.svg'); width: 3.5rem; height: 2.018rem; } .ico-dqa.ayuda::before { background-image: url('images/ico-ayuda.svg'); width: 8.9rem; height: 8.9rem; } .ico-dqa.new::before { background-image: url('images/ico-nuevo.png'); width: 4rem; height: 4rem; } @media only screen and (min-width: 720px) { .ico-dqa.new::before { width: 5rem; height: 5rem; } } @media only screen and (min-width: 1024px) { .ico-dqa.new::before { width: 6.5rem; height: 6.5rem; } } @media only screen and (min-width: 1280px) { .ico-dqa.new::before { width: 6.5rem; height: 6.5rem; } } @media only screen and (min-width: 1440px) { .ico-dqa.new::before { width: 5.5rem; height: 5.5rem; } } @media only screen and (min-width: 19200px) { .ico-dqa.new::before { width: 6.5rem; height: 6.5rem; } } .ico-dqa.phone-blanco::before { background-image: url('images/ico-phone-blanco.svg'); width: 4.5rem; height: 4.6rem; } .ico-dqa.wapp-blanco::before { background-image: url('images/ico-wapp-blanco.svg'); width: 4.1rem; height: 4.1rem; } .ico-dqa.arrow-left-blanco::before { background-image: url('images/arrow-left-blanco.png'); width: 2.6rem; height: 4.5rem; } .ico-dqa.phone.naranja::before { background-image: url('images/ico-phone-naranja.svg'); width: 2rem; height: 2rem; } .ico-dqa.email.naranja::before { background-image: url('images/ico-email-naranja.svg'); width: 2.5rem; height: 1.8rem; } .ico-dqa.location.naranja::before { background-image: url('images/ico-ubicacion-naranja.svg'); width: 2.3rem; height: 2.3rem; } .ico-dqa.factura-e.naranja::before { background-image: url('images/ico-factura-naranja.png'); width: 5rem; height: 5rem; } .ico-dqa.factura-e-v2.azul::before { background-image: url('images/ico-factura-e-azul.svg'); width: 1.8rem; height: 3.2rem; } .ico-dqa.factura-e.azul::before { background-image: url('images/ico-factura-azul.png'); width: 5rem; height: 5rem; } .ico-dqa.msj-alerta.azul::before { background-image: url('images/ico-alert-azul.svg'); width: 1.8rem; height: 1.5rem; } .ico-dqa.arrow-left.azul::before { background-image: url('images/ico-arrow-left-azul.svg'); width: 1.5rem; height: 3rem; } .ico-dqa.arrow-right.azul::before { background-image: url('images/ico-arrow-right-azul.svg'); width: 1.5rem; height: 3rem; } /* Formatos Globales */ body p { } body strong { font-weight: 700; } body a { text-decoration: none; } body a:hover { text-decoration: none; } /* Solo Movil */ .only-mobile { display: block; } .only-mobile-f { display: flex; } .only-mobile-if { display: inline-flex; } @media only screen and (min-width: 1024px) { .only-mobile { display: none; } .only-mobile-f { display: none; } .only-mobile-if { display: none; } } /* Solo PC */ .only-pc { display: none; } .only-pc-ib { display: none; } .only-pc-f { display: none; } .only-oc-if { display: none; } @media only screen and (min-width: 1024px) { .only-pc { display: block; } .only-pc-ib { display: inline-block; } .only-pc-f { display: flex; } .only-pc-if { display: inline-flex; } } /* Bloques de Titulos */ .titulo.theme-1 { /*background-color: pink;*/ text-align: center; } .titulo.theme-1 h1 { } .titulo.theme-1 h2 { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 2.5rem; line-height: 3rem; } .titulo.theme-1 h2::before { /*background-color: red;*/ content: ''; width: 4.2rem; height: 3rem; margin-right: 2.5rem; display: inline-flex; vertical-align: middle; background-image: url('images/titulo-ico-left.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } .titulo.theme-1 h2::after { /*background-color: red;*/ content: ''; width: 4.2rem; height: 3rem; margin-left: 2.5rem; display: inline-flex; vertical-align: middle; background-image: url('images/titulo-ico-right.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } .titulo.theme-1.c-azul h2 { /*background-color: yellow;*/ color: var(--colorEnfasis); } @media only screen and (min-width: 1024px) { .titulo.theme-1 h2 { font-size: 3.958rem; line-height: 4.519rem; } .titulo.theme-1 h2::before { width: 7.2rem; height: 3.5rem } .titulo.theme-1 h2::after { width: 7.2rem; height: 3.5rem; } } .titulo.theme-2 { } .titulo.theme-2 h1 { } .titulo.theme-2 h2 { color: var(--colorEnfasis); font-size: 4.167rem; line-height: 4.286rem; } .titulo.theme-3 { } .titulo.theme-3 h1 { } .titulo.theme-3 h2 { font-weight: 700; color: var(--colorPlomo1); font-size: 4.167rem; line-height: 4.286rem; padding: 3rem 0 3rem 0; } .titulo.theme-4 { } .titulo.theme-4 h1 { } .titulo.theme-4 h2 { font-weight: 700; color: var(--colorEnfasis); font-size: 2.677rem; line-height: 2.571rem; padding: 1rem 0 1rem 0; } .titulo.theme-5 { } .titulo.theme-5 h1 { } .titulo.theme-5 h2 { font-weight: 700; color: var(--colorEnfasis); font-size: 2.5rem; line-height: 3rem; padding: 1rem 0 1rem 0; } @media only screen and (min-width: 1024px) { .titulo.theme-5 h2 { font-size: 3.542rem; line-height: 2.708rem; } } .titulo.theme-6 { text-align: center; position: relative; } .titulo.theme-6 h1 { display: inline-block; font-weight: 700; color: var(--colorEnfasis); font-size: 3.125rem; line-height: 2.708rem; padding: 1rem 3.5rem 1rem 3.5rem; } .titulo.theme-6 h1::before { content: ''; position: absolute; z-index: -1; bottom: 2rem; left: 0px; width: 50%; height: 2px; margin-left: 0; background-color: var(--colorEnfasis); } .titulo.theme-6 h1::after { content: ''; position: absolute; z-index: -1; bottom: 2rem; right: 0px; width: 50%; height: 2px; margin-left: 0; background-color: var(--colorEnfasis); } .titulo.theme-6.bg-blanco h1 { background-color: white; } .titulo.theme-6 h2 { display: inline-block; font-weight: 700; color: var(--colorEnfasis); font-size: 3.125rem; line-height: 2.708rem; padding: 1rem 3.5rem 1rem 3.5rem; } .titulo.theme-6 h2::before { content: ''; position: absolute; z-index: -1; bottom: 2rem; left: 0px; width: 50%; height: 2px; margin-left: 0; background-color: var(--colorEnfasis); } .titulo.theme-6 h2::after { content: ''; position: absolute; z-index: -1; bottom: 2rem; right: 0px; width: 50%; height: 2px; margin-left: 0; background-color: var(--colorEnfasis); } .titulo.theme-6.bg-blanco h2 { background-color: white; } .titulo.theme-7 { } .titulo.theme-7 h1 { display: block; font-weight: 700; color: var(--colorEnfasis); text-transform: uppercase; font-size: 3.133rem; line-height: 2.715rem; } .titulo.theme-8 { } .titulo.theme-8 h2 { text-transform: uppercase; color: var(--colorEnfasis); font-weight: 700; font-size: 2.796rem; line-height: normal; } /* Bloques de texto */ .texto.theme-1 { color: var(--colorTexto); font-size: 2.396rem; line-height: 3.125rem; } .texto.theme-1 p { color: var(--colorTexto); font-size: 2.396rem; line-height: 3.125rem; padding: 0 0 3rem 0; } .texto.theme-1 p strong { font-weight: 700; color: var(--colorEnfasis); font-size: 2.396rem; line-height: 3.125rem; } .texto.theme-1.justify p { text-align: justify; } .texto.theme-1.center p { text-align: center; } .texto.theme-2 { color: var(--colorTexto); font-size: 1.8rem; line-height: 2.5rem; } .texto.theme-2 p { color: var(--colorTexto); font-size: 1.8rem; line-height: 2.5rem; padding: 0 0 3rem 0; } .texto.theme-2 p strong { font-weight: 600; color: var(--colorTexto); font-size: 1.8rem; line-height: 2.5rem; } .texto.theme-2 p strong.c-enfasis { color: var(--colorEnfasis); } @media only screen and (min-width: 768px) { .texto.theme-2 { font-size: 2.3rem; line-height: 2.9rem; } .texto.theme-2 p { font-size: 2.3rem; line-height: 2.9rem; padding: 0 0 3rem 0; } .texto.theme-2 p strong { font-size: 2.3rem; line-height: 2.9rem; } } @media only screen and (min-width: 1024px) { } .texto.theme-3 { color: var(--colorPlomo1); font-size: 3.002rem; line-height: 3.519rem; } .texto.theme-3 p { color: var(--colorPlomo1); font-size: 3.002rem; line-height: 3.519rem; padding: 0 0 3rem 0; } .texto.theme-3 p strong { font-weight: 700; color: var(--colorPlomo1); font-size: 3.002rem; line-height: 3.519rem; } .texto.theme-4 { color: var(--colorPlomo1); font-size: 2.381rem; line-height: 3.002rem; } .texto.theme-4 p { color: var(--colorPlomo1); font-size: 2.381rem; line-height: 3.002rem; padding: 0 0 3rem 0; } .texto.theme-4 p strong { font-weight: 600; color: var(--colorPlomo1); font-size: 2.381rem; line-height: 3.002rem; } .texto.theme-5 { color: var(--colorEnfasis); font-size: 2.374rem; line-height: 3.125rem; } .texto.theme-5 p { color: var(--colorEnfasis); font-size: 2.374rem; line-height: 3.125rem; padding: 0 0 3rem 0; } .texto.theme-5 p strong { font-weight: 700; color: var(--colorEnfasis); font-size: 2.374rem; line-height: 3.125rem; } .texto.theme-6 { font-weight: 400; color: var(--colorPlomo1); font-size: 2.679rem; line-height: 3.699rem; } .texto.theme-6 p { font-weight: 400; color: var(--colorPlomo1); font-size: 2.679rem; line-height: 3.699rem; padding: 0 0 3rem 0; } .texto.theme-6 p strong { font-weight: 600; color: var(--colorPlomo1); font-size: 2.679rem; line-height: 3.699rem; } .texto.theme-6 p strong.c-azul-1 { color: var(--colorAzul2); } .texto.theme-7 { font-weight: 400; color: var(--colorBase); font-size: 2.375rem; line-height: 2.917rem; } .texto.theme-7 p { font-weight: 400; color: var(--colorBase); font-size: 2.375rem; line-height: 2.917rem; padding: 0 0 3rem 0; } .texto.theme-7 p strong { font-weight: 700; color: var(--colorEnfasis); font-size: 2.375rem; line-height: 2.917rem; } .texto.theme-8 { font-weight: 400; color: var(--colorBlanco1); font-size: 1.6rem; line-height: initial; } .texto.theme-8 p { font-weight: 400; color: var(--colorBlanco1); font-size: 1.6rem; line-height: initial; padding: 0 0 0 0; } .texto.theme-8 p strong { font-weight: 600; color: var(--colorBlanco1); font-size: 1.6rem; line-height: initial; } .texto.theme-9 { font-weight: 400; word-wrap: break-word; color: var(--colorBase); font-size: 1.8rem; line-height: 2.2rem; } .texto.theme-9 p { font-weight: 400; word-wrap: break-word; color: var(--colorBase); font-size: 1.8rem; line-height: 2.2rem; padding: 0 0 0 0; } .texto.theme-9 p strong { font-weight: 700; word-wrap: break-word; color: var(--colorBase); font-size: 1.8rem; line-height: 2.2rem; } @media only screen and (min-width: 1024px) { .texto.theme-9 { font-size: 2.292rem; line-height: 2.708rem; } .texto.theme-9 p { font-size: 2.292rem; line-height: 2.708rem; } .texto.theme-9 p strong { font-size: 2.292rem; line-height: 2.708rem; } } .texto.theme-10 { font-weight: 400; color: var(--colorBase); font-size: 1.896rem; line-height: normal; } .texto.theme-10 p { font-weight: 400; color: var(--colorBase); font-size: 1.896rem; line-height: normal; padding: 0 0 0 0; } .texto.theme-10 p strong { font-weight: 700; color: var(--colorBase); font-size: 1.896rem; line-height: normal; } .texto.theme-11 { font-weight: 400; color: var(--colorBase); font-size: 2.36rem; line-height: normal; } .texto.theme-11 p { font-weight: 400; color: var(--colorBase); font-size: 2.36rem; line-height: normal; padding: 0 0 0 0; } .texto.theme-11 p strong { font-weight: 700; color: var(--colorBase); font-size: 2.36rem; line-height: normal; } .texto.theme-12 { font-weight: 400; color: var(--colorBase); font-size: 3.477rem; line-height: normal; } .texto.theme-12 p { font-weight: 400; color: var(--colorBase); font-size: 3.477rem; line-height: normal; padding: 0 0 0 0; } .texto.theme-12 p strong { font-weight: 700; color: var(--colorBase); font-size: 3.477rem; line-height: normal; } .texto.theme-13 { font-weight: 400; color: var(--colorBase); font-size: 2rem; line-height: 2.138rem; } .texto.theme-13 p { font-weight: 400; color: var(--colorBase); font-size: 2rem; line-height: 2.138rem; padding: 0 0 0 0; } .texto.theme-13 p strong { font-weight: 700; color: var(--colorBase); font-size: 2rem; line-height: 2.138rem; } /* Botones */ .boton.theme-1 { } .boton.theme-1 a { display: inline-block; color: var(--colorBlanco1); background-color: var(--colorNaranja1); font-weight: 500; font-size: 2.602rem; line-height: 1.44rem; padding: 1.8rem 4rem 1.8rem 4rem; margin: 1rem 0 1rem 0; } .boton.theme-2 { } .boton.theme-2 a { text-transform: uppercase; display: inline-block; color: var(--colorEnfasis); background-color: var(--colorPlomo4); border: 0.2rem solid var(--colorEnfasis); border-radius: 1rem; font-weight: 700; font-size: 2.8rem; line-height: 3.36rem; padding: 2rem 3rem 2rem 3rem; margin: 0 0 0 0; } /* Links */ a.link.theme-1 { display: inline-block; font-weight: 700; text-decoration: none; border-bottom: 0.1rem solid var(--colorEnfasis); color: var(--colorEnfasis); padding: 0 0 0.1rem 0; } /* Letreros */ .letrero.theme-1 { } .letrero.theme-1 span { display: inline-block; text-align: center; font-weight: 700; color: var(--colorEnfasis); font-size: 2rem; line-height: 2.5rem; padding: 1.65rem 0 1.65rem 0; } @media only screen and (min-width: 1024px) { .letrero.theme-1 span { position: relative; font-weight: 700; color: var(--colorEnfasis); background-color: var(--colorAzul3); font-size: 2.667rem; line-height: 1.5rem; padding: 1.65rem 2rem 1.65rem 2rem; } .letrero.theme-1 span::before { content: ''; width: 0; height: 100%; border-top: 2.4rem solid transparent; border-bottom: 2.4rem solid transparent; border-right: 1.5rem solid var(--colorAzul3); background-color: transparent; position: absolute; left: -1.5rem; top: 0; } .letrero.theme-1 span::after { content: ''; width: 0; height: 100%; border-top: 2.4rem solid transparent; border-bottom: 2.4rem solid transparent; border-left: 1.5rem solid var(--colorAzul3); background-color: transparent; position: absolute; right: -1.5rem; top: 0; } } .letrero.theme-2 { } .letrero.theme-2 h2 { background-image: url('images/bg-letrero-naranja.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; text-align-last: center; vertical-align: middle; font-weight: 700; color: var(--colorEnfasis); font-size: 2.5rem; line-height: 8rem; width: auto; height: 8.0rem; padding: 0rem 2rem 0 2rem; } @media only screen and (min-width: 1024px) { .letrero.theme-2 h2 { font-size: 3.959rem; line-height: 4.519rem; width: 68.1rem; height: 8.0rem; padding: 1.65rem 2rem 1.65rem 2rem; } } .letrero.theme-3 { } .letrero.theme-3 span { position: relative; display: inline-block; font-weight: 700; color: var(--colorEnfasis); background-color: var(--colorAzul3); font-size: 2.5rem; line-height: 3rem; padding: 0.5rem 2rem 0.5rem 2rem; } .letrero.theme-3 span::before { content: ''; width: 0; height: 100%; border-top: 2rem solid transparent; border-bottom: 2rem solid transparent; border-right: 1.13rem solid var(--colorAzul3); background-color: transparent; position: absolute; left: -1.1rem; top: 0; } .letrero.theme-3 span::after { content: ''; width: 0; height: 100%; border-top: 2rem solid transparent; border-bottom: 2rem solid transparent; border-left: 1.13rem solid var(--colorAzul3); background-color: transparent; position: absolute; right: -1.1rem; top: 0; } .letrero.theme-3.azul span { background-color: var(--colorEnfasis); color: var(--colorBlanco1); } .letrero.theme-3.azul span::before { border-right: 1.2rem solid var(--colorEnfasis); } .letrero.theme-3.azul span::after { border-left: 1.2rem solid var(--colorEnfasis); } @media only screen and (min-width: 1024px) { .letrero.theme-3 span { position: relative; display: inline-block; font-weight: 700; color: var(--colorEnfasis); background-color: var(--colorAzul3); font-size: 3.958rem; line-height: 4.519rem; padding: 1.75rem 2rem 1.75rem 2rem; } .letrero.theme-3 span::before { content: ''; width: 0; height: 100%; border-top: 4rem solid transparent; border-bottom: 4rem solid transparent; border-right: 2rem solid var(--colorAzul3); background-color: transparent; position: absolute; left: -2rem; top: 0; } .letrero.theme-3 span::after { content: ''; width: 0; height: 100%; border-top: 4rem solid transparent; border-bottom: 4rem solid transparent; border-left: 2rem solid var(--colorAzul3); background-color: transparent; position: absolute; right: -2rem; top: 0; } .letrero.theme-3.azul span::before { border-right: 2rem solid var(--colorEnfasis); } .letrero.theme-3.azul span::after { border-left: 2rem solid var(--colorEnfasis); } } /* Imagen - Theme 1 */ .imagen.theme-1 { padding: 1.5rem 0 1.5rem 0; } .imagen.theme-1.top { padding: 0 0 1.5rem 0; } .imagen.theme-1.bottom { padding: 1.5rem 0 0rem 0; } .imagen.theme-1.full img { width: 100%; } .imagen.theme-1.pc { display: none; } .imagen.theme-1.movil { display: block; } @media only screen and (min-width: 1024px) { .imagen.theme-1.pc { display: block; } .imagen.theme-1.movil { display: none; } } .imagen.theme-2 { padding: 1.5rem 0 4rem 0; } /* Sec Top */ .sec-top { background-color: var(--colorEnfasis); display: none; } .sec-top .espacio-libre { display: inline-flex; width: 100%; } .sec-top .menu-central { display: inline-flex; width: 100%; } .sec-top .menu-jyw.theme-5 { background-color: var(--colorNaranja1); display: inline-flex; width: 100%; } @media only screen and (min-width: 1024px) { .sec-top { display: flex; flex-wrap: wrap; } .sec-top .espacio-libre { width: 20%; } .sec-top .menu-central { width: 59%; } .sec-top .menu-jyw.theme-5 { width: 21%; } } .sec-top-2 { display: none; background: rgb(2,0,36); background: rgb(6,41,70); background: linear-gradient(90deg, rgba(6,41,70,1) 0%, rgba(6,41,70,1) 50%, rgba(248,153,46,1) 50%); } .sec-top-2 .espacio-libre { display: inline-flex; width: 100%; } .sec-top-2 .menu-central { display: inline-flex; width: 100%; } .sec-top-2 .menu-jyw.theme-5 { background-color: var(--colorNaranja1); display: inline-flex; width: 100%; } @media only screen and (min-width: 1024px) { .sec-top-2 { display: block; } .sec-top-2 .wrapper-all { display: flex; flex-wrap: wrap; width: 100%; background-color: var(--colorEnfasis); } .sec-top-2 .espacio-libre { /*width: 15%;*/ width: 10%; } .sec-top-2 .menu-central { width: 70%; } .sec-top-2 .menu-jyw.theme-5 { /*width: 15%;*/ width: 20%; } } /* Menu Central */ .menu-central { } .menu-central ul { padding: 0; margin: 0; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .menu-central ul li { display: inline-flex; position: relative; } .menu-central ul li a { display: flex; color: white; text-transform: uppercase; text-decoration: none; padding: 0 2.5rem 0 2.5rem; font-weight: 700; font-size: 1.26rem; line-height: auto; } .menu-central ul li a i { margin: 0 0.8rem 0 0; } .menu-central ul li a i::before { width: 1.8rem; height: 1.8rem; } .menu-central ul li+li::before { content: "|"; width: 0.1rem; height: 1rem; background-color: white; position: absolute; bottom: calc(50% - 0.5rem); left: 0; } /* Menu Redes Top */ .menu-jyw.theme-5 { } .menu-jyw.theme-5 ul { padding: 0; margin: 0; display: block; width: 100%; text-align: right; } .menu-jyw.theme-5 ul li { display: inline-block; } .menu-jyw.theme-5 ul li a { display: block; color: var(--colorEnfasis); padding: 1rem 1.15rem 1rem 1.15rem; margin: 0; font-size: 2rem; line-height: 2rem; } .menu-jyw.theme-5 ul li a i { color: var(--colorEnfasis); } .menu-jyw.theme-5::before { content: ''; width: 0; height: 0; border-top: 2rem solid transparent; border-bottom: 2rem solid transparent; border-right: 1rem solid var(--colorNaranja1); background-color: var(--colorEnfasis); } /* SEC HEADER */ .sec-header { padding: 2.5rem 0 2.5rem 0; display: none; } .sec-header .wrapper-all { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .sec-header .wrapper-all > .item-1 { display: inline-flex; justify-content: center; width: 100%; } .sec-header .wrapper-all > .item-2 { display: inline-flex; justify-content: center; width: 100%; } .sec-header .wrapper-all > .item-3 { display: inline-flex; justify-content: center; width: 100%; } .sec-header .wrapper-all > .item-2 .wrapper-logo { padding: 1rem 1rem 1rem 1rem; } .sec-header .wrapper-all > .item-2 .wrapper-logo img { width: 24.4rem; height: 5.5rem; } @media only screen and (min-width: 1024px) { .sec-header { display: block; } .sec-header .container { } .sec-header .wrapper-all > .item-1 { width: 34%; } .sec-header .wrapper-all > .item-2 { width: 32%; } .sec-header .wrapper-all > .item-3 { width: 34%; justify-content: flex-end; } } /* SEC HEADER - Movil */ .sec-header-movil { padding: 4rem 0 4rem 0; } .sec-header-movil .wrapper-logo { display: flex; width: 100%; justify-content: center; align-items: center; position: relative; } .sec-header-movil .wrapper-logo a { display: block; } .sec-header-movil .wrapper-logo a img { width: 20rem; } .sec-header-movil .wrapper-logo .btn-menu-movil { position: absolute; left: 0; visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s; } .sec-header-movil .wrapper-logo .btn-menu-movil.active { visibility: visible; opacity: 1; } .sec-header-movil .wrapper-logo .btn-menu-movil-close { visibility: hidden; opacity: 0; position: absolute; left: 0; transition: visibility 0.3s linear, opacity 0.3s; } .sec-header-movil .wrapper-logo .btn-menu-movil-close.active { visibility: visible; opacity: 1; } @media only screen and (min-width: 1024px) { .sec-header-movil { display: none; } } /* SEC Top - Movil */ .sec-top-movil { border-bottom: 0.4rem solid #bec6d0; background-color: #bec6d0; } @media only screen and (min-width: 1024px) { .sec-top-movil { display: none; } } /* SEC MENU TOP */ .sec-menu-top { display: none; background-color: var(--colorPlomo2); border-bottom: 0.5rem solid #bec6d0; } @media only screen and (min-width: 1024px) { .sec-menu-top { display: block; } } /* SEC Footer - PC */ footer.theme-1 { display: none; background-color: var(--colorEnfasis); background-image: url('images/bg-footer.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } footer.theme-1::before { content: " "; display: block; width: 100%; height: 0.7rem; background-color: var(--colorAzul3); } footer.theme-1 .fila { /*background-color: red;*/ display: flex; flex-wrap: wrap; padding: 3rem 0 3rem 0; } footer.theme-1 .fila.one { padding: 6rem 0 2rem 0; } footer.theme-1 .fila.two { padding: 2rem 0 4rem 0; } footer.theme-1 .fila.two .columna { display: inline-flex; width: 100%; margin-bottom: 2rem; } footer.theme-1 .fila.two .columna .wrapper-columna { width: 100%; } footer.theme-1 .fila.two .columna.three .widget-factura-e { padding: 0 0 2rem 0; } footer.theme-1 .fila.two .columna.three .widget-suscribete { padding: 2rem 0 2rem 0; } footer.theme-1 .fila.two .columna.three .widget-redes-1 { padding: 3rem 0 2rem 0; } @media only screen and (min-width: 1024px) { footer.theme-1 { display: block; } footer.theme-1 .fila .columna+.columna { border-left: 0.2rem solid var(--colorAzul3); } footer.theme-1 .fila.one { display: flex; } footer.theme-1 .fila.two .columna.one { width: 24%; } footer.theme-1 .fila.two .columna.two { width: 38%; padding: 0 0 0 10rem; } footer.theme-1 .fila.two .columna.three { width: 38%; padding: 0 0 0 10rem; } } @media only screen and (min-width: 1280px) { footer.theme-1 .container { position: relative; } footer.theme-1 .flechas-2-left { display: block; background-image: url('images/flechas-2-left.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 19.0rem; height: 11.2rem; position: absolute; right: -19rem; top: -5.6rem; } footer.theme-1 .flechas-2-right { display: block; background-image: url('images/flechas-2-right.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 19.0rem; height: 11.2rem; position: absolute; left: -19rem; top: -5.6rem; } } @media only screen and (min-width: 1366px) { footer.theme-1 .fila.two .columna.two { padding: 0 0 0 7rem; } footer.theme-1 .fila.two .columna.three { padding: 0 0 0 7rem; } } @media only screen and (min-width: 1440px) { } @media only screen and (min-width: 1920px) { footer.theme-1 .fila.two .columna.two { padding: 0 0 0 10rem; } footer.theme-1 .fila.two .columna.three { padding: 0 0 0 10rem; } } /* Footer Logo */ footer.theme-1 .imagen-logo img { width: 22.2rem; height: 5rem; } /* SEC Footer - Mobile */ footer.theme-2 { background-color: var(--colorEnfasis); background-image: url('images/bg-footer.png'); background-repeat: no-repeat; background-position: right center; background-size: cover; } footer.theme-2::before { content: " "; display: block; width: 100%; height: 0.7rem; background-color: var(--colorAzul3); } footer.theme-2 .fila { /*background-color: red;*/ display: flex; flex-wrap: wrap; } footer.theme-2 .fila.one { display: flex; padding: 6rem 0 1rem 0; } footer.theme-2 .fila.two { padding: 1rem 0 3rem 0; } footer.theme-2 .fila.one .columna { display: inline-flex; margin-bottom: 2rem; } footer.theme-2 .fila.one .columna .wrapper-columna { } footer.theme-2 .fila.one .columna.one { } footer.theme-2 .fila.one .columna.one .wrapper-columna { padding: 0 1.5rem 0 0; } footer.theme-2 .fila.one .columna.one .menu-jyw { } footer.theme-2 .fila.one .columna.one .widget-factura-e { padding: 2rem 0 0 0; } footer.theme-2 .fila.one .columna.two { } footer.theme-2 .fila.one .columna.two .wrapper-columna { padding: 0 0 0 1.5rem; } footer.theme-2 .fila.one .columna.two .menu-jyw { } footer.theme-2 .fila.one .columna.two .widget-redes-1 { } footer.theme-2 .fila.two .columna { width: 100%; } footer.theme-2 .fila.two .columna .widget-suscribete { } @media only screen and (min-width: 375px) { footer.theme-2 .fila.one .columna.one { border-right: 1px solid var(--colorAzul3); } footer.theme-2 .fila.one .columna.one .wrapper-columna { padding: 0 3.2rem 0 0; } footer.theme-2 .fila.one .columna.two .wrapper-columna { padding: 0 0 0 3.2rem; } } @media only screen and (min-width: 425px) { footer.theme-2 .fila.one .columna.one .wrapper-columna { padding: 0 2rem 0 0; } footer.theme-2 .fila.one .columna.two .wrapper-columna { padding: 0 0 0 2rem; } } @media only screen and (min-width: 768px) { footer.theme-2 .fila.one .columna.one .wrapper-columna { padding: 0 8rem 0 0; } footer.theme-2 .fila.one .columna.two .wrapper-columna { padding: 0 0 0 8rem; } } @media only screen and (min-width: 1024px) { footer.theme-2 { display: none; } } /* Sec Copy */ .sec-copy { background-color: var(--colorAzul5); } .sec-copy .fila { } .sec-copy .fila .item { padding: 1rem; text-align: center; } .sec-copy .texto { text-transform: uppercase; } /* SEC BANER HOME */ .sec-banner-home { } .sec-banner-home.pc { display: none; } .sec-banner-home.movil { display: block; } @media only screen and (min-width: 1024px) { .sec-banner-home.pc { display: block; } .sec-banner-home.movil { display: none; } } /* SEC Nuestras Marcas HOME */ .sec-nuestras-marcas { /*background-color: yellow;*/ padding: 5rem 0 7rem 0; } .sec-nuestras-marcas .wraper-sec { /*background-color: red;*/ position: relative; /*background-color: rgba(0,0,0,0.5); width: 100%; height: 49.2rem; background-image: url('images/border-marcas.png'); background-repeat: no-repeat; background-size: cover; background-position: center;*/ } .sec-nuestras-marcas .wrapper-bg { display: none; text-align: center; } .sec-nuestras-marcas .widget-marcas-1 { } .sec-nuestras-marcas .wrapper-titulo { /*background-color: rgba(255,255,255,0.4);*/ text-align: center; } .sec-nuestras-marcas .wrapper-titulo .sub-wrapper { background-color: white; display: inline-block; } @media only screen and (min-width: 1024px) { .sec-nuestras-marcas { padding: 10.2rem 0 12.2rem 0; } .sec-nuestras-marcas .wrapper-bg { display: block; } .sec-nuestras-marcas .widget-marcas-1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sec-nuestras-marcas .wrapper-titulo { position: absolute; top: -2.3rem; left: 0; width: 100%; } } /* SEC Nuestros Servicios Home */ .sec-nuestros-servicios { background-image: url('images/bg-servicios.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } .sec-nuestros-servicios .wrapper-titulo { text-align: center; position: absolute; top: 0; left: 0; width: 100%; margin-top: -2rem; } .sec-nuestros-servicios .wrapper-titulo .letrero.theme-1 { } @media only screen and (min-width: 1024px) { .sec-nuestros-servicios .wrapper-titulo { margin-top: -4rem; } .sec-nuestros-servicios .wrapper-titulo { top: auto; left: auto; } } @media only screen and (min-width: 1280px) { .sec-nuestros-servicios { position: relative; } .sec-nuestros-servicios .container { position: relative; } .sec-nuestros-servicios .shape-line-1 { height: 0.2rem; position: absolute; width: 100%; } .sec-nuestros-servicios .shape-line-1.top { top: -2rem; } .sec-nuestros-servicios .shape-line-1.bottom { bottom: -2rem; } .sec-nuestros-servicios .shape-line-1 .container { background-color: #fff; display: block; height: 0.2rem; } .sec-nuestros-servicios .shape-line-1.left { background: rgb(248,153,46); background: linear-gradient(90deg, rgba(248,153,46,1) 0%, rgba(248,153,46,1) 50%, rgba(255,255,255,1) 50%); } .sec-nuestros-servicios .shape-line-1.right { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,153,46,1) 50%); } .sec-nuestros-servicios .flechas-2-left { display: block; background-image: url('images/flechas-2-left.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 19.0rem; height: 11.2rem; position: absolute; z-index: 9; right: -19rem; top: -5.6rem; } .sec-nuestros-servicios .flechas-2-right { display: block; background-image: url('images/flechas-2-right.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 19.0rem; height: 11.2rem; position: absolute; z-index: 9; left: -19rem; bottom: -5.6rem; } } /* SEC Ecommerce Home */ .sec-ecommerce-home { background-image: url('images/bg-ecommerce-home.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } .sec-ecommerce-home .wrapper-titulo { text-align: center; position: absolute; z-index: 9; width: 100%; margin-top: -2rem; } .sec-ecommerce-home .fila { padding: 0 0 0 0; position: relative; } .sec-ecommerce-home .fila .wrapper-imagen { padding: 15rem 0 2rem 0; } .sec-ecommerce-home .fila .widget-notificarme { padding: 2rem 0 4rem 0; } @media only screen and (min-width: 1024px) { .sec-ecommerce-home .wrapper-titulo { margin-top: -4rem; } } @media only screen and (min-width: 1280px) { .sec-ecommerce-home .container { position: relative; } .sec-ecommerce-home .shape-line-1 { height: 0.2rem; position: absolute; width: 100%; } .sec-ecommerce-home .shape-line-1.top { top: -2rem; } .sec-ecommerce-home .shape-line-1.bottom { bottom: -2rem; } .sec-ecommerce-home .shape-line-1 .container { background-color: #fff; display: block; height: 0.2rem; } .sec-ecommerce-home .shape-line-1.left { background: rgb(248,153,46); background: linear-gradient(90deg, rgba(248,153,46,1) 0%, rgba(248,153,46,1) 50%, rgba(255,255,255,1) 50%); } .sec-ecommerce-home .shape-line-1.right { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,153,46,1) 50%); } .sec-ecommerce-home .flechas-2-left { display: block; background-image: url('images/flechas-2-left.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 19.0rem; height: 11.2rem; position: absolute; z-index: 9; right: -19rem; top: -5.6rem; } .sec-ecommerce-home .flechas-2-right { display: block; background-image: url('images/flechas-2-right.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 19.0rem; height: 11.2rem; position: absolute; z-index: 9; left: -19rem; bottom: -5.6rem; } .sec-ecommerce-home .fila .wrapper-imagen { padding: 14rem 0 2rem 0; } } @media only screen and (min-width: 1440px) { .sec-ecommerce-home .fila .wrapper-imagen { padding: 13rem 0 2rem 0; } } @media only screen and (min-width: 1920px) { .sec-ecommerce-home .fila .wrapper-imagen { padding: 15rem 0 2rem 0; } } /* Sec - Catálogos y Brochures Home */ .sec-catalogos-brochures { } .sec-catalogos-brochures .fila { } .sec-catalogos-brochures .fila:nth-child(1) { padding: 10rem 0 0 0; } .sec-catalogos-brochures .fila:nth-child(1) .titulo { padding: 0 0 2rem 0; } .sec-catalogos-brochures .fila:nth-child(1) .texto { text-align: center; padding: 0 0 2rem 0; } .sec-catalogos-brochures .fila:nth-child(1) .boton { text-align: center; } .sec-catalogos-brochures .fila:nth-child(2) { padding: 0 0 8rem 0; } @media only screen and (min-width: 1024px) { .sec-catalogos-brochures .fila:nth-child(2) { padding: 0 0 18rem 0; } } /* Sec - Comunidad Home */ .sec-comunidad-home { } .sec-comunidad-home .fila { } .sec-comunidad-home .fila:nth-child(1) { padding: 10rem 0 0 0; } .sec-comunidad-home .fila:nth-child(1) .titulo { padding: 0 0 2rem 0; } .sec-comunidad-home .fila:nth-child(1) .texto { text-align: center; padding: 0 0 2rem 0; } .sec-comunidad-home .fila:nth-child(1) .boton { text-align: center; } .sec-comunidad-home .fila:nth-child(2) { padding: 0 0 6rem 0; } @media only screen and (min-width: 1024px) { .sec-comunidad-home .fila:nth-child(2) { padding: 0 0 18rem 0; } } /* SLIDER Home */ .slider-home { visibility: hidden; margin-bottom: 0; } .slider-home.slick-dotted.slick-slider { margin-bottom: 0; } .slider-home.slick-initialized { visibility: visible; } .slider-home .item { } .slider-home .item img { width: 100%; } .slider-home .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2rem 2rem 2rem 2rem; } .slider-home .slick-dots li button:before { font-size: 2rem; color: var(--colorNaranja1); font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: 500; } .slider-home .slick-dots li.slick-active button:before { color: var(--colorNaranja1); font-weight: 700; } /* Banner Page (Nosotros) */ .sec-banner-page { } .sec-banner-page img { width: 100%; } .sec-banner-page.pc { display: none; } .sec-banner-page.movil { display: block; } @media only screen and (min-width: 1024px) { .sec-banner-page.pc { display: block; } .sec-banner-page.movil { display: none; } } /* Breadcrumb 1 */ .sec-breadcrumb { background-color: var(--colorAzul3); } .sec-breadcrumb nav { overflow: auto; white-space: nowrap; } .breadcrumb.theme-1 { margin: 0; padding: 0; background-color: var(--colorAzul3); flex-wrap: nowrap; } .breadcrumb.theme-1 li { text-transform: uppercase; font-weight: 400; padding: 0; color: var(--colorEnfasis); font-size: 2rem; line-height: auto; padding: 1.2rem 1rem 1.2rem 1rem; } .breadcrumb.theme-1 li a { text-transform: uppercase; font-weight: 400; color: var(--colorEnfasis); display: block; } .breadcrumb.theme-1 li.active { font-weight: 700; } .breadcrumb.theme-1 .breadcrumb-item+.breadcrumb-item::before { padding-right: 1.5rem; color: var(--colorEnfasis); content: ">"; font-weight: 400; } /* Breadcrumb 2 */ .sec-breadcrumb-2 { background-color: var(--colorPlomo2); } .sec-breadcrumb-2 nav { overflow: auto; white-space: nowrap; } .breadcrumb.theme-2 { margin: 0; padding: 0; background-color: var(--colorPlomo2); flex-wrap: nowrap; } .breadcrumb.theme-2 li { text-transform: uppercase; font-weight: 400; padding: 0; color: var(--colorEnfasis); font-size: 2rem; line-height: auto; padding: 1.2rem 1rem 1.2rem 1rem; } .breadcrumb.theme-2 li a { text-transform: uppercase; font-weight: 400; color: var(--colorEnfasis); display: block; } .breadcrumb.theme-2 li.active { font-weight: 700; } .breadcrumb.theme-2 .breadcrumb-item+.breadcrumb-item::before { padding-right: 1.5rem; color: var(--colorEnfasis); content: ">"; font-weight: 400; } .sec-breadcrumb-2.bottom { display: none; } @media only screen and (min-width: 1024px) { .sec-breadcrumb-2.bottom { display: block; } } /* Sec Page - Theme 1 Nosotros */ .sec-page.theme-1 { padding: 6rem 0 0 0; position: relative; } .sec-page.theme-1 .widget-page-title { /*background-color: red;*/ display: inline-block; padding: 4.5rem 0 10rem 0; } .sec-page.theme-1 .widget-page-title img { width: 24.0rem; /*height: 17.5rem;*/ } .sec-page.theme-1 .pad-1 { padding: 0 2rem 0 4rem; } .sec-page.theme-1 .pad-2 { padding: 0 4rem 0 2rem; } .sec-page.theme-1 .line-1 { position: absolute; top: calc( 14.6rem + 7.5rem ); /*width: calc( ( ( 114rem) ) );*/ width: calc( 24rem + 4rem ); height: 0.3rem; background-color: var(--colorNaranja1); } .sec-page.theme-1 .line-2 { position: absolute; bottom: 0; right: 0; width: 49%; height: 0.3rem; background-color: var(--colorNaranja1); } @media only screen and (min-width: 576px) { .sec-page.theme-1 .line-1 { /*width: calc( ( ( 100% - 82.5rem) / 2 ) + 1.5rem + 44.0rem );*/ } } @media only screen and (min-width: 768px) { .sec-page.theme-1 .line-1 { /*width: calc( ( ( 100% - 110.5rem) / 2 ) + 1.5rem + 44.0rem );*/ width: calc( 24rem + 8rem ); } } @media only screen and (min-width: 992px) { .sec-page.theme-1 .line-1 { /*width: calc( ( ( 100% - 148.2rem ) / 2 ) + 1.5rem + 44.0rem );*/ width: calc( 24rem + 7rem ); } } @media only screen and (min-width: 1024px) { .sec-page.theme-1 .widget-page-title img { width: 44.0rem; } .sec-page.theme-1 { padding: 14.6rem 0 0 0; } .sec-page.theme-1 .line-1 { top: calc( 14.6rem + 25.5rem ); width: calc( ( ( 100% - 132.2rem) / 2 ) + 1.5rem + 40rem ); } } @media only screen and (min-width: 1200px) { .sec-page.theme-1 .line-1 { width: calc( ( ( 100% - 136.5rem) / 2 ) + 1.5rem + 44.0rem ); } } @media only screen and (min-width: 1280px) { .sec-page.theme-1 .line-1 { width: calc( ( ( 100% - 139rem) / 2 ) + 1.5rem + 44.0rem ); } } @media only screen and (min-width: 1366px) { .sec-page.theme-1 .line-1 { width: calc( ( ( 100% - 119.75rem) / 2 ) + 1.5rem + 44.0rem ); } } @media only screen and (min-width: 1440px) { .sec-page.theme-1 .line-1 { width: calc( ( ( 100% - 114rem) / 2 ) + 1.5rem + 44.0rem ); } } @media only screen and (min-width: 1920px) { .sec-page.theme-1 .line-1 { width: calc( ( ( 100% - 144rem) / 2 ) + 1.5rem + 44.0rem ); } } /* Sec Page - Theme 2 Servicios */ .sec-page.theme-2 { padding: 0rem 0 10rem 0; } .sec-page.theme-2 .wrapper-w-despacho { /*background-color: pink;*/ display: flex; justify-content: flex-end; padding: 7.5rem 0 0 0; } .sec-page.theme-2 .wrapper-w-medios-de-pago { /*background-color: pink;*/ display: flex; justify-content: flex-start; padding: 7.5rem 0 0 0; } .sec-page.theme-2 .wrapper-w-capacitaciones { /*background-color: pink;*/ display: flex; justify-content: flex-end; padding: 7.5rem 0 0 0; } .sec-page.theme-2 .wrapper-form-capacitaciones { padding: 7.5rem 0 0 0; } .sec-page.theme-2 .capacitaciones-forms { width: 100%; border: 0.4rem solid var(--colorNaranja1); border-radius: 2rem; padding: 2.7rem 3rem 4.1rem 3rem; } .sec-page.theme-2 .wrapper-w-gracias { display: flex; height: 100%; justify-content: center; align-items: center; } .sec-page.theme-2 .wrapper-w-gracias .wrap { text-align: center; } .sec-page.theme-2 .wrapper-w-gracias h3 { font-weight: 700; color: var(--colorNaranja1); font-size: 3.823rem; line-height: normal; margin-bottom: 3rem; } .sec-page.theme-2 .wrapper-w-gracias p { font-weight: 700; color: var(--colorEnfasis); font-size: 3.823rem; line-height: normal; margin-bottom: 3rem; } .sec-page.theme-2 .wrapper-w-gracias .boton.theme-2 a { min-width: 26rem; } .wrapper-capacitaciones { position: relative; } .wrapper-capacitaciones .capacitaciones-1 { display: none; } .wrapper-capacitaciones .capacitaciones-2 { display: none; } .wrapper-capacitaciones .capacitaciones-3 { display: none; } .wrapper-capacitaciones .sec-page.theme-2.active { display: flex; } .sec-page.theme-2 .capacitaciones-view-2 .mensaje { color: var(--colorNaranja1); font-weight: 700; font-size: 1.8rem; padding: 10rem 0 4rem 0; } .sec-page.theme-2 .capacitaciones-view-2 .mensaje img { width: 2rem; height: auto; } .sec-page.theme-2 .row { flex-direction: row; } .sec-page.theme-2 .zona-foto { order: 2; } .sec-page.theme-2 .zona-info { order: 1; } @media only screen and (min-width: 1024px) { .sec-page.theme-2 { padding: 10rem 0 10rem 0; } .sec-page.theme-2 .zona-foto { order: initial; } .sec-page.theme-2 .zona-info { order: initial; } } /* Sec Conoce Más Nosotros */ .sec-conoce-mas { padding: 6rem 0 0 0; } .sec-conoce-mas .letrero { /*background-color: pink;*/ text-align: center; } .sec-conoce-mas .widget-conoce-mas { } @media only screen and (min-width: 1024px) { .sec-conoce-mas { padding: 16rem 0 0 0; } } /* Sec Texto Destacado Nosotros / Nuestros Servicios */ .sec-texto-destacado { padding: 5.5rem 0 5.5rem 0; text-align: center; display: flex; justify-content: center; } .sec-texto-destacado.bg-naranja1 { background-color: var(--colorNaranja1); } .sec-texto-destacado .texto { max-width: 96.0rem; display: inline-flex; } .sec-texto-destacado .texto p { padding: 0 0 0 0; } /* Sec. Publicación Single Noticias, Blog, Eventos */ .sec-publicacion-single { padding: 4rem 0 10rem 0; } .sec-publicacion-single .side-bar-publicaciones { display: none; } .sec-publicacion-single .single-main { } .sec-publicacion-single .single-main p { color: var(--colorPlomo1); font-size: 2.381rem; line-height: 3.002rem; padding: 0 0 3rem 0; } .sec-publicacion-single .single-main a { color: var(--colorEnfasis); font-weight: 500; } .sec-publicacion-single .single-main img { max-width: 100%; } .sec-publicacion-single .btn-otras-publicaciones { display: block; text-align: center; width: 100%; padding: 0 0 4rem 0; } .sec-publicacion-single .btn-otras-publicaciones a { display: inline-block; width: 80%; text-align: center; color: var(--colorEnfasis); background-color: #ebecee; text-transform: uppercase; font-weight: 700; font-size: 2.5rem; line-height: normal; padding: 1.2rem 0 1.2rem 0; } @media only screen and (min-width: 425px) { .sec-publicacion-single .single-main img.align-left { float: left; padding: 0 3rem 0 0; } .sec-publicacion-single .single-main img.align-right { float: right; padding: 0 0 0 3rem; } } @media only screen and (min-width: 1024px) { .sec-publicacion-single { padding: 10rem 0 10rem 0; } .sec-publicacion-single .side-bar-publicaciones { display: block; } .sec-publicacion-single .btn-otras-publicaciones { display: none; } } /* Sec. Catálogos */ .sec-catalogos { padding: 8rem 0 0 0; } .sec-catalogos .titulo { max-width: 108.0rem; margin: 0 auto; } .sec-catalogos .widget-listado-documentos { max-width: 112.0rem; padding: 7rem 0 0 0; } /* Sec. Brochures */ .sec-brochures { padding: 8rem 0 8rem 0; } .sec-brochures .titulo { max-width: 108.0rem; margin: 0 auto; } .sec-brochures .widget-listado-documentos { max-width: 112.0rem; padding: 7rem 0 2rem 0; } /* Sec. Nuestras Marcas */ .sec-page-nuestras-marcas { padding: 8rem 0 8rem 0; } /* Sec. Nuestras Marcas - Single */ .sec-page-nuestras-marcas-single { padding: 4rem 0 8rem 0; } .sec-page-nuestras-marcas-single .page-sidebar .titulo { padding: 0 0 0.5rem 0; } .sec-page-nuestras-marcas-single .page-main .titulo { padding: 3rem 0 1rem 0; } .sec-page-nuestras-marcas-single .imagen.theme-1.top { padding: 0 0 4rem 0; } .sec-page-nuestras-marcas-single { } .sec-page-nuestras-marcas-single .sec-wrapper { display: flex; } .sec-page-nuestras-marcas-single .sec-wrapper .sec-left { display: none; width: 100%; } .sec-page-nuestras-marcas-single .sec-wrapper .sec-right { display: inline-flex; width: 100%; padding: 0 0 0 0; } .sec-page-nuestras-marcas-single .sec-wrapper .wrap { width: 100%; } .sec-page-nuestras-marcas-single .btn-otras-marcas { display: block; text-align: center; width: 100%; } .sec-page-nuestras-marcas-single .btn-otras-marcas a { display: inline-block; width: 80%; text-align: center; color: #bec6d0; background-color: #ebecee; text-transform: uppercase; font-weight: 700; font-size: 2.5rem; line-height: normal; padding: 1.2rem 0 1.2rem 0; } @media only screen and (min-width: 1024px) { .sec-page-nuestras-marcas-single { padding: 8rem 0 8rem 0; } .sec-page-nuestras-marcas-single .btn-otras-marcas { display: none; } .sec-page-nuestras-marcas-single .sec-wrapper .sec-left { display: inline-flex; width: 20%; } .sec-page-nuestras-marcas-single .sec-wrapper .sec-right { display: inline-flex; width: 80%; padding: 0 6rem 0 6rem; } } /* Sec. Nuestras Marcas - Single */ .sec-page-productos { padding: 4rem 0 8rem 0; } .sec-page-productos .page-sidebar { } .sec-page-productos .page-main { } .sec-page-productos { } .sec-page-productos .sec-wrapper { display: flex; } .sec-page-productos .sec-wrapper .sec-left { display: none; width: 100%; } .sec-page-productos .sec-wrapper .sec-right { display: inline-flex; width: 100%; padding: 0 0 0 0; } .sec-page-productos .sec-wrapper .wrap { width: 100%; } .sec-page-productos .page-main .productos-top-1 { display: none; padding: 1rem 0 1rem 0; } .sec-page-productos .page-main .productos-top-2 { padding: 0 0 2rem 0; } .sec-page-productos .page-main .mensaje-listado-productos { } .sec-page-productos .page-main .productos-listado { } .sec-page-productos .page-main .productos-listado .paginate-pagination { display: none; } .sec-page-productos .page-main .productos-bottom-1 { padding: 2rem 0 2rem 0; } .sec-page-productos .page-main .productos-top-2 { display: flex; flex-wrap: wrap; width: 100%; } .sec-page-productos .page-main .productos-top-2 .item-1 { display: inline-flex; width: 100%; justify-content: flex-start; } .sec-page-productos .page-main .productos-top-2 .item-2 { display: none; width: 100%; justify-content: flex-end; } .sec-page-productos .page-main .productos-bottom-1 { display: flex; flex-wrap: wrap; align-items: center; } .sec-page-productos .page-main .productos-bottom-1 .item-1 { display: inline-flex; width: 50%; justify-content: flex-start; } .sec-page-productos .page-main .productos-bottom-1 .item-2 { display: inline-flex; width: 50%; justify-content: flex-end; } .sec-page-productos .page-main .mensaje-listado-productos p { text-align: center; text-transform: uppercase; font-weight: 400; font-size: 2.5rem; line-height: normal; padding: 8rem 0 8rem 0; } .sec-page-productos .btn-otras-marcas { display: block; text-align: center; width: 100%; margin: 0 0 4rem 0; } .sec-page-productos .btn-otras-marcas a { display: inline-block; width: 80%; text-align: center; color: #bec6d0; background-color: #ebecee; text-transform: uppercase; font-weight: 700; font-size: 2.5rem; line-height: normal; padding: 1.2rem 0 1.2rem 0; } @media only screen and (min-width: 1024px) { .sec-page-productos { padding: 8rem 0 8rem 0; } .sec-page-productos .btn-otras-marcas { display: none; } .sec-page-productos .sec-wrapper .sec-left { display: inline-flex; width: 20%; } .sec-page-productos .sec-wrapper .sec-right { display: inline-flex; width: 80%; padding: 0 6rem 0 6rem; } .sec-page-productos .page-main .productos-top-1 { display: block; } .sec-page-productos .page-main .productos-top-2 .item-1 { display: inline-flex; width: 82%; } .sec-page-productos .page-main .productos-top-2 .item-2 { display: inline-flex; width: 18%; } } @media only screen and (min-width: 1280px) { .sec-page-productos .page-main .productos-top-2 .item-1 { display: inline-flex; width: 80%; } .sec-page-productos .page-main .productos-top-2 .item-2 { display: inline-flex; width: 20%; } } @media only screen and (min-width: 1920px) { .sec-page-productos .page-main .productos-top-2 .item-1 { display: inline-flex; width: 82%; } .sec-page-productos .page-main .productos-top-2 .item-2 { display: inline-flex; width: 18%; } } /* sec-page-productos-single Producto - Single */ .sec-page-productos-single { padding: 4rem 0 8rem 0; } .sec-page-productos-single .page-sidebar { } .sec-page-productos-single .page-main { } .sec-page-productos-single { } .sec-page-productos-single .sec-wrapper { display: flex; } .sec-page-productos-single .sec-wrapper .sec-left { display: none; width: 100%; } .sec-page-productos-single .sec-wrapper .sec-right { display: inline-flex; width: 100%; padding: 0 0 0 0; } .sec-page-productos-single .sec-wrapper .wrap { width: 100%; } .sec-page-productos-single .page-main .productos-top-1 { display: none; padding: 1rem 0 0.5rem 0; } .sec-page-productos-single .page-main .producto-info { padding: 0 0 5rem 0; } .sec-page-productos-single .page-main .producto-cotizacion { } .sec-page-productos-single .page-main .producto-cotizacion .widget-cotizacion-titulo { } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms { } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms { display: flex; flex-wrap: wrap; width: 100%; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-1 { display: inline-flex; width: 100%; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-flotante { display: inline-flex; width: 100%; justify-content: center; text-align: center; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-2 { display: inline-flex; width: 100%; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .wrapper-item { display: block; width: 100%; padding: 3rem 0 0 0; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .wrapper-item .widget-form { padding: 3rem 0 0 0; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-1 .wrapper-item .texto { text-align: center; padding: 0 1rem 0 1rem; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-2 .wrapper-item .texto { text-align: center; padding: 0 1rem 0 1rem; } .sec-page-productos-single .btn-otras-marcas { display: block; text-align: center; width: 100%; margin: 0 0 4rem 0; } .sec-page-productos-single .btn-otras-marcas a { display: inline-block; width: 80%; text-align: center; color: #bec6d0; background-color: #ebecee; text-transform: uppercase; font-weight: 700; font-size: 2.5rem; line-height: normal; padding: 1.2rem 0 1.2rem 0; } .sec-page-productos-single .productos-top-movil { display: flex; margin: 0 0 2rem 0; } .sec-page-productos-single .productos-top-movil span.back-btn { display: inline-flex; margin-right: 1rem; } .sec-page-productos-single .productos-top-movil span.back-btn a { display: block; } .sec-page-productos-single .productos-top-movil span.back-btn img { width: 6rem; } .sec-page-productos-single .productos-top-movil span.titulo { display: inline-flex; flex: 1; justify-content: center; font-weight: 400; background-color: var(--colorEnfasis); color: var(--colorBlanco1); text-transform: uppercase; font-size: 2rem; line-height: normal; padding: 1.5rem 2rem 1.5rem 2rem; border-radius: 1.5rem; } @media only screen and (min-width: 1024px) { .sec-page-productos-single { padding: 8rem 0 8rem 0; } .sec-page-productos-single .btn-otras-marcas { display: none; } .sec-page-productos-single .page-main .productos-top-1 { display: block; } .sec-page-productos-single .productos-top-movil { display: none; } .sec-page-productos-single .sec-wrapper .sec-left { display: inline-flex; width: 20%; } .sec-page-productos-single .sec-wrapper .sec-right { display: inline-flex; width: 80%; padding: 0 6rem 0 6rem; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-1 { display: inline-flex; width: 48%; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-flotante { display: inline-flex; width: 4%; justify-content: center; text-align: center; } .sec-page-productos-single .page-main .producto-cotizacion .cotizacion-forms .item-2 { display: inline-flex; width: 48%; } } /* Side Bar - Marcas Theme 2 */ .side-bar-marcas.theme-2 { } .side-bar-marcas.theme-2 ul { overflow: hidden; padding: 0; margin-top: 0; width: 100%; border-radius: 2rem; border: 0.4rem solid var(--colorAzul3); } .side-bar-marcas.theme-2 ul li { border-bottom: 0.4rem solid var(--colorAzul3); } .side-bar-marcas.theme-2 ul li:last-child { border: none; } .side-bar-marcas.theme-2 ul li a { text-decoration: none; } .side-bar-marcas.theme-2 ul li .wrapper-all { padding: 1rem 0 0 0; transition: background-color 0.3s linear; } .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen { position: relative; } .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-info { text-align: center; padding: 0 0 0 0; margin: 0 0 0 0; } .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen .w-imagen { padding: 2rem 1rem 1rem 1rem; display: flex; justify-content: center; align-items: center; text-align: center; min-height: 10rem; } .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen .w-imagen.off { visibility: visible; opacity: 1; } .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen .w-imagen.on { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } .side-bar-marcas.theme-2 ul li:hover .wrapper-all { background-color: #f2f2f2; } .side-bar-marcas.theme-2 ul li:hover .wrapper-all .wrapper-imagen .w-imagen.off { visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } .side-bar-marcas.theme-2 ul li:hover .wrapper-all .wrapper-imagen .w-imagen.on { visibility: visible; opacity: 1; } .side-bar-marcas.theme-2 ul li.active .wrapper-all { background-color: #f2f2f2; } .side-bar-marcas.theme-2 ul li.active .wrapper-all .wrapper-imagen .w-imagen.on { visibility: visible; opacity: 1; } .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-info span { font-weight: 700; color: var(--colorAzul4); display: block; text-align: center; padding: 0 0 0.5rem 0; font-size: 1.785rem; line-height: 3.714rem; } @media only screen and (min-width: 576px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { } @media only screen and (min-width: 1024px) { .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen img { transform: scale(0.7); } } @media only screen and (min-width: 1200px) { } @media only screen and (min-width: 1280px) { .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen img { transform: scale(0.8); } } @media only screen and (min-width: 1366px) { } @media only screen and (min-width: 1440px) { .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen img { } } @media only screen and (min-width: 1920px) { .side-bar-marcas.theme-2 ul li .wrapper-all .wrapper-imagen img { transform: scale(1); } } /* Side Bar - Marcas Theme 3 Móvil */ .side-bar-marcas.theme-3 { background-color: white; } .side-bar-marcas.theme-3 ul { overflow: hidden; padding: 0; margin-top: 0; width: 100%; border: none; } .side-bar-marcas.theme-3 ul li { border-bottom: 0.4rem solid var(--colorAzul3); } .side-bar-marcas.theme-3 ul li:last-child { border: none; } .side-bar-marcas.theme-3 ul li a { text-decoration: none; } .side-bar-marcas.theme-3 ul li .wrapper-all { padding: 1rem 0 0 0; transition: background-color 0.3s linear; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen { position: relative; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-info { text-align: center; padding: 0 0 0 0; margin: 0 0 0 0; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen .w-imagen { padding: 2rem 5rem 2rem 5rem; display: flex; justify-content: center; align-items: center; text-align: center; min-height: 10rem; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen .w-imagen.off { visibility: visible; opacity: 1; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen .w-imagen.on { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen .w-imagen img { max-height: 6rem; } .side-bar-marcas.theme-3 ul li:hover .wrapper-all { background-color: #f2f2f2; } .side-bar-marcas.theme-3 ul li:hover .wrapper-all .wrapper-imagen .w-imagen.off { visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } .side-bar-marcas.theme-3 ul li:hover .wrapper-all .wrapper-imagen .w-imagen.on { visibility: visible; opacity: 1; } .side-bar-marcas.theme-3 ul li.active .wrapper-all { background-color: #f2f2f2; } .side-bar-marcas.theme-3 ul li.active .wrapper-all .wrapper-imagen .w-imagen.on { visibility: visible; opacity: 1; } .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-info span { font-weight: 700; color: var(--colorAzul4); display: block; text-align: center; padding: 0 0 0.5rem 0; font-size: 1.785rem; line-height: 3.714rem; } @media only screen and (min-width: 576px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { } @media only screen and (min-width: 1024px) { .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen img { transform: scale(0.7); } } @media only screen and (min-width: 1200px) { } @media only screen and (min-width: 1280px) { .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen img { transform: scale(0.8); } } @media only screen and (min-width: 1366px) { } @media only screen and (min-width: 1440px) { .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen img { } } @media only screen and (min-width: 1920px) { .side-bar-marcas.theme-3 ul li .wrapper-all .wrapper-imagen img { transform: scale(1); } } /* Menu Principal Footer */ .menu-jyw.theme-1 { } .menu-jyw.theme-1 ul { display: block; list-style: none; } .menu-jyw.theme-1 ul li { /*background-color: yellow;*/ display: block; padding: 0 0 0 0; margin: 0 0 3.5rem 0; list-style: none; position: relative; } .menu-jyw.theme-1 ul li:last-child { margin: 0 0 1rem 0; } .menu-jyw.theme-1 ul li a { /*background-color: pink;*/ color: #fff; text-transform: uppercase; font-weight: 700; font-size: 1.562rem; line-height: normal; } .menu-jyw.theme-1 ul li::before { /*background-color: blue;*/ background-image: url('images/ico-arrow-mayor-naranja.svg'); background-size: contain; background-repeat: no-repeat; content: ''; display: inline-flex; width: 0.6rem; height: 1.6rem; margin-right: 1rem; } .menu-jyw.theme-1 ul li.ecommerce { position: relative; } .menu-jyw.theme-1 ul li.ecommerce a i { padding: 0rem 0rem 1.5rem 0.5rem; } .menu-jyw.theme-1 ul li.ecommerce a i::before { width: 2rem; height: 1.6rem; padding-right: 1rem; } .menu-jyw.theme-1 ul li.ecommerce a span { position: absolute; bottom: 0; right: 0; font-size: 1.026rem; line-height: normal; color: var(--colorNaranja2); } /* Menu - Contacto Footer */ .menu-jyw.theme-2 { width: 100%; overflow: auto; } /* overflow: auto para que el contenido no se salga del div contnedor */ .menu-jyw.theme-2 ul { list-style: none; padding: 0; margin: 0; } .menu-jyw.theme-2 ul li { list-style: none; margin: 0 0 3rem 0; } .menu-jyw.theme-2 ul li .wrapper-list { display: flex; flex-wrap: wrap; } .menu-jyw.theme-2 ul li .wrapper-list .dqa-col-1 { display: inline-flex; width: 4rem; flex: 0 0 4rem; border-bottom: 0.1rem solid #fff; padding: 0 0 3rem 0; } .menu-jyw.theme-2 ul li .wrapper-list .dqa-col-2 { display: inline-flex; flex: 1; padding: 0 1.8rem 0 1.8rem; } .menu-jyw.theme-2 ul li i { } .menu-jyw.theme-2 ul li span { font-weight: 700; color: white; font-size: 1.5rem; line-height: normal; } .menu-jyw.theme-2 ul li span a { color: var(--colorBlanco1); } @media only screen and (min-width: 1024px) { } .sec-menu-lateral .menu-info .menu-jyw.theme-2.v2 ul li:last-child .wrapper-list .dqa-col-1 { border-bottom: none; } .sec-menu-lateral .menu-info .menu-jyw.theme-2.v2 ul li { text-transform: uppercase; } .sec-menu-lateral .menu-info .menu-jyw.theme-2.v2 ul li .wrapper-list .dqa-col-1 { width: 2rem; flex: 0 0 2rem; } .sec-menu-lateral .menu-info .menu-jyw.theme-2.v2 ul li .wrapper-list .dqa-col-2 { padding: 0 0 0 2rem; } .sec-menu-lateral .menu-info .menu-jyw.theme-2.v2 ul li span a { overflow-wrap: anywhere; } /* para que le contenido no se salga y el div no baje */ .menu-jyw.theme-2.v3 ul li { text-transform: uppercase; } .menu-jyw.theme-2.v3 ul li:last-child { margin: 0 0 0 0; } .menu-jyw.theme-2.v3 ul li .wrapper-list .dqa-col-1 { width: 2rem; flex: 0 0 2rem; border-bottom: none; } .menu-jyw.theme-2.v3 ul li .wrapper-list .dqa-col-2 { padding: 0 0 0 2rem; } .menu-jyw.theme-2.v3 ul li span { font-size: 1.782rem; line-height: normal; } .menu-jyw.theme-2.v3 ul li span a { overflow-wrap: anywhere; } /* para que le contenido no se salga y el div no baje */ /* Menu - Redes Footer */ .menu-jyw.theme-3 { } .menu-jyw.theme-3 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-left: -1.5rem; } .menu-jyw.theme-3 ul li { list-style: none; display: inline-flex; } .menu-jyw.theme-3 ul li a { display: block; padding: 0rem 1.5rem 0rem 1.5rem; } .menu-jyw.theme-3 ul li a i { color: white; font-size: 2rem; } @media only screen and (min-width: 1024px) { .menu-jyw.theme-3 ul { justify-content: center; margin-left: 0; } } /* Menu - Principal Top */ .menu-jyw.theme-4 { } .menu-jyw.theme-4 ul { display: block; list-style: none; display: flex; justify-content: center; } .menu-jyw.theme-4 ul li { display: block; padding: 0 0 0 0; display: inline-flex; } .menu-jyw.theme-4 ul li a { text-transform: uppercase; color: var(--colorEnfasis); font-weight: 700; font-size: 1.55rem; line-height: normal; padding: 2rem 6rem 1rem 6rem; } /*padding: 2rem 0 1rem 0;*/ .menu-jyw.theme-4 ul li+li::before { background-image: url('images/ico-arrow-mayor-naranja.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; content: ''; display: inline-flex; width: 0.6rem; height: 100%; margin-right: 1rem; } .menu-jyw.theme-4 ul li.ecommerce { position: relative; } .menu-jyw.theme-4 ul li.ecommerce a i { padding: 0rem 0rem 1.5rem 0.5rem; } .menu-jyw.theme-4 ul li.ecommerce a i::before { width: 2rem; height: 1.6rem; padding-right: 1rem; } .menu-jyw.theme-4 ul li.ecommerce a span { font-weight: 700; position: absolute; bottom: 0; right: 0; font-size: 1.026rem; line-height: normal; color: var(--colorNaranja2); } .menu-jyw.theme-4 ul li a .ecommerce { position: relative; } .menu-jyw.theme-4 ul li a .ecommerce i { padding: 0rem 0rem 1.5rem 0.5rem; } .menu-jyw.theme-4 ul li a .ecommerce i::before { width: 2rem; height: 1.6rem; padding-right: 1rem; } .menu-jyw.theme-4 ul li a .ecommerce span { font-weight: 700; position: absolute; bottom: 0; right: -6rem; font-size: 1.026rem; line-height: normal; color: var(--colorNaranja2); } .menu-jyw.theme-4 ul li { position: relative; } .menu-jyw.theme-4 ul li ul { display: none; background-color: var(--colorPlomo2); position: absolute; width: calc( 100% - 0.6rem ); top: 6.2rem; left: 0.6rem; border-top: 0.3rem solid var(--colorNaranja1); z-index: 99; } .menu-jyw.theme-4 ul li ul li { display: block; border-bottom: 1px solid var(--colorEnfasis); } .menu-jyw.theme-4 ul li ul li:last-child { border-bottom: none; } .menu-jyw.theme-4 ul li ul li::before { display: none; } .menu-jyw.theme-4 ul li ul li a { display: block; text-align: center; padding: 1.5rem 0.5rem 1.5rem 0.5rem; } .menu-jyw.theme-4 ul li:hover ul { display: block; } .menu-jyw.theme-4 ul li ul li:hover a { background-color: #c2c4c8; } .menu-jyw.theme-4 ul li ul li.active a { background-color: #c2c4c8; } /* Widget - Descarga Factura Electrónica - Theme Default Footer */ .widget-factura-e.theme-default { /*background-color: yellow;*/ display: flex; flex-wrap: wrap; width: 100%; align-items: center; } .widget-factura-e.theme-default .item-1 { /*background-color: pink;*/ display: inline-flex; width: 6.5rem; } .widget-factura-e.theme-default .item-2 { /*background-color: green;*/ display: inline-flex; } .widget-factura-e.theme-default .item-1 .wrapper-item { display: block; } .widget-factura-e.theme-default .item-2 .wrapper-item { display: block; } .widget-factura-e.theme-default .item-1 .wrapper-item i { } .widget-factura-e.theme-default .item-2 .wrapper-item span { display: block; color: var(--colorNaranja1); font-weight: 700; font-size: 1.507rem; line-height: 1.596rem; } .widget-factura-e.azul .item-2 .wrapper-item span { color: var(--colorEnfasis); } .widget-factura-e.naranja .item-2 .wrapper-item span { color: var(--colorNaranja1); } @media only screen and (min-width: 1024px) { } /* Widget - Descarga Factura Electrónica - Theme Default Footer */ .widget-factura-e.theme-movil { background-color: var(--colorAzul3); display: flex; flex-wrap: wrap; width: 100%; align-items: center; } .widget-factura-e.theme-movil .item-1 { /*background-color: pink;*/ display: inline-flex; justify-content: center; width: 4rem; } .widget-factura-e.theme-movil .item-2 { /*background-color: green;*/ display: inline-flex; width: calc( 100% - 4rem ); } .widget-factura-e.theme-movil .item-1 .wrapper-item { display: block; } .widget-factura-e.theme-movil .item-2 .wrapper-item { display: block; width: 100%; } .widget-factura-e.theme-movil .item-1 .wrapper-item i { } .widget-factura-e.theme-movil .item-1 .wrapper-item a { display: flex; align-items: center; justify-content: center; } .widget-factura-e.theme-movil .item-2 .wrapper-item span { display: block; color: var(--colorNaranja1); font-weight: 700; font-size: 1.507rem; line-height: 1.596rem; padding: .375rem .75rem; } .widget-factura-e.theme-movil .item-2 .wrapper-item a { display: block; padding: 1.5rem 0 1.5rem 0; } .widget-factura-e.theme-movil.azul .item-2 .wrapper-item span { color: var(--colorEnfasis); } /* Widget - Zona Redes Sociales - theme-1 Footer */ .widget-redes-1.theme-1 { display: block; } .widget-redes-1.theme-1 .item-1 { display: block; padding: 0 0 2rem 0; } .widget-redes-1.theme-1 .item-2 { display: block; } .widget-redes-1.theme-1 .item-1 span { color: white; font-weight: 700; font-size: 1.562rem; line-height: normal; } @media only screen and (min-width: 1024px) { .widget-redes-1.theme-1 { display: flex; flex-wrap: wrap; align-items: center; } .widget-redes-1.theme-1 .item-1 { display: inline-flex; width: auto; padding: 0 0 0 0; } .widget-redes-1.theme-1 .item-2 { display: inline-flex; width: auto; justify-content: flex-end; } } /* Widget - Suscribete Footer */ .widget-suscribete { /*background-color: purple;*/ } .widget-suscribete form { display: flex; } .widget-suscribete form .form-group { display: inline-flex; width: 60%; margin: 0; padding: 0; } .widget-suscribete form button { display: inline-flex; width: 40%; justify-content: flex-end; align-items: center; padding: 0 1.3rem 0 1.3rem; color: var(--colorEnfasis); background-color: var(--colorNaranja1); border: none; border-radius: 0; font-weight: 600; font-size: 1.667rem; line-height: normal; } .widget-suscribete form .form-group label { display: none; } .widget-suscribete form .form-group input { font-size: 1.667rem; color: var(--colorEnfasis); font-weight: 600; border: none; border-radius: 0; } .widget-suscribete form .form-group input::placeholder { color: var(--colorEnfasis); } .widget-suscribete .mensaje { color: var(--colorNaranja1); font-weight: 700; font-size: 1.8rem; padding: 1rem 0 1rem 0; } .widget-suscribete .mensaje img { width: 2rem; height: auto; } /* Widget - Notificarme E-Commerce - Home */ .widget-notificarme { /*background-color: purple;*/ } .widget-notificarme form { display: flex; } .widget-notificarme form .form-group { display: inline-flex; width: 60%; margin: 0; padding: 0; } .widget-notificarme form button { display: inline-flex; width: 40%; justify-content: flex-end; align-items: center; padding: 0 1.3rem 0 1.3rem; color: var(--colorEnfasis); background-color: var(--colorNaranja1); border: none; border-radius: 0; font-weight: 600; font-size: 1.667rem; line-height: normal; } .widget-notificarme form .form-group label { display: none; } .widget-notificarme form .form-group input { font-size: 1.667rem; color: var(--colorEnfasis); font-weight: 600; border: none; border-radius: 0; } .widget-notificarme .mensaje { color: var(--colorNaranja1); font-weight: 700; font-size: 1.8rem; padding: 1rem 0 1rem 0; } .widget-notificarme .mensaje img { width: 2rem; height: auto; } /* Widget - Buscador - Theme Default Top */ .widget-buscador.theme-default { /*background-color: purple;*/ } .widget-buscador.theme-default form { display: flex; justify-content: flex-end; } .widget-buscador.theme-default form .form-group { display: inline-flex; width: 60%; margin: 0; padding: 0 0 0 0; } .widget-buscador.theme-default form button { background-color: var(--colorPlomo2); display: inline-flex; width: 4rem; height: 4rem; border-radius: 2rem; overflow: hidden; justify-content: center; align-items: center; padding: 0; color: var(--colorEnfasis); border: none; font-weight: 600; font-size: 1.667rem; line-height: normal; } .widget-buscador.theme-default form button.active { border-radius: 0 2rem 2rem 0; } .widget-buscador.theme-default form .form-group label { display: none; } .widget-buscador.theme-default form .form-group input { height: 100%; font-size: 1.667rem; color: var(--colorEnfasis); font-weight: 600; border: none; border-radius: 0; } .widget-buscador.theme-default form .form-group input.form-control:focus { box-shadow: none; background-color: var(--colorPlomo2); border-radius: 2rem 0 0 2rem; } /* Widget - Buscador - Theme Movil Top */ .widget-buscador.theme-movil { background-color: var(--colorPlomo2); } .widget-buscador.theme-movil form { display: flex; justify-content: flex-start; align-items: center; } .widget-buscador.theme-movil form .form-group { display: inline-flex; width: 60%; margin: 0; padding: 1rem 0 1rem 0; } .widget-buscador.theme-movil form button { background-color: var(--colorPlomo2); display: inline-flex; width: 4rem; height: 4rem; border-radius: 2rem; overflow: hidden; justify-content: center; align-items: center; padding: 0; color: var(--colorEnfasis); border: none; font-weight: 600; font-size: 1.667rem; line-height: normal; } .widget-buscador.theme-movil form .form-group label { display: none; } .widget-buscador.theme-movil form .form-group input { background-color: transparent; color: var(--colorEnfasis); font-weight: 700; border: none; border-radius: 0; font-size: 1.507rem; line-height: 1.596rem; text-transform: uppercase; } .widget-buscador.theme-movil form .form-group input.form-control:focus { box-shadow: none; } /* Widget - Servicios 1 Home */ .widget-nuestros-servicios-1 { display: flex; flex-wrap: wrap; width: 100%; padding: 10rem 0 3rem 0; } .widget-nuestros-servicios-1 .dqa-col-1 { display: inline-flex; width: 100%; } .widget-nuestros-servicios-1 .dqa-col-2 { display: inline-flex; width: 100%; } .widget-nuestros-servicios-1 .dqa-col-3 { display: inline-flex; width: 100%; } .widget-nuestros-servicios-1 .item { } .widget-nuestros-servicios-1 .item .wrapper-all { display: flex; flex-wrap: wrap; align-items: center; padding: 2.5rem 0 2.5rem 0; } .widget-nuestros-servicios-1 .item .wrapper-imagen { display: inline-flex; width: 30%; text-align: center; padding: 0 0 2.5rem 0; } .widget-nuestros-servicios-1 .item .wrapper-data { display: inline-flex; width: 70%; } .widget-nuestros-servicios-1 .item .wrapper-data .other { display: block; } .widget-nuestros-servicios-1 .item .texto-1 { padding: 2.5rem 0 1.5rem 0; } .widget-nuestros-servicios-1 .item .texto-2 { padding: 1.5rem 0 2rem 0; } .widget-nuestros-servicios-1 .item .wrapper-button { display: block; text-align: left; padding: 0 0 2rem 0; } .widget-nuestros-servicios-1 .item .wrapper-imagen img { max-width: 12rem; mix-blend-mode: difference; } .widget-nuestros-servicios-1 .item .texto-1 span { display: block; color: var(--colorBlanco1); text-transform: uppercase; text-align: left; font-weight: 700; font-size: 3.2rem; line-height: normal; } .widget-nuestros-servicios-1 .item .texto-2 p { color: var(--colorBlanco1); text-align: left; font-weight: 400; font-size: 2.3rem; line-height: 2.7rem; } .widget-nuestros-servicios-1 .item .wrapper-button a { display: inline-block; text-transform: uppercase; font-weight: 600; background-color: var(--colorAzul4); color: var(--colorEnfasis); padding: 1.5rem 2.5rem 1.5rem 2.5rem; font-size: 1.8rem; line-height: 1.44rem; } @media only screen and (min-width: 1024px) { .widget-nuestros-servicios-1 .dqa-col-1 { width: 33.33%; } .widget-nuestros-servicios-1 .dqa-col-2 { width: 33.33%; } .widget-nuestros-servicios-1 .dqa-col-3 { width: 33.33%; } .widget-nuestros-servicios-1 .item { } .widget-nuestros-servicios-1 .item .wrapper-all { padding: 2.5rem 2rem 2.5rem 2rem; } .widget-nuestros-servicios-1 .item .wrapper-imagen { width: 100%; justify-content: center; } .widget-nuestros-servicios-1 .item .wrapper-data { width: 1000%; } .widget-nuestros-servicios-1 .item .wrapper-data .other { } .widget-nuestros-servicios-1 .item .wrapper-imagen img { max-width: none; width: 18.5rem; height: 18.5rem; } .widget-nuestros-servicios-1 .item .wrapper-button { text-align: center; } .widget-nuestros-servicios-1 .item .texto-1 span { text-align: center; } .widget-nuestros-servicios-1 .item .texto-2 p { text-align: center; } } /* Widget - Comunidad Home */ .widget-comunidad-main { display: inline-flex; flex-wrap: wrap; width: 100%; padding: 2rem 0 0 0; } .widget-comunidad-main .item { display: inline-flex; width: 33.33%; padding: 0 1rem 2rem 1rem; } .widget-comunidad-main .item:nth-child(2) { padding-top: 2rem; } .widget-comunidad-main .item .wrapper-all { width: 100%; } .widget-comunidad-main .item .wrapper-imagen { padding: 0 0 1rem 0; } .widget-comunidad-main .item .titulo { text-align: center; padding: 1rem 0 2rem 0; } .widget-comunidad-main .item .texto { background-color: var(--colorPlomo2); padding: 2rem; text-align: center; } @media only screen and (min-width: 1024px) { .widget-comunidad-main { margin-top: -2.5rem; } .widget-comunidad-main .item { display: inline-flex; width: 33.33%; padding: 0 2rem 2rem 2rem; } .widget-comunidad-main .item:nth-child(2) { padding-top: 7rem; } } /* Widget - Comunidad Listados (Blog, Noticias Eventos) */ .widget-comunidad-list { /*display: none;*/ flex-wrap: wrap; width: 100%; padding: 2rem 0 5rem 0; } .widget-comunidad-list.full .item { display: inline-flex; width: 50%; } .widget-comunidad-list .item { display: inline-flex; width: 33.33%; padding: 0 1rem 4rem 1rem; } .widget-comunidad-list .item .wrapper-all { width: 100%; } .widget-comunidad-list .item .wrapper-imagen { padding: 0 0 0 0; margin: 0 0 1rem 0; height: 27.5rem; border-radius: 2rem; overflow: hidden; } .widget-comunidad-list .item .wrapper-imagen img { width: 100%; height: 100%; object-fit: cover; } .widget-comunidad-list .item .wrapper-imagen a { display: inline; } .widget-comunidad-list .item .titulo { text-align: center; padding: 1rem 0 2rem 0; } .widget-comunidad-list .item .texto { background-color: var(--colorPlomo2); padding: 2rem; text-align: center; } .widget-comunidad-list .item .fecha { display: block; font-weight: 700; text-transform: uppercase; color: var(--colorEnfasis); font-size: 1.8rem; line-height: 2.302rem; border-bottom: 0.2rem solid var(--colorEnfasis); margin: 0 auto 1rem auto; padding: 0 0 0.5rem 0; max-width: 80%; } .widget-comunidad-list.pc { display: none; } @media only screen and (min-width: 720px) { .widget-comunidad-list .item .wrapper-imagen { height: 32.5rem; } } @media only screen and (min-width: 768px) { .widget-comunidad-list.pc { display: inline-flex; } } @media only screen and (min-width: 1024px) { .widget-comunidad-list { padding: 2rem 0 10rem 0; } .widget-comunidad-list.full .item { display: inline-flex; width: 33.33%; } .widget-comunidad-list .item { display: inline-flex; width: 33.33%; padding: 0 2rem 6rem 2rem; } .widget-comunidad-list .item .wrapper-imagen { height: 32.5rem; } } /* Widget - Comunidad Listados (Blog, Noticias Eventos) Movil - Slider */ .widget-comunidad-list.movil { display: flex; visibility: hidden; margin-bottom: 0; } .widget-comunidad-list.movil.slick-initialized { visibility: visible; } .widget-comunidad-list.movil .item { width: 280px; opacity: 0.3; padding: 0 1rem 1rem 1rem; } .widget-comunidad-list.movil .item.slick-slide.slick-current.slick-active { opacity: 1; } .widget-comunidad-list.movil .slick-arrow { background-color: var(--colorNaranja1); width: 5rem; height: 5rem; border-radius: 2.5rem; overflow: hidden; } .widget-comunidad-list.movil .slick-prev.slick-arrow { display: none !important; } .widget-comunidad-list.movil .slick-next.slick-arrow { right: -2rem; } .widget-comunidad-list.movil .slick-arrow::before { content: ''; background-image: url(images/arrow-azul-right-big.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 5rem; height: 2.5rem; background-color: var(--colorNaranja1); display: inline-block; } @media only screen and (min-width: 425px) { } @media only screen and (min-width: 768px) { .widget-comunidad-list.movil { display: none; } } /* Widget - Catalogos y Brochures Home */ .widget-catalogos-brochures { display: flex; flex-wrap: wrap; width: 100%; padding: 2rem 0 0 0; } .widget-catalogos-brochures .item { display: inline-flex; width: 33.33%; padding: 0 1rem 2rem 1rem; } .widget-catalogos-brochures .item:nth-child(2) { padding-top: 2rem; } .widget-catalogos-brochures .item .wrapper-all { width: 100%; } .widget-catalogos-brochures .item .wrapper-imagen { position: relative; text-align: center; background-color: #e3e3e3; border-radius: 2rem; padding: 3rem 3rem 3rem 3rem; } .widget-catalogos-brochures .item .wrapper-info { text-align: center; position: relative; } .widget-catalogos-brochures .item .wrapper-imagen i { display: none; } .widget-catalogos-brochures .item.nuevo .wrapper-imagen i { display: block; top: 1rem; left: 1rem; position: absolute; z-index: 99; } .widget-catalogos-brochures .item.nuevo .wrapper-imagen i::before { display: block; } .widget-catalogos-brochures .item .wrapper-imagen img { box-shadow: -11px 11px 18px 0px rgba(0,0,0,0.29); -webkit-box-shadow: -11px 11px 18px 0px rgba(0,0,0,0.29); -moz-box-shadow: -11px 11px 18px 0px rgba(0,0,0,0.29); } .widget-catalogos-brochures .item .wrapper-info .letrero { } .widget-catalogos-brochures .item .wrapper-info .letrero span { width: 85%; } @media only screen and (min-width: 768px) { .widget-catalogos-brochures .item { padding: 0 1.5rem 2rem 1.5rem; } } @media only screen and (min-width: 1024px) { .widget-catalogos-brochures { margin-top: -2.5rem; padding: 0 0 0 0; } .widget-catalogos-brochures .item { padding: 0 2rem 2rem 2rem; } .widget-catalogos-brochures .item:nth-child(2) { padding-top: 7rem; } .widget-catalogos-brochures .item .wrapper-info .letrero { margin-top: -2.5rem; } .widget-catalogos-brochures .item .wrapper-imagen { padding: 5rem 7rem 6rem 7rem; } } @media only screen and (min-width: 1200px) { .widget-catalogos-brochures .item .wrapper-imagen { padding: 5rem 9rem 6rem 9rem; } } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1920px) { } /* widget Marcas Home */ .widget-marcas-1 { /*background-color: rgba(255,255,255,0.4);*/ } .widget-marcas-1 .wrapper-widget { /*background-color: orange;*/ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; } .widget-marcas-1 .item { display: inline-flex; align-items: center; width: 33.33%; padding: 3rem; } .widget-marcas-1 .item .wrapper-imagen { text-align: center; width: 100%; } .widget-marcas-1 .item .wrapper-imagen img { } .widget-marcas-1 .item:nth-child(1) .wrapper-imagen img { width: 16rem; } .widget-marcas-1 .item:nth-child(2) .wrapper-imagen img { width: 8.8rem; } .widget-marcas-1 .item:nth-child(3) .wrapper-imagen img { width: 16.5rem; } .widget-marcas-1 .item:nth-child(4) .wrapper-imagen img { width: 16rem; } .widget-marcas-1 .item:nth-child(5) .wrapper-imagen img { width: 13rem; } .widget-marcas-1 .item:nth-child(6) .wrapper-imagen img { width: 17.5rem; } .widget-marcas-1 .item:nth-child(7) .wrapper-imagen img { width: 15rem; } .widget-marcas-1 .item:nth-child(8) .wrapper-imagen img { width: 11.2rem; } .widget-marcas-1 .item:nth-child(9) .wrapper-imagen img { width: 15.8rem; } @media only screen and (min-width: 1024px) { .widget-marcas-1 .wrapper-widget { width: 87rem; margin: 0 auto; padding: 4rem; } .widget-marcas-1 .item { padding: 0; } } @media only screen and (min-width: 1280px) { .widget-marcas-1 .wrapper-widget { width: 96rem; margin: 0 auto; } } @media only screen and (min-width: 1366px) { .widget-marcas-1 .wrapper-widget { width: 88rem; margin: 0 auto; } } @media only screen and (min-width: 1440px) { .widget-marcas-1 .wrapper-widget { width: 88rem; margin: 0 auto; } } @media only screen and (min-width: 1920px) { .widget-marcas-1 .wrapper-widget { width: 115.0rem; margin: 0 auto; padding: 2rem; } } /* widget Conoce más Nosotros */ .widget-conoce-mas { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; padding: 3rem 0 3rem 0; } .widget-conoce-mas .item { /*background-color: yellow;*/ display: inline-flex; width: 33.33%; } .widget-conoce-mas .item .wrapper-item { /*background-color: orange;*/ width: 100%; text-align: center; padding: 0 1rem 0 1rem; } .widget-conoce-mas .item .wrapper-imagen { /*background-color: red;*/ padding: 0 0 0 0; } .widget-conoce-mas .item .wrapper-info { /*background-color: pink;*/ text-align: center; padding: 2.5rem 0 2.5rem 0; } .widget-conoce-mas .item .wrapper-item a { text-decoration: none; } .widget-conoce-mas .item .wrapper-imagen img { } .widget-conoce-mas .item .wrapper-info span { color: var(--colorEnfasis); font-weight: 700; text-transform: uppercase; font-size: 1.8rem; line-height: 2.5rem; word-break: break-all; } .widget-conoce-mas .item::before { /*background-color: red; */ content: ''; display: inline-flex; align-items: center; width: 1.5rem; height: 13.4rem; } .widget-conoce-mas .item+.item::before { /*background-color: purple;*/ background-repeat: no-repeat; background-size: contain; background-position: center; content: ''; display: inline-flex; align-items: center; width: 1.5rem; height: 13.4rem; } .widget-conoce-mas .item:nth-child(2)::before { background-image: url('images/arrow-right-big.svg'); } .widget-conoce-mas .item:nth-child(3)::before { background-image: url('images/arrow-left-big.svg'); } @media only screen and (min-width: 425px) { .widget-conoce-mas .item .wrapper-imagen img { width: 13rem; } .widget-conoce-mas .item .wrapper-item { padding: 0 2rem 0 2rem; } } @media only screen and (min-width: 1024px) { .widget-conoce-mas { padding: 9rem 0 9rem 0; } .widget-conoce-mas .item { width: auto; } .widget-conoce-mas .item .wrapper-item { padding: 0 6rem 0 6rem; } .widget-conoce-mas .item .wrapper-info span { font-size: 3.266rem; line-height: 3.483rem; } .widget-conoce-mas .item .wrapper-imagen img { width: 19.4rem; padding: 0 0 2.5rem 0; } .widget-conoce-mas .item+.item::before { width: 3.5rem; height: 19.4rem; } } /* widget-servicio-item Servicios */ .widget-servicio-item { /*background-color: pink;*/ background-repeat: no-repeat; background-size: contain; background-position: center; width: 63.8rem; } .widget-servicio-item.despacho { height: 53.1rem; background-image: url('images/widget-servicio-item-1.svg'); } .widget-servicio-item.medios-de-pago { height: 58.2rem; background-image: url('images/widget-servicio-item-2.svg'); } .widget-servicio-item.capacitaciones { height: 47.9rem; background-image: url('images/widget-servicio-item-3.svg'); } .widget-servicio-item .wrapper-widget { position: relative; width: 100%; height: 100%; } .widget-servicio-item .wrapper-widget .wrapper-header { background-color: white; position: absolute; top: 1rem; } .widget-servicio-item .wrapper-widget .wrapper-info { padding: 12rem 6rem 6rem 6rem; } .widget-servicio-item .wrapper-widget .wrapper-boton { position: absolute; bottom: 3rem; left: 0; width: 100%; text-align: center; } .widget-servicio-item .wrapper-widget .wrapper-header h2 { text-transform: uppercase; font-weight: 700; font-size: 2.5rem; line-height: normal; color: var(--colorEnfasis); padding: 0; margin: 0; } .widget-servicio-item .wrapper-widget .wrapper-header h2 span { display: inline-block; vertical-align: middle; } .widget-servicio-item .wrapper-widget .wrapper-header h2::before { /*background-color: red;*/ content: ''; width: 10rem; height: 10rem; margin: 0 1.5rem 0 1.5rem; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; } .widget-servicio-item.despacho .wrapper-widget .wrapper-header { background-color: var(--colorPlomo3); left: 5.8rem; width: 80%; } .widget-servicio-item.medios-de-pago .wrapper-widget .wrapper-header { background-color: white; left: 8.1rem; width: 80%; } .widget-servicio-item.capacitaciones .wrapper-widget .wrapper-header { background-color: var(--colorPlomo3); left: 3.7rem; width: 85%; } .widget-servicio-item.despacho .wrapper-widget .wrapper-header h2::before { background-image: url('images/ico-despacho.png'); } .widget-servicio-item.medios-de-pago .wrapper-widget .wrapper-header h2::before { background-image: url('images/ico-mediosdepago.png'); } .widget-servicio-item.capacitaciones .wrapper-widget .wrapper-header h2::before { background-image: url('images/ico-capacitaciones.png'); } @media only screen and (min-width: 1024px) { .widget-servicio-item .wrapper-widget .wrapper-header { top: -5.5rem; } .widget-servicio-item.despacho .wrapper-widget .wrapper-header { left: 6.8rem; } .widget-servicio-item .wrapper-widget .wrapper-header h2 { font-size: 3.827rem; } .widget-servicio-item .wrapper-widget .wrapper-header h2::before { content: ''; width: 15.5rem; height: 15.5rem; } .widget-servicio-item .wrapper-widget .wrapper-boton { bottom: -3rem; } } /* widget-sidebar-publicaciones Publicacion (noticia, evento, blog) */ .widget-sidebar-publicaciones { width: 100%; padding: 0 0 5rem 0; } .widget-sidebar-publicaciones ul { list-style: none; padding: 0; margin: 0; width: 100%; } .widget-sidebar-publicaciones ul li { list-style: none; padding: 0; margin: 0; } .widget-sidebar-publicaciones ul li a { display: block; background-color: var(--colorPlomo2); font-weight: 700; text-align: center; text-transform: uppercase; color: var(--colorEnfasis); font-size: 2.381rem; line-height: 3.002rem; padding: 3rem 1rem 3rem 1rem; } .widget-sidebar-publicaciones ul li a.active { background-color: rgba(77,77,79,0.2); } .widget-sidebar-publicaciones ul li ul { } .widget-sidebar-publicaciones ul li ul li { background-color: var(--colorPlomo2); } .widget-sidebar-publicaciones > ul > li > a { background-color: var(--colorAzul3); padding: 2rem 1rem 2rem 1rem; } /* widget-single-top Publicación Noticias, Eventos, Blog */ .widget-single-top { /*background-color: pink;*/ } .widget-single-top .wrapper-widget { display: flex; flex-wrap: wrap; align-items: center; width: 100%; border-bottom: 0.1rem solid var(--colorAzul3); padding: 0 0 1.3rem 0; } .widget-single-top .wrapper-widget .item-1 { display: inline-flex; width: 100%; } .widget-single-top .wrapper-widget .item-2 { display: inline-flex; width: 100%; } @media only screen and (min-width: 375px) { .widget-single-top .wrapper-widget .item-1 { width: 50%; justify-content: flex-start; } .widget-single-top .wrapper-widget .item-2 { width: 50%; justify-content: flex-end; } } @media only screen and (min-width: 1024px) { .widget-single-top .wrapper-widget .item-1 { width: 50%; justify-content: flex-start; } .widget-single-top .wrapper-widget .item-2 { width: 50%; justify-content: flex-end; } } .w-share { display: flex; } .w-share .label { display: inline-flex; text-transform: uppercase; color: var(--colorEnfasis); font-weight: 400; font-size: 2.277rem; line-height: 2.898rem; } .w-share ul { display: inline-flex; } .w-share ul li { display: inline-block; vertical-align: middle; } .w-share ul li a { display: block; padding: 0 1rem 0 1rem; } .w-share ul li a i { color: var(--colorEnfasis); font-size: 2.292rem; line-height: 2.917rem; } .w-fecha-publicacion { } .w-fecha-publicacion .fecha { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 700; font-size: 2.292rem; line-height: 2.917rem; } /* widget-single-banner Single Noticias, Eventos, Blog */ .widget-single-banner { /* background-color: red;*/ padding: 2.5rem 0 3rem 0; position: relative; } .widget-single-banner .wrapper-imagen { } .widget-single-banner .wrapper-imagen img { width: 100%; } .widget-single-banner .wrapper-info { padding: 2rem 3rem 2rem 3rem; } .widget-single-banner .wrapper-info h1 { font-weight: 400; color: var(--colorEnfasis); font-size: 4.587rem; line-height: 5.378rem; } @media only screen and (min-width: 1024px) { .widget-single-banner .wrapper-widget .wrapper-imagen { } .widget-single-banner .wrapper-info { padding: 9rem 3rem 7rem 3rem; position: absolute; top: 0; left: 0; width: 100%; } .widget-single-banner .wrapper-info h1 { color: var(--colorBlanco1); text-align: right; } } /* widget-listado-documentos Catalogos y Brochure */ .widget-listado-documentos { /*display: flex;*/ display: none; flex-wrap: wrap; margin: 0 auto; } .widget-listado-documentos .item { display: inline-flex; width: 33.33%; justify-content: center; padding: 1rem 2rem 1rem 2rem; } .widget-listado-documentos .item .wrapper-item { width: 100%; background-color: var(--colorPlomo2); padding: 3.3rem 3.5rem 3.3rem 3.5rem; border-radius: 2rem; } .widget-listado-documentos .item .wrapper-item .wrapper-imagen { } .widget-listado-documentos .item .wrapper-item .wrapper-info { padding: 3.6rem 0 2.7rem 0; } .widget-listado-documentos .item .wrapper-item .wrapper-actions { } .widget-listado-documentos .item .wrapper-item .wrapper-imagen img { width: 100%; } .widget-listado-documentos .item .wrapper-item .wrapper-info .texto-1 { display: block; font-weight: 700; color: var(--colorEnfasis); font-size: 2.822rem; line-height: normal; } .widget-listado-documentos .item .wrapper-item .wrapper-info .texto-2 { display: block; font-weight: 400; color: var(--colorEnfasis); font-size: 2.116rem; line-height: normal; } .widget-listado-documentos .wrapper-actions { } .widget-listado-documentos .wrapper-actions ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; } .widget-listado-documentos .wrapper-actions ul li { display: inline-flex; padding: 0.6rem; } .widget-listado-documentos .wrapper-actions ul li a { display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: white; font-weight: 700; font-size: 2.293rem; line-height: 1.46rem; padding: 0.8rem 2rem 0.8rem 2rem; } .widget-listado-documentos .wrapper-actions ul li a i { margin-right: 1rem; } .widget-listado-documentos .wrapper-actions ul li:nth-child(1) a { background-color: var(--colorEnfasis); } .widget-listado-documentos .wrapper-actions ul li:nth-child(2) a { background-color: var(--colorNaranja1); } @media only screen and (min-width: 768px) { .widget-listado-documentos { display: flex; } } @media only screen and (min-width: 1024px) { .widget-listado-documentos { } } /* widget-listado-documentos Catalogos y Brochure Movil - Slider */ .widget-listado-documentos.movil { display: flex; visibility: hidden; margin-bottom: 0; } .widget-listado-documentos.movil.slick-initialized { visibility: visible; } .widget-listado-documentos.movil .item { width: 260px; opacity: 0.3; } .widget-listado-documentos.movil .item.slick-slide.slick-current.slick-active { opacity: 1; } .widget-listado-documentos.movil .slick-arrow { background-color: var(--colorNaranja1); width: 5rem; height: 5rem; border-radius: 2.5rem; overflow: hidden; } .widget-listado-documentos.movil .slick-prev.slick-arrow { display: none !important; } .widget-listado-documentos.movil .slick-next.slick-arrow { right: -2rem; } .widget-listado-documentos.movil .slick-arrow::before { content: ''; background-image: url(images/arrow-azul-right-big.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 5rem; height: 2.5rem; background-color: var(--colorNaranja1); display: inline-block; } .widget-listado-documentos.movil .item .wrapper-item { padding: 3.3rem 2rem 3.3rem 2rem; border-radius: 2rem; } .widget-listado-documentos.movil .wrapper-actions { } .widget-listado-documentos.movil .wrapper-actions ul { } .widget-listado-documentos.movil .wrapper-actions ul li { padding: 0.6rem; width: 50%; } .widget-listado-documentos.movil .wrapper-actions ul li a { display: flex; width: 100%; font-size: 2rem; line-height: normal; padding: 0.8rem 1.4rem 0.8rem 1.4rem; } .widget-listado-documentos.movil .wrapper-actions ul li a i { margin-right: 1rem; } .widget-listado-documentos.movil .wrapper-actions ul li a i::before { width: 2.2rem; height: 2.2rem; } .widget-listado-documentos.movil .wrapper-actions ul li:nth-child(1) a { } .widget-listado-documentos.movil .wrapper-actions ul li:nth-child(2) a { } @media only screen and (min-width: 425px) { .widget-listado-documentos.movil .wrapper-actions ul li a { font-size: 1.4rem; line-height: normal; } .widget-listado-documentos.movil .wrapper-actions ul li a i::before { width: 1.8rem; height: 1.8rem; } } @media only screen and (min-width: 768px) { .widget-listado-documentos.movil { display: none; } } /* widget-nuestras-marcas */ .widget-nuestras-marcas { } .widget-nuestras-marcas ul { /*background-color: cyan;*/ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; } .widget-nuestras-marcas ul li.item { list-style: none; display: inline-flex; width: 33.33%; } .widget-nuestras-marcas ul li.item a { text-decoration: none; } .widget-nuestras-marcas .item { /*background-color: red;*/ padding: 1rem 1rem 2rem 1rem; } .widget-nuestras-marcas .item .wrapper-all { /*background-color: yellow;*/ } .widget-nuestras-marcas .item .wrapper-imagen { /*background-color: pink;*/ position: relative; width: 100%; } .widget-nuestras-marcas .item .wrapper-info { width: 100%; text-align: center; padding: 0.5rem 0 1rem 0; } .widget-nuestras-marcas .item .wrapper-imagen .w-imagen { /*background-color: orange;*/ width: 100%; height: 100%; } .widget-nuestras-marcas .item .wrapper-imagen .w-imagen.on { visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } .widget-nuestras-marcas .item .wrapper-imagen .w-imagen.off { /*background-color: rgba(0,0,0,0.3);*/ visibility: visible; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; /*padding: 1.3rem 1.3rem 1.3rem 1.3rem;*/ } .widget-nuestras-marcas .item .wrapper-info span { display: inline-block; color: var(--colorAzul4); font-weight: 500; font-size: 1.5rem; line-height: normal; /*border-bottom: 0.1rem solid var(--colorAzul4);*/ } .widget-nuestras-marcas .item:hover .wrapper-all .wrapper-imagen .w-imagen.off { visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } .widget-nuestras-marcas .item:hover .wrapper-all .wrapper-imagen .w-imagen.on { visibility: visible; opacity: 1; } @media only screen and (min-width: 1024px) { .widget-nuestras-marcas .item .wrapper-info span { font-size: 3.043rem; line-height: 4.336rem; } } /* widget-btn-regresar Listado de Productos */ .widget-btn-regresar.theme-1 { } .widget-btn-regresar.theme-1 p { padding: 0; margin: 0; } .widget-btn-regresar.theme-1 p a { display: block; } .widget-btn-regresar.theme-1 p span { color: var(--colorEnfasis); font-weight: 700; font-size: 2.677rem; line-height: 2.571rem; } .widget-btn-regresar.theme-1 p span.arrows { padding: 0 0 0 0; } .widget-btn-regresar.theme-1 p span.titulo { padding: 0 0 0 1rem; } .widget-btn-regresar.theme-1 p span.label { text-transform: uppercase; display: block; padding: 1rem 0 1rem 1rem; font-size: 1.8rem; color: var(--colorNaranja1); } /* widget-nav-productos Listado de Productos */ .widget-nav-productos { width: 100%; } .widget-nav-productos ul { list-style: none; display: flex; flex-wrap: wrap; } .widget-nav-productos ul li { list-style: none; display: inline-flex; } .widget-nav-productos ul li a { display: block; width: 100%; text-decoration: none; color: white; font-weight: 700; text-transform: uppercase; font-size: 1.5rem; line-height: 2.5rem; padding: 1.5rem 1rem 1.5rem 1rem; text-align: center; } .widget-nav-productos ul li:nth-child(1) { background-color: var(--colorAzul3); display: inline-flex; width: 45%; border-radius: 3rem 0 0 3rem; } .widget-nav-productos ul li:nth-child(2) { background-color: var(--colorEnfasis); display: inline-flex; width: 55%; border-radius: 0 3rem 3rem 0; } .widget-nav-productos ul li:nth-child(2)::before { content: ''; width: 0; height: 0; border-top: 2.75rem solid transparent; border-bottom: 2.75rem solid transparent; border-right: 2rem solid var(--colorEnfasis); background-color: var(--colorAzul3); } .widget-nav-productos ul li.active { background-color: var(--colorEnfasis); } .widget-nav-productos ul li.active+li::before { border-right: 2rem solid var(--colorAzul3); background-color: var(--colorEnfasis); } .widget-nav-productos ul li.active+li { background-color: var(--colorAzul3); } @media only screen and (min-width: 1024px) { .widget-nav-productos ul li a { font-size: 2.677rem; line-height: 2.571rem; padding: 1.5rem 1rem 1.5rem 1rem; } .widget-nav-productos ul li:nth-child(1) { width: 50%; } .widget-nav-productos ul li:nth-child(2) { width: 50%; } } @media only screen and (min-width: 1280px) { .widget-nav-productos ul li a { font-size: 2rem; line-height: normal; padding: 1.5rem 1rem 1.5rem 1rem; } } @media only screen and (min-width: 1920px) { .widget-nav-productos ul li a { font-size: 2.677rem; line-height: 2.571rem; padding: 1.5rem 1rem 1.5rem 1rem; } } /* widget-pager theme-1 Listado de productos */ .widget-pager.theme-1 { display: flex; flex-wrap: wrap; } .widget-pager.theme-1 .nav-buttons { display: inline-flex; padding: 0 0.5rem 0 0.5rem; } .widget-pager.theme-1 .nav-indicador { display: inline-flex; padding: 0 0.5rem 0 0.5rem; } .widget-pager.theme-1 .nav-indicador .num { color: var(--colorEnfasis); font-weight: 700; font-size: 2.677rem; line-height: 2.571rem; width: 4.8rem; height: 4.8rem; background-color: var(--colorPlomo2); display: flex; justify-content: center; align-items: center; border-radius: 2.4rem; } .widget-pager.theme-1 .nav-buttons a { } .widget-pager.theme-1 .nav-buttons a i { width: 4.8rem; height: 4.8rem; background-color: var(--colorAzul3); display: flex; justify-content: center; align-items: center; border-radius: 2.4rem; } /* widget-pager theme-2 Listado de productos *Compatible con plugin jquery.paginate */ .widget-pager.theme-2 ul { display: flex; flex-wrap: wrap; } .widget-pager.theme-2 .nav-buttons { display: inline-flex; padding: 0 0.5rem 0 0.5rem; } .widget-pager.theme-2 .nav-indicador { display: inline-flex; padding: 0 0.5rem 0 0.5rem; } .widget-pager.theme-2 .nav-indicador .num { color: var(--colorEnfasis); font-weight: 700; font-size: 2.677rem; line-height: 2.571rem; width: 4.8rem; height: 4.8rem; background-color: var(--colorPlomo2); display: flex; justify-content: center; align-items: center; border-radius: 2.4rem; } .widget-pager.theme-2 .nav-buttons a { } .widget-pager.theme-2 .nav-buttons a i { width: 4.8rem; height: 4.8rem; background-color: var(--colorAzul3); display: flex; justify-content: center; align-items: center; border-radius: 2.4rem; } .widget-pager.theme-2 .nav-buttons a.deactive { opacity: 0.8; cursor: default; } /* widget-lista-productos Listado de Productos */ .widget-lista-productos { display: flex; flex-wrap: wrap; } .widget-lista-productos .item { display: inline-flex; width: 50%; } .widget-lista-productos .item .wrapper-item { display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 3rem 2rem 3rem 2rem; } .widget-lista-productos .item .wrapper-imagen { display: inline-flex; width: 100%; } .widget-lista-productos .item .wrapper-info { display: inline-flex; width: 100%; } .widget-lista-productos .item .wrapper-item::after { content: ''; width: 94%; height: 0.1rem; position: absolute; bottom: 0; left: 0; border-bottom: 0.1rem dashed var(--colorAzul3); margin: 0 3%; } .widget-lista-productos .item .wrapper-item::before { content: ''; width: 0.1rem; height: 94%; position: absolute; top: 0; right: 0; border-right: 0.1rem dashed var(--colorAzul3); margin: 2% auto; } .widget-lista-productos .item:nth-child(2n) .wrapper-item::before { content: none; } .widget-lista-productos .item .wrapper-imagen img { width: 100%; } .widget-lista-productos .item .wrapper-info .producto-code { list-style: none; background-color: var(--colorEnfasis); padding: 1.2rem 0 1.2rem 0; margin: 0 0 1rem 0; position: relative; } .widget-lista-productos .item .wrapper-info .producto-code li { list-style: none; padding: 0 0 0 0; margin: 0; } .widget-lista-productos .item .wrapper-info .producto-code::after { content: ''; position: absolute; top: 0; right: 0; width: 0.8rem; height: 100%; background-color: var(--colorNaranja1); } .widget-lista-productos .item .wrapper-info .producto-data { list-style: none; background-color: var(--colorPlomo2); padding: 0.5rem 1.2rem 0.5rem 1.2rem; margin: 0; } .widget-lista-productos .item .wrapper-info .producto-data li { list-style: none; padding: 2rem 0 1.5rem 0; margin: 0; border-bottom: 0.1rem solid var(--colorEnfasis); } .widget-lista-productos .item .wrapper-info .producto-data li:last-child { border-bottom: 0; } .widget-lista-productos .item .producto-code .titulo { display: block; text-align: center; color: var(--colorBlanco1); font-weight: 700; font-size: 2.292rem; line-height: 2.571rem; } .widget-lista-productos .item .producto-data .texto-1 { display: block; text-align: center; color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 2.084rem; line-height: 2.293rem; } .widget-lista-productos .item .producto-data .texto-2 { display: block; text-align: center; color: var(--colorEnfasis); text-transform: uppercase; font-weight: 700; font-size: 2.084rem; line-height: 2.293rem; } .widget-lista-productos .item .wrapper-imagen i { display: none; } .widget-lista-productos .item.nuevo .wrapper-imagen { position: relative; } .widget-lista-productos .item.nuevo .wrapper-imagen i { display: block; top: 0; left: 0; position: absolute; z-index: 99; } .widget-lista-productos .item.nuevo .wrapper-imagen i::before { display: block; } @media only screen and (min-width: 1024px) { .widget-lista-productos .item .wrapper-imagen { display: inline-flex; width: 60%; padding: 2rem; } .widget-lista-productos .item .wrapper-info { display: inline-flex; width: 40%; } } /* widget-producto-info Producto - Single */ .widget-producto-info { } .widget-producto-info .wrapper-widget { display: flex; flex-wrap: wrap; align-items: center; width: 100%; } .widget-producto-info .item-1 { display: inline-flex; width: 100%; padding: 0 0 0 0; } .widget-producto-info .item-2 { display: inline-flex; width: 100%; padding: 0 0 0 0; } .widget-producto-info .wrapper-imagen { width: 100%; border: 2px solid var(--colorPlomo2); border-radius: 2rem; padding: 6rem 6rem 6rem 6rem; } .widget-producto-info .wrapper-info { width: 100%; padding: 0 0 0 0; } .widget-producto-info .wrapper-info .wrap { display: block; width: 100%; } .widget-producto-info .wrapper-info .texto { text-transform: uppercase; padding: 3rem 0 1rem 0; } .widget-producto-info .wrapper-imagen img { width: 100%; } .widget-producto-info ul.producto-code { display: none; list-style: none; background-color: var(--colorEnfasis); padding: 0.5rem 0 0.5rem 0; margin: 0 0 1rem 0; position: relative; } .widget-producto-info ul.producto-code li { list-style: none; padding: 0 0 0 0; margin: 0; } .widget-producto-info ul.producto-code::after { content: ''; position: absolute; top: 0; right: 0; width: 1.6rem; height: 100%; background-color: var(--colorNaranja1); } .widget-producto-info ul.producto-code li .titulo { display: block; text-align: center; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 2.5rem; line-height: 5.309rem; } .widget-producto-info ul.producto-code li .titulo strong { font-weight: 600; } .widget-producto-info .table-custom-info-producto { background-color: var(--colorPlomo2); padding: 1.4rem 1.4rem 1.4rem 1.4rem; border-radius: 2rem; } .widget-producto-info .table-custom-info-producto .fila { display: flex; flex-wrap: wrap; width: 100%; border-bottom: 0.1rem dashed var(--colorAzul3); padding: 1.8rem 0 1.8rem 0; } .widget-producto-info .table-custom-info-producto .fila .columna { display: inline-flex; width: 50%; } .widget-producto-info .table-custom-info-producto .fila:last-child { border-bottom: none; } .widget-producto-info .table-custom-info-producto .label { display: block; text-transform: uppercase; color: var(--colorEnfasis) font-weight: 400; font-size: 2.084rem; line-height: normal; } .widget-producto-info .table-custom-info-producto .value { display: block; text-transform: uppercase; color: var(--colorEnfasis); font-weight: 700; font-size: 2.084rem; line-height: normal; } .widget-producto-info .wrapper-imagen { position: relative; } .widget-producto-info .wrapper-imagen i.ico-dqa { display: none; } .widget-producto-info.nuevo .wrapper-imagen i.ico-dqa { display: block; top: 1rem; left: 1rem; position: absolute; z-index: 9; } .widget-producto-info.nuevo .wrapper-imagen i.ico-dqa::before { display: block; } .widget-producto-info .wrapper-imagen i.fas.fa-search { position: absolute; bottom: 2rem; right: 2rem; font-size: 2.5rem; color: var(--colorAzul3); } .widget-producto-info .wrapper-imagen i.far.fa-images { display: none; } .widget-producto-info.gallery .wrapper-imagen i.far.fa-images { display: block; position: absolute; bottom: 2rem; left: 2rem; font-size: 3rem; color: var(--colorAzul3); } @media only screen and (min-width: 1024px) { .widget-producto-info .item-1 { display: inline-flex; width: 50%; padding: 0 2rem 0 0; } .widget-producto-info .item-2 { display: inline-flex; width: 50%; padding: 0 0 0 2rem; } .widget-producto-info ul.producto-code { display: block; } } /* widget-cotizacion-titulo Producto Single */ .widget-cotizacion-titulo { background-color: var(--colorPlomo2); padding: 1rem 0 1rem 0; display: flex; justify-content: center; } .widget-cotizacion-titulo h3 { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 700; font-size: 2rem; line-height: normal; } .widget-cotizacion-titulo h3::before { content: ''; width: 5.6rem; height: 5.5rem; margin-right: 1.5rem; background-image: url('images/ico-cotizacion.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 1024px) { .widget-cotizacion-titulo h3 { font-size: 2.928rem; } } /* widget-form theme-1 Formulario - Producto - Cotización */ .widget-form.theme-1 { } .widget-form.theme-1 .titulo { cursor: pointer; display: block; text-transform: uppercase; text-align: center; background-color: var(--colorEnfasis); color: #fff; font-weight: 600; font-size: 3.022rem; line-height: normal; border-radius: 0 0 0 0; padding: 1.5rem 0.5rem 1.5rem 0.5rem; } .widget-form.theme-1 form { background-color: var(--colorPlomo2); border-radius: 0 0 2rem 2rem; padding: 3rem 1.8rem 3rem 1.8rem; } .widget-form.theme-1 form .form-group label { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 2.026rem; } .widget-form.theme-1 form .form-group span.label { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 2.026rem; } .widget-form.theme-1 form .form-group span.label-2 { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 1.249rem; } .widget-form.theme-1 form .form-group label.d-none { display: none; } .widget-form.theme-1 form .form-group.wrapper-btn { text-align: center; padding: 1.5rem 0 0 0; } .widget-form.theme-1 form .form-group .btn { font-weight: 700; text-transform: uppercase; color: var(--colorEnfasis); background-color: var(--colorNaranja1); border-radius: 0.5rem; font-size: 2.55rem; } .widget-form.theme-1 form .form-group .form-control { border: 0.1rem solid var(--colorEnfasis); border-radius: 0.5rem; color: var(--colorEnfasis); font-weight: 400; font-size: 2.026rem; } .widget-form.theme-1 .mensaje { font-weight: 700; font-size: 1.8rem; color: var(--colorNaranja1); padding: 1rem 0 1rem 0; } .widget-form.theme-1 .mensaje img { width: 3rem; height: auto; } .widget-form.theme-1 .collapse { display: none; } .widget-form.theme-1 .collapse.show { display: block; } @media only screen and (min-width: 1024px) { .widget-form.theme-1 .titulo { cursor: auto; } .widget-form.theme-1 .titulo { border-radius: 2rem 2rem 0 0; } .widget-form.theme-1 .collapse { display: block; } .widget-form.theme-1 .collapse.show { display: block; } } /* widget-form theme-2 Formulario - Capacitaciones */ .widget-form.theme-2 { } .widget-form.theme-2 .titulo { display: block; text-transform: uppercase; text-align: center; background-color: var(--colorEnfasis); color: #fff; font-weight: 700; font-size: 2rem; line-height: normal; border-radius: 0 0 0 0; padding: 2rem 0.5rem 2rem 0.5rem; } .widget-form.theme-2 .c-naranja1 { color: var(--colorNaranja1); } .widget-form.theme-2 form { border-radius: 0 0 2rem 2rem; padding: 1.7rem 0 0 0; } .widget-form.theme-2 form .form-group { margin-bottom: 1.7rem; } .widget-form.theme-2 form .form-group label { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 2.026rem; } .widget-form.theme-2 form .form-group span.label { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 2.026rem; } .widget-form.theme-2 form .form-group span.label-2 { color: var(--colorEnfasis); text-transform: uppercase; font-weight: 400; font-size: 1.249rem; } .widget-form.theme-2 form .form-group label.d-none { display: none; } .widget-form.theme-2 form .form-group.wrapper-btn { text-align: center; padding: 1.5rem 0 0 0; } .widget-form.theme-2 form .btn { position: absolute; left: calc( 50% - 22.6rem ); font-weight: 700; text-transform: uppercase; color: var(--colorBlanco1); background-color: var(--colorNaranja1); border-radius: 0; font-size: 2rem; min-width: 45.2rem; height: 7rem; } .widget-form.theme-2 form .form-group .form-control { border: none; font-weight: 700; text-transform: uppercase; border-radius: 0; color: #3a3a3c; font-size: 2rem; height: 5rem; padding: .375rem 2rem; } .widget-form.theme-2 form .form-group .form-control::placeholder { font-weight: 700; color: #3a3a3c; text-transform: uppercase; } .widget-form.theme-2 .mensaje { font-weight: 700; font-size: 1.8rem; color: var(--colorNaranja1); padding: 1rem 0 1rem 0; } .widget-form.theme-2 .mensaje img { width: 3rem; height: auto; } @media only screen and (min-width: 1024px) { .widget-form.theme-2 .titulo { border-radius: 2rem 2rem 0 0; font-size: 3.444rem; } .widget-form.theme-2 form .form-group .form-control { font-size: 2.6rem; height: 6rem; padding: .375rem 2rem; } .widget-form.theme-2 form .btn { font-size: 3.444rem; min-width: 45.2rem; height: 8.6rem; } } /* widget-btn-subir Footer - Botón subir - Móvil */ .widget-btn-subir { background-color: var(--colorPlomo2); } .widget-btn-subir a { display: flex; justify-content: center; align-items: center; text-align: center; text-transform: uppercase; color: var(--colorEnfasis); font-weight: 500; font-size: 2rem; line-height: normal; padding: 1.5rem 0 1.5rem 0; } .widget-btn-subir a i { margin-right: 1rem; } /* Menu Lateral - Movil */ .sec-menu-lateral { position: relative; overflow: visible; } @media only screen and (min-width: 1024px) { .sec-menu-lateral { display: none; } } .sidenav { /*height: 100%;*/ /* 100% Full-height */ /*position: fixed;*/ /* Stay in place */ height: 100vh; width: 0; /* 0 width - change this with JavaScript */ position: absolute; z-index: 1; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: transparent; overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 0; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ } .overlay { display: none; /*position: fixed;*/ position: absolute; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; transition: all .5s ease-in-out; } .overlay.active { display: block; opacity: 1; } /* Menu Movil */ .sec-menu-lateral .menu-movil { } .menu-movil.theme-1 ul { } .menu-movil.theme-1 ul li { } .menu-movil.theme-1 ul li a { text-decoration: none; display: block; background-color: var(--colorPlomo2); color: var(--colorEnfasis); text-transform: uppercase; font-weight: 700; font-size: 1.5rem; line-height: normal; padding: 3.8rem 3rem 3.8rem 3rem; border-bottom: 1px solid #bfc5ce; } .menu-movil.theme-1 ul li a p { display: inline-block; } .menu-movil.theme-1 ul li a .ecommerce { position: relative; } .menu-movil.theme-1 ul li a .ecommerce i { padding: 0rem 0rem 1.5rem 0.5rem; } .menu-movil.theme-1 ul li a .ecommerce i::before { width: 2rem; height: 1.6rem; padding-right: 1rem; } .menu-movil.theme-1 ul li a .ecommerce span { position: absolute; margin-top: 1.5rem; margin-left: -7.5rem; font-size: 1.026rem; line-height: normal; color: var(--colorNaranja2); } .menu-movil.theme-1 ul li ul { background-color: var(--colorNaranja1); } .menu-movil.theme-1 ul li ul li { } .menu-movil.theme-1 ul li ul li a { background-color: var(--colorBlanco1); position: relative; margin-left: 0.8rem; border-bottom: 0.1rem solid #dadee4; padding: 3.8rem 3.2rem 3.8rem 3.2rem; } .menu-movil.theme-1 ul li ul li a::before { content: ''; position: absolute; top: 0; left: -0.8rem; width: 0.8rem; height: 100%; background-color: var(--colorNaranja1); } .menu-movil.theme-1 ul li a[aria-expanded=true] { background-color: #c2c4c8; } .menu-movil.theme-1 ul li.padre > a p { position: relative; } .menu-movil.theme-1 ul li.padre > a p::after { content: ''; width: 1.5rem; height: 100%; position: absolute; top: 0; right: -2rem; background-image: url('images/ico-arrow-r-naranja.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; transition: all .3s ease-out; } .menu-movil.theme-1 ul li.padre a[aria-expanded=true] p::after { transform: rotate(90deg) translateY(-40%); } .menu-movil.theme-1 ul li.active a { color: var(--colorNaranja1); } @media only screen and (min-width: 1024px) { } /* Menu Info */ .sec-menu-lateral .menu-info { background-color: var(--colorEnfasis); } /* Menu Redes */ .sec-menu-lateral .menu-redes { background-color: var(--colorNaranja1); padding: 2rem 1rem 2rem 1rem; } .sec-menu-lateral .menu-redes .widget-redes-1.theme-1 .item-1 { text-align: center; padding: 0 0 1.2rem 0; } .sec-menu-lateral .menu-redes .widget-redes-1.theme-1 .item-2 .menu-jyw.theme-3 ul { justify-content: center; } .sec-menu-lateral .menu-redes .widget-redes-1.theme-1 .item-1 span { color: var(--colorEnfasis); } .sec-menu-lateral .menu-redes .widget-redes-1.theme-1 .item-2 .menu-jyw.theme-3 ul li a i { color: var(--colorEnfasis); } /* Menu - Contacto Footer */ .sec-menu-lateral .menu-info .menu-jyw.theme-2.v2 { padding: 3rem 2rem 0 2rem; } /* widget modal comunícate */ .widget-modal-cominicate { position: absolute; left: 0; width: 100%; z-index: 99; } .widget-modal-cominicate .container { margin-top: 0; width: 100%; padding: 0; } .widget-modal-cominicate .container .row { margin: 0; padding: 0; } .widget-modal-cominicate .container .row .col { margin: 0; padding: 0; } .widget-modal-cominicate .wrapper-modal { /*background-color: red;*/ display: none; justify-content: center; } .widget-modal-cominicate .wrapper-modal .wrapper-all { /*background-color: pink;*/ position: relative; } .widget-modal-cominicate .wrapper-modal .wrapper-imagen { /*background-color: blue;*/ width: 109.7rem; } .widget-modal-cominicate .wrapper-modal .wrapper-data { /*background-color: rgba(0,0,0,0.3);*/ position: absolute; top: 6rem; left: 0; width: 100%; height: 100%; display: flex; } .widget-modal-cominicate .wrapper-modal .wrapper-data .item-1 { position: relative; /*background-color: rgba(25,255,255,0.2);*/ display: inline-flex; width: 55%; padding: 7rem 7.8rem 7rem 7.8rem; } .widget-modal-cominicate .wrapper-modal .wrapper-data .item-2 { /*background-color: rgba(255,255,255,0.6);*/ display: inline-flex; width: 45%; /*padding: 26rem 11rem 2rem 7rem;*/ padding: 38rem 11rem 2rem 7rem; } .widget-modal-cominicate .item-1 .wrapper-titulo { } .widget-modal-cominicate .item-1 .wrapper-texto { } .widget-modal-cominicate .item-1 .wrapper-contacto { background-color: var(--colorEnfasis); border-radius: 2rem 2rem 2rem 2rem; padding: 2.5rem 4rem 0.5rem 4rem; } .widget-modal-cominicate .wrapper-modal .wrapper-data .item-1 .btn-x-1 { /*background-color: red;*/ cursor: pointer; background-image: url('images/btn-x-negro.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; top: 2.8rem; left: 2.8rem; width: 3rem; height: 3rem; } .widget-modal-cominicate .item-1 .wrapper-titulo h3 { font-weight: 700; color: var(--colorEnfasis); font-size: 3.321rem; line-height: normal; padding: 0 0 4rem 0; } .widget-modal-cominicate .item-1 .wrapper-texto p { color: var(--colorEnfasis); font-weight: 400; font-size: 2.086rem; line-height: 2.604rem; padding: 0 0 2.7rem 0; } .widget-modal-cominicate .item-1 .wrapper-texto p strong { font-weight: 700; } .widget-modal-cominicate { visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s; } .widget-modal-cominicate.active { visibility: visible; opacity: 1; transition: visibility 0.3s linear, opacity 0.3s; } .widget-modal-cominicate .overlay1 { background-color: rgba(6,41,70,0.4); width: 100%; height: 100%; display: block; position: absolute; } .widget-modal-cominicate .wrapper-modal-movil { display: flex; } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all { position: relative; } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-imagen { } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-data { position: absolute; top: 6rem; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; margin: 7rem 0 0 0; } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-data .item-1 { } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores { } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores ul { } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all { } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .btn-x { /*background-color: red;*/ cursor: pointer; background-image: url('images/btn-x-blanco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; top: 3.5rem; right: 3.5rem; width: 2.2rem; height: 2.2rem; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores .wrapper-asesor-foto img { width: 18rem; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { width: 100%; } @media only screen and (min-width: 320px) { .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-data { margin: 23rem 0 0 0; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores ul { width: auto; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores .wrapper-asesor-foto img { width: 18rem; } } @media only screen and (min-width: 375px) { .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .btn-x { top: 3.5rem; right: 3.5rem; } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-data { margin: 23rem 0 0 0; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores ul { width: 50rem; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores .wrapper-asesor-foto img { width: 16rem; } } @media only screen and (min-width: 425px) { /*.widget-modal-cominicate .container { max-width: 42.5rem; }*/ .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-data { margin: 23rem 0 0 0; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores ul { width: 47rem; } .widget-modal-cominicate .wrapper-modal-movil .widget-lista-asesores .wrapper-asesor-foto img { width: 15rem; } } @media only screen and (min-width: 568px) { /* iphone 5 - horizontal */ .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .btn-x { top: 5.5rem; right: 5.5rem; } .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .wrapper-data { margin: 10rem 0 0 0; } } @media only screen and (min-width: 667px) { /* iphone 6 - horizontal */ .widget-modal-cominicate .wrapper-modal-movil .wrapper-all .btn-x { top: 5.5rem; right: 5.5rem; } } @media only screen and (min-width: 736px) { /* iphone 7 plus - horizontal */ } @media only screen and (min-width: 768px) { .widget-modal-cominicate .container { margin-top: 6rem; width: fit-content; } .widget-modal-cominicate .wrapper-modal { display: flex; } .widget-modal-cominicate .wrapper-modal-movil { display: none; } } /* widget-lista-asesores */ .widget-lista-asesores { /*font-size: 40%;*/ position: relative; } .widget-lista-asesores ul { list-style: none; } .widget-lista-asesores ul li { list-style: none; display: flex; padding: 0 0 2rem 0; } .widget-lista-asesores .wrapper-asesor-foto { display: inline-flex; width: 50%; justify-content: center; } .widget-lista-asesores .wrapper-asesor-info { display: inline-flex; width: 50%; justify-content: flex-start; } .widget-lista-asesores .wrapper-asesor-foto .wrap { padding: 0 2rem 0 2rem; } .widget-lista-asesores .wrapper-asesor-foto img { } .widget-lista-asesores .wrapper-asesor-info .nombre { display: block; font-weight: 700; text-transform: uppercase; color: var(--colorNaranja1); /*font-size: 5.106rem; line-height: 3.4rem; *0.3 */ font-size: calc(5.106rem * 0.37); line-height: calc(3.14rem * 0.37); margin-bottom: 1rem; } .widget-lista-asesores .wrapper-asesor-info .telefono { display: block; font-weight: 400; text-transform: uppercase; color: var(--colorBlanco1); /*font-size: 5.106rem; line-height: 3.4rem; *0.3 */ font-size: calc(5.106rem * 0.37); line-height: calc(3.14rem * 0.37); margin-bottom: 1.5rem; } .widget-lista-asesores .wrapper-asesor-info .btn-fono { } .widget-lista-asesores .wrapper-asesor-info .btn-fono i::before { width: calc(4.5rem * 0.37); height: calc(4.5rem * 0.37); margin-right: 0.5rem; } .widget-lista-asesores .wrapper-asesor-info .btn-fono a { margin-bottom: 1rem; border-radius: 1rem 1rem 1rem 1rem; display: flex; align-items: center; height: calc(8rem * 0.37); padding: 0 1rem 0 1rem; background-color: #7e8da1; text-transform: uppercase; color: var(--colorBlanco1); font-weight: 700; /*font-size: 3.503rem; line-height: 3.398rem;*/ font-size: calc(3.503rem * 0.37); line-height: calc(3.398rem * 0.37); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp { } .widget-lista-asesores .wrapper-asesor-info .btn-wapp i::before { width: calc(4.5rem * 0.37); height: calc(4.5rem * 0.37); margin-right: 0.5rem; } .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { margin-bottom: 1rem; background-color: #00a651; border-radius: 1rem 1rem 1rem 1rem; display: flex; align-items: center; height: calc(8rem * 0.37); width: 13rem; padding: 0 1rem 0 1rem; text-transform: uppercase; color: var(--colorBlanco1); font-weight: 700; /*font-size: 3.503rem; line-height: 3.398rem;*/ font-size: calc(3.503rem * 0.37); line-height: calc(3.398rem * 0.37); } .widget-lista-asesores .btn-x { /*background-color: red;*/ cursor: pointer; background-image: url('images/btn-x-blanco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; /*top: -4.4rem;*/ top: -16.4rem; right: -2.8rem; width: 2.2rem; height: 2.2rem; } @media only screen and (min-width: 320px) { .widget-lista-asesores .wrapper-asesor-info .nombre { font-size: calc(5.106rem * 0.5); line-height: calc(3.14rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .telefono { font-size: calc(5.106rem * 0.5); line-height: calc(3.14rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-fono i::before { width: calc(4.5rem * 0.5); height: calc(4.5rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-fono a { height: calc(8rem * 0.5); font-size: calc(3.503rem * 0.5); line-height: calc(3.398rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp i::before { width: calc(4.5rem * 0.5); height: calc(4.5rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { height: calc(8rem * 0.5); font-size: calc(3.503rem * 0.5); line-height: calc(3.398rem * 0.5); } } @media only screen and (min-width: 375px) { .widget-lista-asesores ul li { list-style: none; display: flex; padding: 0 0 2.5rem 0; } .widget-lista-asesores .wrapper-asesor-info .nombre { font-size: calc(5.106rem * 0.5); line-height: calc(3.14rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .telefono { font-size: calc(5.106rem * 0.5); line-height: calc(3.14rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-fono i::before { width: calc(4.5rem * 0.5); height: calc(4.5rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-fono a { height: calc(8rem * 0.6); font-size: calc(3.503rem * 0.5); line-height: calc(3.398rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp i::before { width: calc(4.5rem * 0.5); height: calc(4.5rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { height: calc(8rem * 0.5); font-size: calc(3.503rem * 0.5); line-height: calc(3.398rem * 0.5); } } @media only screen and (min-width: 425px) { .widget-lista-asesores ul li { list-style: none; display: flex; padding: 0 0 3rem 0; } .widget-lista-asesores .wrapper-asesor-info .nombre { font-size: calc(5.106rem * 0.5); line-height: calc(3.14rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .telefono { font-size: calc(5.106rem * 0.5); line-height: calc(3.14rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-fono i::before { width: calc(4.5rem * 0.5); height: calc(4.5rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-fono a { height: calc(8rem * 0.5); font-size: calc(3.503rem * 0.5); line-height: calc(3.398rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp i::before { width: calc(4.5rem * 0.5); height: calc(4.5rem * 0.5); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { height: calc(8rem * 0.5); font-size: calc(3.503rem * 0.5); line-height: calc(3.398rem * 0.5); } } @media only screen and (min-width: 568px) { /* iphone 5 - horizontal */ .widget-lista-asesores ul li { padding: 0 0 8rem 0; } } @media only screen and (min-width: 667px) { /* iphone 6 - horizontal */ .widget-lista-asesores ul li { padding: 0 0 8rem 0; } .widget-lista-asesores .wrapper-asesor-info .nombre { font-size: calc(5.106rem * 0.6); line-height: calc(3.14rem * 0.6); } .widget-lista-asesores .wrapper-asesor-info .telefono { font-size: calc(5.106rem * 0.6); line-height: calc(3.14rem * 0.6); } .widget-lista-asesores .wrapper-asesor-info .btn-fono i::before { width: calc(4.5rem * 0.6); height: calc(4.5rem * 0.6); } .widget-lista-asesores .wrapper-asesor-info .btn-fono a { height: calc(8rem * 0.6); font-size: calc(3.503rem * 0.6); line-height: calc(3.398rem * 0.6); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp i::before { width: calc(4.5rem * 0.6); height: calc(4.5rem * 0.6); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { height: calc(8rem * 0.6); font-size: calc(3.503rem * 0.6); line-height: calc(3.398rem * 0.6); } } @media only screen and (min-width: 736px) { /* iphone 7 plus - horizontal */ .widget-lista-asesores ul li { padding: 0 0 8rem 0; } } @media only screen and (min-width: 768px) { .widget-lista-asesores ul li { list-style: none; display: flex; padding: 0 0 2rem 0; } .widget-lista-asesores .wrapper-asesor-info .nombre { font-size: calc(5.106rem * 0.37); line-height: calc(3.14rem * 0.37); } .widget-lista-asesores .wrapper-asesor-info .telefono { font-size: calc(5.106rem * 0.37); line-height: calc(3.14rem * 0.37); } .widget-lista-asesores .wrapper-asesor-info .btn-fono i::before { width: calc(4.5rem * 0.37); height: calc(4.5rem * 0.37); } .widget-lista-asesores .wrapper-asesor-info .btn-fono a { height: calc(8rem * 0.37); font-size: calc(3.503rem * 0.37); line-height: calc(3.398rem * 0.37); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp i::before { width: calc(4.5rem * 0.37); height: calc(4.5rem * 0.37); } .widget-lista-asesores .wrapper-asesor-info .btn-wapp a { height: calc(8rem * 0.37); font-size: calc(3.503rem * 0.37); line-height: calc(3.398rem * 0.37); } } /* widget-modal-visitanos */ .widget-modal-visitanos { position: absolute; left: 0; width: 100%; z-index: 99; } .widget-modal-visitanos .container { margin-top: 0; width: 100%; padding: 0;} .widget-modal-visitanos .container .row { margin: 0; padding: 0; } .widget-modal-visitanos .container .row .col { margin: 0; padding: 0; } .widget-modal-visitanos { visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s; } .widget-modal-visitanos.active { visibility: visible; opacity: 1; transition: visibility 0.3s linear, opacity 0.3s; } .widget-modal-visitanos .overlay2 { background-color: rgba(6,41,70,0.4); width: 100%; height: 100%; display: block; position: absolute; } .widget-modal-visitanos { } .widget-modal-visitanos .wrapper-all { background-color: #ebecee; display: flex; flex-wrap: wrap; padding: 3rem 0 3rem 0; } .widget-modal-visitanos .item-1 { display: inline-flex; width: 100%; padding: 0 2.5rem 0 2.5rem; } .widget-modal-visitanos .item-2 { display: inline-flex; width: 100%; padding: 0 2.5rem 0 2.5rem; } .widget-modal-visitanos .item-1 .wrapper-imagen { } .widget-modal-visitanos .item-2 .wrapper-titulo { margin-bottom: 3.5rem; } .widget-modal-visitanos .item-2 .wrapper-texto { margin-bottom: 2rem; } .widget-modal-visitanos .item-2 .wrapper-contacto { background-color: var(--colorEnfasis); margin-bottom: 2rem; padding: 2.5rem 1rem 2.5rem 4rem; border-radius: 1rem 1rem 1rem 1rem; } .widget-modal-visitanos .item-2 .wrapper-horario-atencion { } .widget-modal-visitanos .item-2 .wrapper-ubicacion { } .widget-modal-visitanos .item-2 .wrapper-texto-2 { margin-bottom: 3rem; } .widget-modal-visitanos .btn-x-2 { /*background-color: red;*/ cursor: pointer; background-image: url('images/btn-x-negro.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; width: 3rem; height: 3rem; } .widget-modal-visitanos .item-2 { position: relative; } .widget-modal-visitanos .item-1 .btn-x-2 { position: absolute; top: 3.2rem; right: 5rem; } .widget-modal-visitanos .item-2 .btn-x-2 { display: none; position: absolute; top: 0; right: 2.8rem; } .widget-modal-visitanos .menu-jyw.theme-2 ul li:last-child { margin: 0 0 0 0; } .widget-modal-visitanos .menu-jyw.theme-2 ul li .wrapper-list .dqa-col-1 { padding: 0 0 0 0; border-bottom: none; } .widget-modal-visitanos .menu-jyw.theme-2 ul li span { font-weight: 700; font-size: 1.782rem; } .widget-modal-visitanos .menu-jyw.theme-2 ul li i::before { width: 3rem; height: 3rem; } .widget-modal-visitanos .wrapper-titulo h5 { text-transform: uppercase; font-weight: 700; color: var(--colorEnfasis); font-size: 3.321rem; } .widget-modal-visitanos .item-1 .wrapper-titulo h5 { display: block; text-align: center; margin-bottom: 2rem; } .widget-modal-visitanos .item-2 .wrapper-titulo h5 { display: none; text-align: left; } .widget-modal-visitanos .item-2 .wrapper-texto p { text-align: center; font-weight: 400; color: var(--colorEnfasis); font-size: 2.085rem; line-height: 2.603rem; } .widget-modal-visitanos .item-2 .wrapper-texto p strong { font-weight: 700; } .widget-modal-visitanos .item-2 .wrapper-texto-2 p { font-weight: 700; text-transform: uppercase; text-align: center; font-size: 3.321rem; } @media only screen and (min-width: 1024px) { .widget-modal-visitanos .container { margin-top: 6rem; width: fit-content; } .widget-modal-visitanos .item-1 { width: 60%; } .widget-modal-visitanos .item-2 { width: 40%; padding: 5rem 2.5rem 0 2.5rem; } .widget-modal-visitanos .item-1 .wrapper-titulo h5 { display: none; } .widget-modal-visitanos .item-2 .wrapper-titulo h5 { display: block; } .widget-modal-visitanos .item-2 .wrapper-texto-2 p { text-align: left; } .widget-modal-visitanos .item-2 .wrapper-texto p { text-align: left; } .widget-modal-visitanos .item-1 .btn-x-2 { display: none; } .widget-modal-visitanos .item-2 .btn-x-2 { display: block; } } /* .widget-horario-atencion */ .widget-horario-atencion { background-color: var(--colorNaranja1); border-radius: 1rem 1rem 1rem 1rem; padding: 1.5rem 1.8rem 1.5rem 3.4rem; margin-bottom: 2rem; } .widget-horario-atencion .wrapper-text { position: relative; } .widget-horario-atencion .wrapper-text p { margin-left: 6rem; } .widget-horario-atencion .wrapper-text p span { display: block; font-weight: 700; font-size: 1.77rem; line-height: normal; } .widget-horario-atencion .wrapper-text p span.azul { color: var(--colorEnfasis); } .widget-horario-atencion .wrapper-text p span.blanco { color: var(--colorBlanco1); } .widget-horario-atencion .wrapper-text::before { display: block; content: ''; width: 4.2rem; height: 100%; position: absolute; top: 0; left: 0; background-image: url('images/ico-reloj.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } /* .widget-horario-ubicacion */ .widget-horario-ubicacion { background-color: #fff; border-radius: 1rem 1rem 1rem 1rem; padding: 1.5rem 1.8rem 1.5rem 3.4rem; margin-bottom: 4rem; } .widget-horario-ubicacion span { font-weight: 700; font-size: 1.77rem; line-height: 1.874rem; display: inline-block;} .widget-horario-ubicacion ul { list-style: none; display: inline-block; } .widget-horario-ubicacion ul li { list-style: none; display: inline-block; padding: 0 2rem 0 2rem; } .widget-horario-ubicacion ul li img { height: 3rem; } @media only screen and (min-width: 1024px) { .widget-horario-ubicacion ul li img { height: auto; } } /* .widget-ayuda */ .widget-ayuda { position: fixed; bottom: 2rem; right: 2rem; z-index: 99; } .widget-ayuda .wrapper-widget { } .widget-ayuda .wrapper-widget .label { display: none; font-weight: 600; background-color: #ebecee; border-radius: 1rem 1rem 1rem 1rem; color: var(--colorEnfasis); font-size: 1.566rem; line-height: 1.879rem; padding: 1.2rem 1.5rem 1.2rem 1.5rem; } .widget-ayuda .wrapper-widget .btn { cursor: pointer; } @media only screen and (min-width: 1024px) { .widget-ayuda .wrapper-widget .label { display: inline; } } /* Mensaje de Gracias */ .mensaje_gracias { } .mensaje_gracias .modal-dialog { } .mensaje_gracias .modal-dialog .modal-content { } .mensaje_gracias .modal-dialog .modal-content .modal-body { text-align: center; padding: 5rem 3rem 3rem 3rem; border-top: 2rem solid var(--colorNaranja1); } .mensaje_gracias .modal-body h4 { text-align: center; font-weight: 600; text-transform: uppercase; color: var(--colorEnfasis); font-size: 3.125rem; line-height: normal; margin: 0; padding: 0 0 3rem 0; } .mensaje_gracias .modal-body p { text-align: center; font-weight: 400; text-transform: uppercase; color: var(--colorEnfasis); font-size: 2.292rem; line-height: normal; margin: 0; padding: 0 0 3.5rem 0; } .mensaje_gracias .modal-body a { display: inline-block; border-radius: 1.5rem 1.5rem 1.5rem 1.5rem; font-weight: 600; background-color: var(--colorEnfasis); color: var(--colorBlanco1); font-size: 2.771rem; line-height: normal; background-color: var(--colorEnfasis); padding: 1.8rem 2rem 1.8rem 2rem; } /* Menu Lateral - Marcas */ .sec-sidebar-marcas { position: relative; overflow: visible; } @media only screen and (min-width: 1024px) { .sec-sidebar-marcas { display: none; } } .sidenavmarcas { /*height: 100%;*/ /* 100% Full-height */ /*position: fixed;*/ /* Stay in place */ height: 100vh; width: 0; /* 0 width - change this with JavaScript */ position: absolute; z-index: 1; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: transparent; overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 0; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ } .sidenavmarcas .titulo { background-color: var(--colorEnfasis); padding: 1.5rem 0 1.5rem 0; } .sidenavmarcas .titulo h2 { color: var(--colorBlanco1); } .overlay-marcas { display: none; /*position: fixed;*/ position: absolute; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; transition: all .5s ease-in-out; } .overlay-marcas.active { display: block; opacity: 1; } .sidenavmarcas .btn-x-marcas { cursor: pointer; background-image: url(images/btn-x-blanco.png); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; top: 2.7rem; right: 2rem; width: 2.2rem; height: 2.2rem; } /* Menu Lateral - Publicaciones */ .sec-sidebar-publicaciones { position: relative; overflow: visible; } .sec-sidebar-publicaciones .widget-sidebar-publicaciones { padding: 0 0 0 0; } @media only screen and (min-width: 1024px) { .sec-sidebar-publicaciones { display: none; } } .sidenavpublicaciones { /*height: 100%;*/ /* 100% Full-height */ /*position: fixed;*/ /* Stay in place */ height: 100vh; width: 0; /* 0 width - change this with JavaScript */ position: absolute; z-index: 1; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: transparent; overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 0; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ } .sidenavpublicaciones .titulo { background-color: var(--colorEnfasis); padding: 1.5rem 0 1.5rem 0; } .sidenavpublicaciones .titulo h2 { color: var(--colorBlanco1); } .overlay-publicaciones { display: none; /*position: fixed;*/ position: absolute; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; transition: all .5s ease-in-out; } .overlay-publicaciones.active { display: block; opacity: 1; } .sidenavpublicaciones .btn-x-publicaciones { cursor: pointer; background-image: url(images/btn-x-blanco.png); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; top: 2.7rem; right: 2rem; width: 2.2rem; height: 2.2rem; } /* Sec - Publicaciones */ .sec-publicaciones { padding: 7rem 0 0 0; } .sec-publicaciones.pad-1 { padding: 0 0 0 0; } .sec-publicaciones .wrapper-titulo { margin: 0 2rem 0 2rem; } .sec-publicaciones .wrapper-titulo .titulo { margin: 0 auto 1rem auto; padding: 0 0 0 0; text-transform: uppercase; } .sec-publicaciones .btn-otras-publicaciones { display: block; text-align: center; width: 100%; padding: 0 0 4rem 0; } .sec-publicaciones .btn-otras-publicaciones a { display: inline-block; width: 80%; text-align: center; color: var(--colorEnfasis); background-color: #ebecee; text-transform: uppercase; font-weight: 700; font-size: 2.5rem; line-height: normal; padding: 1.2rem 0 1.2rem 0; } @media only screen and (min-width: 1024px) { .sec-publicaciones { padding: 14rem 0 0 0; } .sec-publicaciones .wrapper-titulo .titulo { margin: 0 auto 7rem auto; } .sec-publicaciones .btn-otras-publicaciones { display: none; } } /* Fancybox */ .fancybox-bg { } @media only screen and (max-width: 720px) { .fancybox-content { width: 100% !important; } }