/*! GVR v0.1.12 */ /** * CSS Stylesheet for: GVR v0.1.12 * * Author: {!dev_alias!} @ {!dev_agency!} * * TOC: * * CSS Custom properties * Plugins style's override * Base * Layout * Sections * * Header * * @TODO add every section in between * * Footer * Pages * Media queries * * @todo Add each module/section needed * */ /* CSS Custom Properties */ /*! Magicssian Variables v0.13.3 / Custom build for: GVR */ /*! Base */ /** * Magicssian Variables v0.13.3 * Custom build for GVR * * TOC: * * Base * * Variables (CSS custom properties) * * * Fonts * * Font size & Rhytm unit * * Color schemes * * * Base scheme * * * Notification scheme * * * Color variants * * Extras * * * Contaner max width * * * Grid/Navigation breakpoint * * * Rounded */ /* Define css custom properties * this values will affect/style html elements globally */ /*! * Variables (CSS custom properties) */ /* Changing this will affect almost everything ahead * * Tools & reference: * https://www.w3.org/TR/css-variables-1/ * https://caniuse.com/#search=custom%20properties */ :root { /* * * Fonts */ /* Fonts Make things look prettier * choose wisely * * Using google fonts you'll need to embed font files * copying the standard link tag provided by google * in the of your html document * or you can use your own fonts adding the appropiate @font-face rules * * Tools & reference: * https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face * https://developers.google.com/fonts/docs/getting_started * https://www.fontsquirrel.com/tools/webfont-generator * https://github.com/jonathantneal/postcss-font-magician */; /* * * Font size & Rhytm unit */ /* Our interpretation and implementation of the Vertical rhytm concept * Using a rhytm-unit, as a variable to mantain * elements size and spacing into multiples of this value * * Tools & reference: * https://zellwk.com/blog/why-vertical-rhythms/ * https://24ways.org/2006/compose-to-a-vertical-rhythm * https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align * https://drewish.com/tools/vertical-rhythm/ */ /* Use even values eg. 22 or 18 * Increasing value will result in wider spacing and bigger elements */ /* * * Color schemes */ /* * * * Base scheme */ /* Starting with a split-complementary color scheme * using the base color for headings, * complementary 1 acts as accent color * in elements like buttons and borders * and complementary 2 as a variant * We use a black that is not that black for text * and a light grey as neutral. * * Tools & reference: * https://www.sessions.edu/color-calculator/ * https://color.adobe.com/create/color-wheel/?base=2&rule=Complementary * https://refactoringui.com/previews/building-your-color-palette/ * https://ianstormtaylor.com/design-tip-never-use-black/ */ /* * * * Notification scheme */ /* * * * Color variants */ /* Variations are implememnted as follows: * darker variant on: * :hover for buttons & links * :focus on inputs, buttons & links * lighter variant on:; * table.striped utility class * background-color on notification */ /* Color variations are automatically generated * using postcss-color-function * https://github.com/postcss/postcss-color-function * In order to use it postcss-css-variables/postcss-custom-properties preserve option * MUST be set to false * Use the tint and shade adjusters too achieve the lighten and darken Sass function * https://github.com/postcss/postcss-color-function#notes-for-former-sass-users * * Adjust the overall lightness and darkness variation with: * --lightness-variation: (percentage); A higher value will result in a lighter color * --darkness-variation: (percentage); A higher value will return a darker color */ /* Dynamic color variations */ /**/ /**/ /* Hard-code color variations * Uncomment and customize the following block for a more * controlled color scheme setting * postcss-css-variables/postcss-custom-properties preserve option * can be set to true */ /* --base-color-darker: #000102; --complementary-color-1-darker: #c93f1c; --complementary-color-2-darker: #b4cc1a; --neutral-color-darker: #d9d9d9; --neutral-color-lighter: #fbfbfb; --information-color-lighter: #b3dbff; --warning-color-lighter: #ffe0b3; --error-color-lighter: #ffb3b6; --success-color-lighter: #daf7bb; /**/ /* * * Extras */ /* Width/Max-width for .container.boxed */ /* border-radius value * will apply globally for: * pre, buttons, form elements, notifications and tabs * accepts only one value eg. 4px */ /* This will define the border-radius for .rounded */ } /* Plugins style's override */ /* * Fontawesome rebase font file urls */ @font-face { font-family: 'Font Awesome 5 Brands'; src: url("../fonts/fontawesome/fa-brands-400.eot"); src: url("../fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.woff") format("woff"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'Font Awesome 5 Free'; src: url("../fonts/fontawesome/fa-regular-400.eot"); src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'Font Awesome 5 Free'; src: url("../fonts/fontawesome/fa-solid-900.eot"); src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } td{ border:0px; } #home-slider-main{ width: 100%; } #cabecera-dos{ height: 120px; } .slider-home{ margin-top: -23px; } .logo-suite-escritorio{ display: block; } .logo-suite-movil{ display: none; } .hr-menu{ display: none; } footer h3{ color: #fff !important; } h1, h2, h3, h4{ color: #0E1D49 !important; } .submenu-lang { display: none; } .div-texto-idioma, .div-img-idioma{ display: inline-block; margin-top: -10px; } .header-top-idiomas img{ padding-right: 10px; vertical-align: middle; margin-top: -4px; /*padding-top: 6px;*/ } .header-top-idiomas ul{ width: 100%; text-align: center; } .li-eng{ margin-top: 16px !important; background-color: #15234A; width: 103px !important; margin-left: -20px; border: 2px solid #fff; } /* nosotros */ .product-categories .one-third, .product-categories .two-thirds{ margin-bottom: 50px; } .product-categories .two-thirds{ padding-top: 40px !important; } .equipo-linkedin{ display: inline-block; margin-top: -6px; position: static; margin-left: 20px; vertical-align: top; } .columna-derecha-nosotros{ padding-left: calc(2.5 * 20px); } .columna-izquierda-nosotros{ padding-right: calc(2.5 * 20px); } table, table p{ font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 0.875rem; line-height: 25px; /* or 179% */ /* TEXT DARK */ color: #353535; } table p{ margin-bottom: calc(2 * 20px); } /* fin nosotros */ /* li especial*/ .li-especial li{ position: absolute; content: ''; display: block; width: calc(.25 * 20px); height: calc(.25 * 20px); background-color: #d2232a; left: calc(-1.125 * 20px); top: calc(.375 * 20px); border-radius: 50%; } /* * Slick overrides */ .slick-prev, .slick-next { position: absolute; top: calc(50% - 25px); padding: 0; z-index: 1; height: 50px; width: 50px; display: block; background-repeat: no-repeat; background-position: left; cursor: pointer; overflow: hidden; text-indent: -200%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3Cpath d='M25 50A25 25 0 1 1 50 25 25 25 0 0 1 25 50ZM25 2A23 23 0 1 0 48 25 23 23 0 0 0 25 2Z' class='a'/%3E%3Cpath d='M21 33.8a1 1 0 0 1-0.7-1.7l7.2-7.2-7-7a1 1 0 0 1 0-1.4 1 1 0 0 1 1.4 0l7.7 7.7a1 1 0 0 1 0 1.4l-7.9 8A1 1 0 0 1 21 33.8Z' class='a'/%3E%3C/svg%3E"); } .slick-prev { transform: rotate(180deg); left: 40px; } .slick-next { right: 40px; } .slick-dots { position: absolute; bottom: 105px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 1; } .slick-dots li { position: relative; display: inline-block; margin: 0 6px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 6px; cursor: pointer; color: transparent; width: 20px; height: 20px; border-radius: 100%; background: transparent; border: 3px solid #fff; opacity: 1; vertical-align: middle; min-width: none; min-height: 20px; } .slick-dots li.slick-active:after { display: block; content: ''; width: 14px; height: 14px; margin: -17px 3px; background-color: #B01630; border-radius: 100%; } /* * Magicssian overrides */ .container.boxed { padding-left: calc(2.5 * 20px); padding-right: calc(2.5 * 20px); } .container.boxed.extrapad { padding-left: calc(7.5 * 20px); padding-right: calc(7.5 * 20px); } /*.grid.gutter-row > .column:first-child { padding-right: var(--rhytm-unit); padding-left: 0; } .grid.gutter-row > .column:last-child { padding-right: 0; padding-left: var(--rhytm-unit); }*/ /* default hr */ hr{ height: 1px; width: 42px; margin-left: 0px; margin-top: 20px; border: 0px solid #931644; } .contenedor-contendio-popup hr{ margin-left: 100px; } .contenido-home hr{ margin-left: auto; margin-right: auto; } /* * * Default button */ button { min-height: 54px; padding: 15px calc(1.5 * 20px); line-height: 50px; line-height: normal; } .button { min-height: 54px; padding: 15px calc(1.5 * 20px); line-height: 50px; line-height: normal; } a.button { min-height: 54px; padding: 15px calc(1.5 * 20px); line-height: 50px; line-height: normal; } input[type=button] { min-height: 54px; padding: 15px calc(1.5 * 20px); line-height: 50px; line-height: normal; } input[type=submit] { min-height: 54px; padding: 15px calc(1.5 * 20px); line-height: 50px; line-height: normal; } input[type=reset] { min-height: 54px; padding: 15px calc(1.5 * 20px); line-height: 50px; line-height: normal; } button.shadow, .button.shadow, a.button.shadow, input[type=button].shadow, input[type=submit].shadow, input[type=reset].shadow { -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .6); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .6); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .6); } button:hover{ background-color: #2DB7B4 !important; border-color: #2DB7B4 !important; font-weight: 400; } a.button.variant{ text-transform: revert; } a.button.variant:hover{ background-color: #2DB7B4 !important; border-color: #2DB7B4 !important; font-weight: 400; text-transform: revert; } /* Base */ html, body { background-color: #ECE7E8; } p, ul { line-height: 1.750rem; /*28px*/ } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { /*line-height: normal;*/ line-height: 40px; margin: 0; font-family: Playfair Display; font-style: normal; font-weight: normal; /*text-transform: uppercase;*/ } h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { color: #fff; } h1, .h1 { font-size: 3.438rem; /*55px*/ } h2, .h2 { font-size: 2.188rem; /*35px*/ } h3, .h3 { font-size: 1.563rem; /*25px*/ } h4, .h4 { font-size: 1.250rem; /*20px*/ } h5, .h5 { font-size: 1.063rem; /*17px*/ } h6, .h6 { font-size: 0.938rem; /*15px*/ } .contenido-contacto p{ font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 0.875rem;/* 14px */ line-height: 25px; /* or 179% */ /* TEXT DARK */ color: #353535; max-width: 520px; } fieldset { border: 0; padding: 0; margin-top: calc(.5 * 20px); margin-bottom: calc(.5 * 20px); } a.white:link, a.white:visited { color: #fff; border-bottom-color: #fff; } a.white:hover { color: #f3f3f3; border-bottom-color: #f3f3f3; } a.white:active { color: #f3f3f3; border-bottom-color: #f3f3f3; } a.white.no-decoration:link, a.white.no-decoration:visited { border-bottom-color: transparent; } strong { font-weight: 700; } .grid.overflowed .column, .grid .column.overflowed, .grid .column { overflow: visible; } /* Equipo*/ .product-categories{ margin-top: -140px !important; } .equipo-poisicion{ font-family: Playfair Display; font-style: normal; font-weight: normal; font-size: 1.563rem; line-height: 30px; /* or 120% */ letter-spacing: 0.02em; /* TEXT DARK */ color: #353535; } .contenedor-contendio-popup .equipo-poisicion, .contenedor-contendio-popup .equipo-nombre{ padding-left: 100px; } .equipo-short-description{ font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 0.875rem; line-height: 25px; /* or 179% */ /* TEXT DARK */ color: #353535; } .equipo-nombre{ font-family: Playfair Display; font-style: normal; font-weight: normal; font-size: 2.188rem; line-height: 40px; /* or 114% */ letter-spacing: 0.02em; /* TEXT DARK */ color: #353535; } .contenedor-contendio-popup p{ font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 25px; /* or 179% */ /* TEXT DARK */ color: #353535; } .contenedor-equipo-detalles p{ max-width: 1200px; width: 750px; /*padding-left: 100px; padding-right: 150px; padding-bottom: 20px;*/ margin-left: 100px; margin-right: 150px; margin-bottom: 20px; } .contenedor-equipo-detalles{ max-width: 750px; height: 1075px; } .imagen-popup{ z-index: 1000; position: absolute; margin-top: -100px; margin-left: -100px; } .contenedor-contendio-popup{ -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 50%); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgb(0 0 0 / 50%); margin-top: 200px; padding-top: 150px; width: 1200px; /*height: 1075px;*/ height: 600px; overflow: auto; } /* fin Equipo */ /* * Buttons */ /* * * White button */ button.white { color: #353535; background: #fff; border-color: transparent; } .button.white { color: #353535; background: #fff; border-color: transparent; } a.button.white { color: #353535; background: #fff; border-color: transparent; } input[type=button].white { color: #353535; background: #fff; border-color: transparent; } input[type=submit].white { color: #353535; background: #fff; border-color: transparent; } input[type=reset].white { color: #353535; background: #fff; border-color: transparent; } a.button.white:link { color: #353535; } a.button.white:visited { color: #353535; } a.button.white:hover, a.button.white:active { } button.white:hover { background: #f3f3f3; } .button.white:hover { background: #f3f3f3; } a.button.white:hover { background: #f3f3f3; } input[type=button].white:hover { background: #f3f3f3; } input[type=submit].white:hover { background: #f3f3f3; } input[type=reset].white:hover { background: #f3f3f3; } button.white:focus { background-color: #f3f3f3; border-color: #f3f3f3; } .button.white:focus { background-color: #f3f3f3; border-color: #f3f3f3; } a.button.white:focus { background-color: #f3f3f3; border-color: #f3f3f3; } input[type=button].white:focus { background-color: #f3f3f3; border-color: #f3f3f3; } input[type=submit].white:focus { background-color: #f3f3f3; border-color: #f3f3f3; } input[type=reset].white:focus { background-color: #f3f3f3; border-color: #f3f3f3; } button.white.outlined, .button.white.outlined, a.button.white.outlined, input[type=button].white.outlined, input[type=submit].white.outlined, input[type=reset].white.outlined { border-color: #fff; color: #fff; background-color: transparent; } button.outlined.white.outlined:hover { background-color: rgb(176, 22, 48); border-color: rgb(176, 22, 48); } .button.outlined.white.outlined:hover { background-color: rgb(176, 22, 48); border-color: rgb(176, 22, 48); } a.button.outlined.white.outlined:hover { background-color: rgb(176, 22, 48); border-color: rgb(176, 22, 48); } input[type=button].outlined.white.outlined:hover { background-color: rgb(176, 22, 48); border-color: rgb(176, 22, 48); } input[type=submit].outlined.white.outlined:hover { background-color: rgb(176, 22, 48); border-color: rgb(176, 22, 48); } input[type=reset].outlined.white.outlined:hover { background-color: rgb(176, 22, 48); border-color: rgb(176, 22, 48); } /* * Loading dots */ span.loader { position: relative; margin: 0 auto; animation-delay: 4s; animation: loader-animation 3s ease-in-out infinite; animation-delay: .5s; } span.loader:not(.hidden) { display: block; } span.loader, span.loader:after, span.loader:before { width: 10px; height: 10px; background-color: transparent; border-radius: 50%; } span.loader:after, span.loader:before { content: ''; position: absolute; } span.loader:after { right: -20px; animation: loader-animation 3s ease-in-out infinite; animation-delay: 1s; } span.loader:before { left: -20px; animation: loader-animation 3s ease-in-out infinite; animation-delay: 0s; } @keyframes loader-animation { 0% { background-color: transparent; } 50% { background-color: #fff; } 60% { background-color: #fff; } 100% { background-color: transparent; } } /* Layout */ .container.boxed { padding-right: calc(2.5 * 20px); padding-left: calc(2.5 * 20px); } section { margin-top: calc(3 * 20px); margin-bottom: calc(3 * 20px); } .section { margin-top: calc(3 * 20px); margin-bottom: calc(3 * 20px); } section.no-margins, .section.no-margins { margin-top: 0; margin-bottom: 0; } /* Sections */ /* * Header */ .header-top{ height: 56px; background-color: #15234A; font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 25px; /* or 179% */ display: flex; align-items: center; text-align: right; padding-top: 15px; color: #FFFFFF; } .link-header-top { } .link-header-email { margin-right: 30px; } .link-header-top img { vertical-align: middle; } .es-mx:not(.active), .en-us:not(.active) { filter: grayscale(100%); } .link-header-top a{ color: #fff; } .header-top-idiomas{ margin-left: 80px; border: 2px solid #fff; width: 103px; height: 40px; margin-top: 14px; } .header-top-idiomas ul{ margin-top: 5px; margin-bottom: 5px; } .languages-list>li:after { display: inline-block; content: ''; width: 20px; height: 20px; background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 -3 10 20'%3E%3Cpolygon points='8 7 2 3 2 11 ' fill='%23ffffff'/%3E%3C/svg%3E); background-position: center; background-repeat: no-repeat; right: 0; top: 10px; position: absolute; transform: rotate( 90deg ); } header { position: relative; width: 100%; height: 200px; } .header-logo-background { position: absolute; z-index: 9992; top: 0; width: 100%; height: 190px; background-image: url('../img/header-logo-background.png'); background-position: calc(((100vw - 1440px) / 2) - 780px) top; background-repeat: no-repeat; /* This line allows to click elements underneath */ pointer-events: none; } /* * * Logo */ .header-logo-wrapper { height: 120px; } .header-logo { position: relative; z-index: 1;/* 9993*/ margin-top: 40px; max-width: 265px; } /* * * Navigation */ /* * * * Social media */ .social-media-links{ /*display: none !important;*/ visibility: hidden; } .social-media-links { margin-top: 20px; margin-bottom: calc(2 * 20px); display: block; } .social-media-links a { margin-left: calc(1.5 * 20px); } .social-media-links a:link, .social-media-links a:visited { color: #fff; } .social-media-links a:hover { color: rgb(238, 238, 238); } .social-media-links a:active { color: rgb(238, 238, 238); } /* * * * Main navigation */ header .navigation { z-index: 9992; } header .navigation .menu { margin-top: 40px; } a{ font-size: 0.875rem; } a.main { position: relative; display: inline; } /*a.main:before { position: absolute; content: ''; left: 0; top: 20px; display: block; width: 100%; height: 26px; background-image: url('../img/navigation-main-over.png'); background-position: center; background-repeat: no-repeat; display: none; }*/ a.main:link { margin-left: calc(1.75 * 20px); font-size: 0.938rem; /*15px*/ color: #fff; font-family: Montserrat; font-style: normal; font-weight: normal; line-height: 25px; /* identical to box height, or 179% */ align-items: center; text-align: right; /* TEXT DARK */ color: #353535; } a.main:visited { margin-left: calc(1.75 * 20px); font-size: 0.938rem; /*15px*/ color: #fff; font-family: Montserrat; font-style: normal; font-weight: normal; line-height: 25px; /* identical to box height, or 179% */ align-items: center; text-align: right; /* TEXT DARK */ color: #353535; } a.main:hover, a.main:active, a.main.active { /*color: color(#fff shade(var(--darkness-variation)));*/ } a.main:hover:before, a.main:active:before, a.main.active:before, a.main:focus:before { display: inline-block; } a.main.about.hidden { display: none; } /* * * * Mobile navigation */ .navigation.slide-r label { top: calc(2.5 * 20px); right: calc(2.5 * 20px); } /* * Slick slider Main */ .slick-slider.main { position: relative; margin-bottom: calc(3 * 20px); margin-top: -40px; min-height: 844px; } .slick-slider.main:after { display: block; content: ''; width: 100%; height: 330px; margin-top: -330px; position: absolute; /*background-image: url('../img/slider-main-brush-effect.png'); background-repeat: repeat-x; background-position: center bottom;*/ pointer-events: none; } /*.slick-slider.main:before { display: block; content: ''; width: 100%; height: 160px; margin-bottom: -160px; z-index: 998; position: relative; background: rgba(0, 0, 0, .2); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }*/ .slick-slider.main .slick-slide-container-wrapper { position: relative; } .slick-slider.main .slick-slide-container-wrapper .container { height: 844px; } .slick-slider.main .slick-slide-container-wrapper img { position: absolute; max-width: 100%; width: 100%; height: 844px; object-fit: cover; object-position: center bottom; } .slick-slider.main .slick-slide-container-wrapper .heading { line-height: 56px; margin-bottom: 30px; } /* * Slick slider Main Pages */ .slick-slider.main.pages { min-height: 844px; } .slick-slider.main.pages .slick-slide div { position: relative; height: 844px; } .slick-slider.main.pages .slick-slide div img { height: 844px; position: absolute; max-width: 100%; width: 100%; object-fit: cover; object-position: center bottom; } /* * Slick slider Products */ .slick-slider.products { margin-bottom: calc(3 * 20px); } .slick-slider.products .slick-slide-container-wrapper { position: relative; } .slick-slider.products .slick-slide-container-wrapper .container { height: 844px; } .slick-slider.products .slick-slide-container-wrapper img { position: absolute; max-width: 100%; width: 100%; height: 844px; object-fit: cover; object-position: center bottom; } .slick-slider.products .slick-slide-container-wrapper .heading { line-height: 56px; margin-bottom: 10px; } .slick-slider.products .slick-slide-container-wrapper .content { z-index: 2; color: #fff; } .slick-slider.products .slick-dots { bottom: calc(1.5 * 20px); } .color-overlay .item-2 { opacity:0.6; } .color-overlay .item-1 { opacity:0.4; } .color-overlay .item-0 { opacity:0.4; } .carnicos-y-embutidos .color-overlay { fill: #d2232a; } .snacks-y-botanas .color-overlay { fill: #f25b02; } .salsas-y-aderezos .color-overlay { fill: #f25b02; } .lacteos .color-overlay { fill: #176825; } .mermeladas-y-rellenos .color-overlay { fill: #d2232a; } .confiteria .color-overlay { fill: #1359a5; } .pharma .color-overlay { fill: #f25b02; } .bebidas .color-overlay { fill: #176825; } .panificacion .color-overlay { fill: #176825; } .suplementos-alimenticios .color-overlay { fill: #1359a5; } /* * Home images column */ .contenido-home p{ max-width: 787px; margin-left: auto; margin-right: auto; font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 25px; /* or 179% */ text-align: center; /* TEXT DARK */ color: #353535; /* TEXT DARK */ color: #353535; } .home-images-column div { position: relative; } .home-images-column a.button { position: absolute; right: calc(1.5 * 20px); bottom: calc(2 * 20px); margin-top: -100px; } /* * Form contact */ .contenido-contacto{ background-image: url('../img/fondo-contacto.png'); background-repeat: no-repeat; background-position: center, center; background-size: cover; height: 595px; padding-top: 30px; } input[type=text] { padding: 14px calc((20px) - 1px); background-color: #ECE7E8; border: 1px solid #ECE7E8; margin-bottom: calc(.5 * 20px); } textarea { padding: 14px calc((20px) - 1px); background-color: #ECE7E8; border: 1px solid #ECE7E8; margin-bottom: calc(.5 * 20px); } select { padding: 14px calc((20px) - 1px); background-color: #ECE7E8; border: 1px solid #ECE7E8; margin-bottom: calc(.5 * 20px); } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-style: italic; } ::-moz-placeholder { /* Firefox 19+ */ font-style: italic; } :-ms-input-placeholder { /* IE 10+ */ font-style: italic; } :-moz-placeholder { /* Firefox 18- */ font-style: italic; } /* * About */ .about-us-icon-list { padding: 0; list-style: none; } .about-us-icon-list li { padding-left: calc(2 * 20px); padding-right: calc(2 * 20px); } .about-us-icon-list .heading { margin-bottom: 30px; } .about-us-icon-list li:before { display: block; content: ''; width: 90px; height: 150px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: 90px auto; } .about-us-icon-list li:nth-child(1):before { background-image: url('../img/icon-bullseye.svg'); } .about-us-icon-list li:nth-child(2):before { background-image: url('../img/icon-gear-speech-ballon.svg'); } .about-us-icon-list li:nth-child(3):before { background-image: url('../img/icon-box-location.svg'); } /* * Product card */ .product-card { min-height: 250px; background-repeat: no-repeat; background-position: left top; background-size: cover; margin-bottom: calc(2 * 20px); color: #353535; } .product-card .content { z-index: 2; margin-right: 20px; } .product-card p { line-height: 1.50rem; } .color-overlay { position: absolute; z-index: 1; top: 0; right: 0; width: auto; height: 100%; } .product-card.carnicos-y-embutidos { background-image: url('../img/carnicos-y-embutidos-shortcut.jpg'); } .product-card.snacks-y-botanas { background-image: url('../img/snacks-y-botanas-shortcut.jpg'); } .product-card.salsas-y-aderezos { background-image: url('../img/salsas-y-aderezos-shortcut.jpg'); } .product-card.lacteos { background-image: url('../img/lacteos-shortcut.jpg'); } .product-card.panificacion { background-image: url('../img/panificacion-shortcut.jpg'); } .product-card.suplementos-alimenticios { background-image: url('../img/suplementos-alimenticios-shortcut.jpg'); } .product-card.bebidas { background-image: url('../img/bebidas-shortcut.jpg'); } .product-card.mermeladas-y-rellenos { background-image: url('../img/mermeladas-y-rellenos-shortcut.jpg'); } .product-card.confiteria { background-image: url('../img/confiteria-shortcut.jpg'); } .product-card.pharma { background-image: url('../img/pharma-shortcut.jpg'); } /* * Product details */ .content-wrapper h3 { text-transform: none; padding-top: 10px; } .google-maps-wrapper iframe { width: 100%; height: 400px; frameborder: 0; border: 0; } /* * Brands */ .section.brands { margin-top: calc(4 * 20px); } /* * Footer */ .columna-derecha-footer{ padding-left: calc(3* 20px); } .columna-derecha-footer p{ font-family: Montserrat; } .columna-derecha-footer .address{ font-size: 0.875rem; } .contenido-footer-columna-izquierda{ max-width: 520px; font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 0.875rem; line-height: 25px; /* or 179% */ color: #FFFFFF; } #form-contact button{ min-width: 160px; height: 50px; text-transform: capitalize; } footer { padding-top: 50px !important; color: #fff; background-color: #15234A; padding-top: calc(4.5* 20px); padding-bottom: calc(5.25 * 20px); } .footer-logo { margin-bottom: calc(2 * 20px); } .form-newsletter-wrapper { margin-top: calc(1.5 * 20px); } input[type=text].input-email-newsletter-subscription { color: #fff; background-color: #cecece; border-color: #cecece; height: 50px; border-radius: 0px; } input[type=text].input-email-newsletter-subscription:focus { border-color: rgb(243, 243, 243); background-color: #f3f3f3; color: #353535; } input[type=text].input-email-newsletter-subscription::placeholder { color: #fff; } a.suite100 { width: 19px; height: 19px; display: block; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='19' viewBox='0 0 70 18.9'%3E%3Cstyle%3E.a%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cpath d='M21.2 18.7v-3.2h1.1v0.8c0.5 1 1.2 1.4 2.1 1.4 0.4 0 0.8-0.1 1.1-0.4 0.3-0.3 0.4-0.6 0.4-1 0-0.4-0.1-0.7-0.4-0.9s-0.7-0.4-1.4-0.5c-0.8-0.2-1.4-0.4-1.8-0.6 -0.4-0.2-0.7-0.5-0.9-0.8 -0.2-0.3-0.3-0.8-0.3-1.2 0-0.7 0.2-1.3 0.7-1.8 0.5-0.4 1.1-0.7 1.9-0.7 0.7 0 1.4 0.2 2 0.7V9.8h1.1v2.7h-1.1v-0.6c-0.5-0.7-1.1-1-1.9-1 -0.5 0-0.8 0.1-1.1 0.3 -0.3 0.2-0.4 0.5-0.4 0.8 0 0.2 0.1 0.4 0.2 0.6 0.1 0.2 0.3 0.3 0.5 0.4 0.2 0.1 0.6 0.2 1.2 0.4 0.8 0.2 1.3 0.4 1.7 0.6 0.4 0.2 0.7 0.5 0.9 0.9 0.3 0.4 0.4 0.9 0.4 1.4 0 0.8-0.3 1.4-0.8 1.9 -0.5 0.5-1.2 0.7-2 0.7 -0.8 0-1.5-0.3-2.2-0.9v0.7H21.2z' class='a'/%3E%3Cpath d='M34.3 17.6v1.1h-2.3v-0.7c-0.7 0.5-1.4 0.8-2 0.8 -0.4 0-0.7-0.1-1-0.3 -0.3-0.2-0.4-0.4-0.5-0.7 -0.1-0.3-0.1-0.7-0.1-1.4V13.7h-0.9v-1.1h2.1v3.7c0 0.5 0 0.8 0 0.9 0 0.2 0.1 0.3 0.2 0.4 0.1 0.1 0.3 0.2 0.5 0.2 0.6 0 1.2-0.3 1.8-0.8V13.7h-1.1v-1.1h2.3v5.1H34.3z' class='a'/%3E%3Cpath d='M35.8 17.6V13.7h-1v-1.1h2.2v5.1h1v1.1h-3.1v-1.1H35.8zM35.7 11.3c0-0.2 0.1-0.4 0.2-0.5 0.1-0.1 0.3-0.2 0.5-0.2 0.2 0 0.4 0.1 0.5 0.2 0.1 0.1 0.2 0.3 0.2 0.5 0 0.2-0.1 0.4-0.2 0.5 -0.1 0.1-0.3 0.2-0.5 0.2 -0.2 0-0.4-0.1-0.5-0.2C35.7 11.6 35.7 11.4 35.7 11.3z' class='a'/%3E%3Cpath d='M38.1 13.7v-1.1h0.8v-2h1.2v2h1.1v1.1h-1.1v3c0 0.5 0 0.8 0.1 0.9 0.1 0.1 0.2 0.2 0.4 0.2 0.2 0 0.4 0 0.7-0.1v1.1c-0.3 0.1-0.6 0.2-0.9 0.2 -0.4 0-0.7-0.1-0.9-0.2 -0.2-0.2-0.4-0.4-0.4-0.6 -0.1-0.2-0.1-0.7-0.1-1.3V13.7H38.1z' class='a'/%3E%3Cpath d='M48.1 16h-5.2c0.1 0.6 0.3 1 0.7 1.4 0.4 0.4 0.8 0.5 1.4 0.5 0.8 0 1.5-0.3 2-1l1.1 0.5c-0.3 0.5-0.8 0.9-1.4 1.2 -0.6 0.3-1.1 0.4-1.7 0.4 -0.9 0-1.7-0.3-2.4-0.9 -0.7-0.6-1-1.4-1-2.4 0-0.9 0.3-1.7 1-2.3 0.7-0.6 1.4-0.9 2.2-0.9 0.8 0 1.6 0.3 2.2 0.9C47.8 13.9 48.1 14.8 48.1 16zM46.9 15.1c-0.1-0.4-0.3-0.8-0.7-1.2 -0.4-0.3-0.8-0.5-1.3-0.5 -0.5 0-0.9 0.2-1.2 0.5 -0.3 0.3-0.6 0.7-0.6 1.2H46.9z' class='a'/%3E%3Cpath d='M51.1 17.6V11h-1.2v-1.1h2.4v7.8h1.1v1.1h-3.6v-1.1H51.1z' class='a'/%3E%3Cpath d='M53.7 14.3c0-1.5 0.3-2.6 0.8-3.4 0.5-0.8 1.3-1.2 2.2-1.2 1 0 1.7 0.4 2.3 1.2 0.5 0.8 0.8 1.9 0.8 3.3 0 1.4-0.3 2.6-0.8 3.4 -0.5 0.8-1.3 1.2-2.2 1.2 -1 0-1.7-0.4-2.3-1.2C54 16.8 53.7 15.7 53.7 14.3zM55 14.3c0 1.3 0.2 2.2 0.5 2.7 0.3 0.5 0.7 0.8 1.3 0.8 0.6 0 1-0.3 1.3-0.8 0.3-0.5 0.5-1.4 0.5-2.7 0-1.3-0.2-2.2-0.5-2.7 -0.3-0.5-0.7-0.8-1.3-0.8 -0.6 0-1.1 0.3-1.4 0.9C55.1 12.3 55 13.2 55 14.3z' class='a'/%3E%3Cpath d='M60.6 14.3c0-1.5 0.3-2.6 0.8-3.4 0.5-0.8 1.3-1.2 2.2-1.2 1 0 1.7 0.4 2.3 1.2 0.5 0.8 0.8 1.9 0.8 3.3 0 1.4-0.3 2.6-0.8 3.4 -0.5 0.8-1.3 1.2-2.2 1.2 -1 0-1.7-0.4-2.3-1.2C60.9 16.8 60.6 15.7 60.6 14.3zM61.9 14.3c0 1.3 0.2 2.2 0.5 2.7 0.3 0.5 0.7 0.8 1.3 0.8 0.6 0 1-0.3 1.3-0.8 0.3-0.5 0.5-1.4 0.5-2.7 0-1.3-0.2-2.2-0.5-2.7 -0.3-0.5-0.7-0.8-1.3-0.8 -0.6 0-1.1 0.3-1.4 0.9C62 12.3 61.9 13.2 61.9 14.3z' class='a'/%3E%3Ccircle cx='0.6' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='0.6' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='0.6' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='2.6' r='0.6' class='a'/%3E%3Ccircle cx='0.6' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='4.5' r='0.6' class='a'/%3E%3Ccircle cx='0.6' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='6.5' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='6.5' r='0.6' class='a'/%3E%3Cpath d='M1.3 8.5c0 0.4-0.3 0.6-0.6 0.6C0.3 9.1 0 8.8 0 8.5 0 8.1 0.3 7.8 0.6 7.8 1 7.8 1.3 8.1 1.3 8.5z' class='a'/%3E%3Cpath d='M3.2 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C2.9 7.8 3.2 8.1 3.2 8.5z' class='a'/%3E%3Cpath d='M5.2 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C4.9 7.8 5.2 8.1 5.2 8.5z' class='a'/%3E%3Cpath d='M7.1 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.3 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C6.9 7.8 7.1 8.1 7.1 8.5z' class='a'/%3E%3Cpath d='M9.1 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C8.8 7.8 9.1 8.1 9.1 8.5z' class='a'/%3E%3Cpath d='M11 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.3 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C10.8 7.8 11 8.1 11 8.5z' class='a'/%3E%3Cpath d='M13 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C12.7 7.8 13 8.1 13 8.5z' class='a'/%3E%3Cpath d='M15 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C14.7 7.8 15 8.1 15 8.5z' class='a'/%3E%3Cpath d='M16.9 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.3 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C16.6 7.8 16.9 8.1 16.9 8.5z' class='a'/%3E%3Cpath d='M18.9 8.5c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C18.6 7.8 18.9 8.1 18.9 8.5z' class='a'/%3E%3Ccircle cx='0.6' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='10.4' r='0.6' class='a'/%3E%3Ccircle cx='0.6' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='12.4' r='0.6' class='a'/%3E%3Ccircle cx='0.6' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='4.5' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='6.5' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='14.3' r='0.6' class='a'/%3E%3Ccircle cx='18.2' cy='14.3' r='0.6' class='a'/%3E%3Cpath d='M1.3 16.3c0 0.4-0.3 0.6-0.6 0.6C0.3 16.9 0 16.6 0 16.3c0-0.3 0.3-0.6 0.6-0.6C1 15.6 1.3 15.9 1.3 16.3z' class='a'/%3E%3Cpath d='M3.2 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C2.9 15.6 3.2 15.9 3.2 16.3z' class='a'/%3E%3Cpath d='M5.2 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C4.9 15.6 5.2 15.9 5.2 16.3z' class='a'/%3E%3Cpath d='M7.1 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.3 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C6.9 15.6 7.1 15.9 7.1 16.3z' class='a'/%3E%3Cpath d='M9.1 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C8.8 15.6 9.1 15.9 9.1 16.3z' class='a'/%3E%3Cpath d='M11 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.3 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C10.8 15.6 11 15.9 11 16.3z' class='a'/%3E%3Cpath d='M13 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C12.7 15.6 13 15.9 13 16.3z' class='a'/%3E%3Cpath d='M15 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C14.7 15.6 15 15.9 15 16.3z' class='a'/%3E%3Cpath d='M16.9 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.3 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C16.6 15.6 16.9 15.9 16.9 16.3z' class='a'/%3E%3Cpath d='M18.9 16.3c0 0.4-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.3 0.3-0.6 0.6-0.6C18.6 15.6 18.9 15.9 18.9 16.3z' class='a'/%3E%3Ccircle cx='0.6' cy='18.2' r='0.6' class='a'/%3E%3Ccircle cx='2.6' cy='18.2' r='0.6' class='a'/%3E%3Cpath d='M5.2 18.2c0 0.3-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C4.9 17.6 5.2 17.9 5.2 18.2z' class='a'/%3E%3Ccircle cx='6.5' cy='18.2' r='0.6' class='a'/%3E%3Ccircle cx='8.5' cy='18.2' r='0.6' class='a'/%3E%3Ccircle cx='10.4' cy='18.2' r='0.6' class='a'/%3E%3Ccircle cx='12.4' cy='18.2' r='0.6' class='a'/%3E%3Ccircle cx='14.3' cy='18.2' r='0.6' class='a'/%3E%3Ccircle cx='16.3' cy='18.2' r='0.6' class='a'/%3E%3Cpath d='M18.9 18.2c0 0.3-0.3 0.6-0.6 0.6 -0.4 0-0.6-0.3-0.6-0.6 0-0.4 0.3-0.6 0.6-0.6C18.6 17.6 18.9 17.9 18.9 18.2z' class='a'/%3E%3Cpath d='M67.5 10.9c0-0.7 0.6-1.3 1.3-1.3 0.7 0 1.3 0.6 1.3 1.3 0 0.7-0.6 1.3-1.3 1.3C68 12.2 67.5 11.6 67.5 10.9zM69.7 10.9c0-0.6-0.4-1-0.9-1 -0.6 0-0.9 0.4-0.9 1 0 0.6 0.4 1 0.9 1C69.3 11.9 69.7 11.5 69.7 10.9zM69.4 11.6h-0.3l-0.3-0.6h-0.2v0.6h-0.3v-1.4h0.7c0.4 0 0.5 0.1 0.5 0.4 0 0.3-0.1 0.4-0.4 0.4L69.4 11.6zM68.9 10.8c0.2 0 0.3 0 0.3-0.2 0-0.2-0.2-0.2-0.3-0.2h-0.3v0.4H68.9z' class='a'/%3E%3C/svg%3E"); background-position: left center; background-repeat: no-repeat; margin-top: -30px; } a.suite100:hover, a.suite100:active { width: 70px; } /* Media queries */ @media (min-width: 400px) and (max-width: 767px) { #home-slider-main{ content: url("../img/slider-main/768/01.png") !important; width: 100% !important; height: 100% !important; object-fit: contain; object-position: center top; } .imagen-slider-nosotros{ content: url("../img/uploads/pages/versiones/768/nosotros.png") !important; height: 100% !important; width: 100% !important; object-fit: contain !important; object-position: center top !important; } .imagen-slider-equipo{ content: url("../img/uploads/pages/versiones/768/equipo.png") !important; height: 100% !important; width: 100% !important; object-fit: contain !important; object-position: center top !important; } /*.slick-slider.main { min-height: 748px !important; max-height: 748px; }*/ .product-categories { margin-top: -140px !important; } .contenedor-equipo-detalles p { width: 70%; margin-left: 70px !important; margin-right: 150px !important; text-align: left !important; } .contenedor-contendio-popup .equipo-poisicion, .contenedor-contendio-popup .equipo-nombre { padding-left: 70px !important; text-align: left !important; } .contenedor-contendio-popup hr { margin-left: 70px !important; margin-right: 0px !important; } } @media (min-width: 320px) and (max-width: 767px) { .logo-suite-escritorio{ display: none !important; } .logo-suite-movil{ display: block !important; } .logo-suite-movil a{ text-align: center !important; margin-top: 20px; margin-left: auto; margin-right: auto; float: none; margin-bottom: 20px; } td{ border:0px; } .hr-menu{ display: block; } .slick-slider.main.pages, .slick-slider.main { min-height: 100% !important; max-height: 100% !important; } .slick-slider.main.pages .slick-slide div { height: 100%; margin-bottom: 100px; } .nosotros-slider div{ margin-bottom: 0px !important; } .hr-menu{ color: #6785C8; border-color: #6785C8; border: 1px solid #6785C8 !important; width: 100%; } .link-header-top{ margin-left: 20px; } .navigation label div, .navigation label div:before, .navigation label div:after{ height: 2px; width: 30px; } .navigation label div:before{ top: -10px; } .navigation label div:after{ top: 10px; } .btn_equipo_movil{ text-align: center !important; } .section h2{ text-align: center !important; } .section hr{ margin-left: auto; margin-right: auto; } .slick-slider.main.pages .slick-slide div img{ position: relative; } .slick-slide{ display: block; } .slick-slider.main.pages .slick-slide div img{ height: 100%; } .slick-slider.main .slick-slide-container-wrapper .container{ /*height: 100%;*/ } .submenu-lang { display: block; } /* popup */ .contenedor-contendio-popup hr { margin-left: auto; margin-right: auto; } .contenedor-contendio-popup .equipo-poisicion, .contenedor-contendio-popup .equipo-nombre { padding-left: 0px; text-align: center; } .contenedor-contendio-popup{ width: 100% !important; } .imagen-popup img{ width: 50%; margin-left: 100px; } .contenedor-equipo-detalles p { max-width: 70%; width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 20px; text-align: center; } /* fin popup */ .slick-slider.main.pages .slick-slide div img{ object-fit: contain; object-position: center top; } #home-slider-main{ content: url("../img/slider-main/320/01.png"); width: 100%; height: 100%; object-fit: contain; object-position: center top; } .imagen-slider-nosotros{ content: url("../img/uploads/pages/versiones/320/nosotros.png"); height: 100%; width: 100% !important; } .imagen-slider-equipo{ content: url("../img/uploads/pages/versiones/320/equipo.png"); height: 100%; width: 100% !important; } .slick-slider.main{ min-height: 100%; max-height: 100%; } /* nosotros */ .columna-izquierda-nosotros{ width: 100% !important; text-align: center !important; display: block; border: none; padding-left: 20px; padding-right: 20px; } .columna-derecha-nosotros{ width: 100% !important; text-align: center !important; display: block; border: none; padding-left: 20px; padding-right: 20px; } .titulo-nosotros{ text-align: center !important; } .hr-titulo-nosotros{ margin-right: auto; margin-left: auto; } /* fin nosotros */ } @media (min-width: 768px) and (max-width: 1024px) { .logo-suite-escritorio{ display: block; } .logo-suite-movil{ display: none; } td{ border:0px; } .slick-slider.main.pages .slick-slide div img{ object-fit: contain; object-position: center top; } a.suite100{ margin-right: -20px; } .slick-slider.main .slick-slide-container-wrapper .container{ max-height: 548px; } .slick-slider.main .slick-slide-container-wrapper img{ object-fit: contain; object-position: center top; } /* footer */ .columna-derecha-footer { padding-left: 60px; } footer > .container{ padding-left: 80px; padding-right: 134px; } .footer-logo{ width: 250px; } footer{ } /* fon footer */ /* contacto */ #form-contact button{ float: left; } .contenido-contacto{ height: 790px; } .full-width.column.contenido-contacto, .full-width.column.contenido-contacto .one-half.column{ width: 100%; flex: 0 0 auto; text-align: center; } .full-width.column.contenido-contacto hr, .full-width.column.contenido-contacto p { text-align: center; margin-left: auto; margin-right: auto; } /* fin contacto */ /* header */ #cabecera-dos{ text-align: center; } /* fin header */ .navigation.two-thirds{ flex: 0 0 60%; } #home-slider-main{ content: url("../img/slider-main/768/01.png"); width: 100%; height: 100%; } .imagen-slider-nosotros{ content: url("../img/uploads/pages/versiones/768/nosotros.png"); height: 748px !important; width: 100% !important; } .imagen-slider-equipo{ content: url("../img/uploads/pages/versiones/768/equipo.png"); height: 748px !important; width: 100% !important; } .slick-slider.main{ min-height: 548px !important; max-height: 548px; } /* nosotros */ .hr-titulo-nosotros{ margin-right: auto; margin-left: auto; } .titulo-nosotros{ text-align: center !important; } /* fin nosotros */ /* equipo */ .product-categories{ /* padding-right: 0px !important; padding-left: 0px !important;*/ } .product-card{ width: 250px; } .product-categories .one-third.column, .product-categories .two-thirds.column{ /* width: 50%*/ flex: 0 0 50%; } .product-categories img{ margin-top: -150px; } /* fin equipo */ } @media (min-width: 1440px) { p{ font-size: 1rem !important; } } @media (min-width: 1025px) and (max-width: 1440px) { .slick-slider.main.pages .slick-slide div img{ object-fit: contain; object-position: center top; } #home-slider-main{ content: url("../img/slider-main/1440/01.png"); width: 100%; height: 844px; } .slick-slider.main{ min-height: 844px; max-height: 844px; } .imagen-slider-nosotros{ content: url("../img/uploads/pages/versiones/1440/nosotros.png"); height: 844px !important; width: 100% !important; } .imagen-slider-equipo{ content: url("../img/uploads/pages/versiones/1440/equipo.png"); height: 844px !important; width: 100% !important; } } @media (max-width: 1440px) { .header-logo-background { background-position: -800px top; } } @media (max-width: 1360px) { } @media (max-width: 1280px) { .container.boxed.extrapad { padding-left: calc(4 * 20px); padding-right: calc(4 * 20px); } .slick-slider.products .slick-prev { left: 20px; } .slick-slider.products .slick-next { right: 20px; } } @media (max-width: 1140px) { a.main:link { margin-left: calc(.75 * 20px); } a.main:visited { margin-left: calc(.75 * 20px); } .color-overlay { width: 100%; } } @media (max-width: 767px) { /* 1024 */ /* contacto */ #form-contact button{ margin-right: auto; margin-left: auto; } .contenido-contacto{ height: 715px; } .full-width.column.contenido-contacto, .full-width.column.contenido-contacto .one-half.column{ width: 100%; flex: 0 0 auto; text-align: center; } .full-width.column.contenido-contacto hr, .full-width.column.contenido-contacto p { text-align: center; margin-left: auto; margin-right: auto; } /* fin contacto */ /* header */ #cabecera-dos{ text-align: center; } /* fin header */ /* footer */ .footer-logo{ width: 220px; } footer{ text-align: center; height: auto; } footer hr{ margin-right: auto; margin-left: auto; } .columna-derecha-footer{ padding-left: 0px; } /* fin footer */ .header-top .grid.align-r{ align-items: normal; text-align: left !important; justify-content: end; } .header-top-idiomas{ display: none; } .header-top .grid, .grid.column { flex-flow: initial; } .full-width.column, .one-half.column, .one-third.column, .one-quarter.column, .two-thirds.column, .three-quarters.column { width: 100%; flex: 0 0 auto; } .grid.gutter-row > .column:first-child { padding-right: 0; padding-left: 0; } .grid.gutter-row > .column:last-child { padding-right: 0; padding-left: 0; } a.main.about.hidden { display: inline; } a.main:link { margin-left: 0; font-size: 1.250rem; /*20px*/ margin-bottom: calc(.5 * 20px); } a.main:visited { margin-left: 0; font-size: 1.250rem; /*20px*/ margin-bottom: calc(.5 * 20px); } /* Note to myself Use the following to add a line-break using a pseudo-element, for it to work element display must be set as inline */ a.main:link:after { content: '\A'; white-space: pre; display: block; height: 10px; } a.main:before { width: 44px; left: -60px; top: 0; } .social-media-links a i { font-size: 1.33em; } .navigation .menu { padding: 200px 54px 0 54px; background-color: #15234A; /*#071034;*/ color: #fff !important; } .menu a.main:link, .menu a.main.active{ color: #fff !important; right: 45px; } .home-images-column { margin-top: 40px; } .product-card .content { text-align: center; } .product-card hr, .contenido-equipo-movil{ text-align: center; margin-right: auto; margin-left: auto; } .section.brands .grid { flex-flow: row; flex: 0 0 1; } .brand-logo { max-width: 100px; } } @media (max-width: 980px) { } @media (max-width: 767px) {/* 780px */ .container.boxed { padding-left: 20px; padding-right: 20px; } .container.boxed.extrapad { padding-left: 20px; padding-right: 20px; } .header-logo-background { background-position: -870px top; } .navigation.slide-r label { right: 20px; top: -45px; margin-right: 50px; width: 24px; height: 24px; } .navigation label { position: absolute; } .navigation label div, .navigation label div:before, .navigation label div:after{ background-color: #fff !important; } .navigation .menu { padding: 200px 24px 0 24px; } .slick-slider.products .content { padding-left: 70px; padding-right: 70px; } .brands .grid{ display: block; } .brand-logo{ width: 40%; max-width: 40% !important; margin-top: 40px; } } /*@media (max-width: 540px) { h1, .h1 { font-size: 2.500rem; /*40px*/ /*} h2, .h2 { font-size: 1.563rem; /*25px*/ /* } h3, .h3 { font-size: 1.250rem; /*20px*/ /* } .header-logo { width: 180px; } .header-logo-background { top: -20px; background-position: -980px top; } .navigation .menu { text-align: left; } .slick-prev, .slick-next { width: 0; height: 0; } .slick-slider.products .content { padding-left: 0; padding-right: 0; } a.main { display: table; } a.main:before { left: auto; right: -60px; top: -6px; } .social-media-links a { margin-left: 0; margin-right: calc(1.5 * var(--rhytm-unit)); } .slick-slider.products .slick-slide-container-wrapper .heading { margin-top: -40px; } .brand-logo { max-width: 50px; height: auto; } }*/ /* Especial Productos */ .estilos-titulos-productos{ text-transform: none; padding-top: 10px; font-family: 'Lato', sans-serif; color: #404040; font-size: 1.563rem; cursor: pointer; text-decoration: underline; } .estilos-textos-productos, .estilos-textos-productos:hover{ font-size: 1rem; color: #404040 !important; cursor: pointer; text-decoration: underline; } .estilos-titulos-productos:hover{ color: #404040 !important; } /* Especial Alianzas */ .alianzas-logos-contenido,.alianzas-logos-contenido2,.alianzas-logos-contenido3,.alianzas-logos-contenido4,.alianzas-logos-contenido5{ /*display: none;*/ margin-top: 50px; padding-left: 10px; padding-right: 10px; } @media (max-width: 480px) { .slick-slider.products .slick-slide-container-wrapper img { object-position: left bottom; } #inicio .products .slick-dots{ top: 330px; } /* .slick-slider.main .slick-slide-container-wrapper img{ height: 460px; } .slick-slider.main .slick-slide-container-wrapper .heading{ margin-top: -250px; } .slick-initialized .slick-slide{ height: 460px; } .slick-slider.main, .slick-slider.main.pages{ height: 460px; min-height: 460px; } .slick-dots{ top: 400px; }*/ /*.slick-slider.main.pages .slick-slide div img { height: 350px; } .slick-slider.main.pages{ min-height: 350px; height: 350px; } .slick-slider.main .slick-slide-container-wrapper img, .slick-slider.main{ height: 460px; min-height: 460px; }*/ .slick-slider.main .slick-slide-container-wrapper .heading{ margin-top: -250px; } #inicio .slick-dots{ top: 400px; } .slick-slider.products .slick-slide-container-wrapper .heading { line-height: normal; } .slick-slider.products .carnicos-y-embutidos img{ content: url(../img/segmentos-moviles/movil_carnico.jpg); } .slick-slider.products .snacks-y-botanas img{ content: url(../img/segmentos-moviles/movil_botanas.jpg); } .slick-slider.products .salsas-y-aderezos img{ content: url(../img/segmentos-moviles/movil_salsas.jpg); } .slick-slider.products .lacteos img{ content: url(../img/segmentos-moviles/movil_lacteos.jpg); } .slick-slider.products .panificacion img{ content: url(../img/segmentos-moviles/movil_panificacion.jpg); } .slick-slider.products .suplementos-alimenticios img{ content: url(../img/segmentos-moviles/movil_proteinas.jpg); } .slick-slider.products .bebidas img{ content: url(../img/segmentos-moviles/movil_bebidas.jpg); } .slick-slider.products .mermeladas-y-rellenos img{ content: url(../img/segmentos-moviles/movil_mermeladas.jpg); } .slick-slider.products .confiteria img{ content: url(../img/segmentos-moviles/movil_confiteria.jpg); } .slick-slider.products .pharma img{ content: url(../img/segmentos-moviles/movil_pharma.jpg); } } /* AGR presentaciones home*/ .agr-presentaciones-home{ color: #404040; font-size: 1.0625rem; /*17px*/ margin-top: 30px; font-weight: 400; } .solicitar-informacion-derecha1{ background-image: url("../img/home01.jpg"); background-repeat: no-repeat; width: 553px; min-height: 278px; margin-bottom: 40px; background-position: right; } .solicitar-informacion-derecha2{ background-image: url("../img/home02.jpg"); background-repeat: no-repeat; min-height: 278px; width: 553px; margin-bottom: 40px; background-position: right; } .content-alianza-home .button.wide{ min-width: 125px !important; height: 50px; margin-right: 30px; margin-bottom: 20px; } .content-tienda-menudeo-home .button.wide{ min-width: 200px !important; height: 50px; margin-right: 30px; margin-bottom: 20px; } .content-solicita-mas-informacion-home{ color: #404040; font-weight: 400px; margin-top: 5px; margin-bottom: 35px; } /*# sourceMappingURL=main.min.css.map*/