html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }   body {
margin: 0;
}  main {
display: block;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; }  pre {
font-family: monospace, monospace; font-size: 1em; }   a {
background-color: transparent;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b,
strong {
font-weight: bolder;
}  code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }  small {
font-size: 80%;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} sub {
bottom: -0.25em;
} sup {
top: -0.5em;
}   img {
border-style: none;
}   button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button,
input { overflow: visible;
}  button,
select { text-transform: none;
}  button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}  button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}  button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}  fieldset {
padding: 0.35em 0.75em 0.625em;
}  legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress {
vertical-align: baseline;
}  textarea {
overflow: auto;
}  [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}  [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }   details {
display: block;
}  summary {
display: list-item;
}   template {
display: none;
}  [hidden] {
display: none;
} @font-face {
font-family: Karma;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/karma/Karma-Bold.woff2) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Karma;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/karma/Karma-Regular.woff2) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Karma;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/karma/Karma-Medium.woff2) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Karma;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/karma/Karma-SemiBold.woff2) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arquitecta;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaRegular/font.woff2) format("woff2"), url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaRegular/font.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arquitecta;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBook/font.woff2) format("woff2"), url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBook/font.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arquitecta;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBold/font.woff2) format("woff2"), url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBold/font.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arquitecta;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBlack/font.woff2) format("woff2"), url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBlack/font.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arquitecta;
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaMedium/font.woff2) format("woff2"), url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaMedium/font.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'CanteenBN';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/CanteenBN/CanteenBNBold.woff2) format('woff2'),
url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/CanteenBN/CanteenBNBold.woff) format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'CanteenBN';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/CanteenBN/CanteenBNMedium.woff2) format('woff2'),
url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/CanteenBN/CanteenBNMedium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'CanteenBN';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/CanteenBN/CanteenBNLight.woff2) format('woff2'),
url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/CanteenBN/CanteenBNLight.woff) format('woff');
font-weight: 300;
font-style: normal;
}  *,
::after,
::before {
box-sizing: border-box;
} * {
font-family: "Arquitecta";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
color: #000000;
} a:hover {
text-decoration: none !important;
} a {
display: block;
text-decoration: none;
} .calidad-gallo {
background-color: #f0ebe7;
}
@media (max-width: 1023px) { .only-desktop {
display: none !important;
}
}
@media (min-width: 1024px) { .only-mobile {
display: none !important;
}
} .elementor-widget-heading h4.elementor-heading-title {
font-family: "Arquitecta", Sans-serif;
font-weight: 900;
} h6.elementor-heading-title.elementor-size-default {
font-family: "Arquitecta" !important;
text-transform: uppercase;
font-size: 18px;
} .elementor-text-editor.elementor-clearfix h4 {
font-family: "Arquitecta" !important;
color: #e1302b;
text-transform: uppercase;
font-size: 16px;
} .elementor-text-editor.elementor-clearfix h4 strong {
font-family: "Arquitecta" !important;
color: #e1302b;
text-transform: uppercase;
font-size: 16px;
} .status-recipe {
display: flex;
align-items: center;
justify-content: center;
} .elementor a {
font-family: "Arquitecta" !important;
color: #e1302b;
} .alert-danger {
width: 100%;
} .h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
} h1,
h2 {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
}
@media (max-width: 767px) { h1,
h2 {
font-size: 40px;
}
} h2.white {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #ffffff;
}
@media (max-width: 1023px) { h2.white {
font-size: 40px;
}
} h3,
h1 .smallTitle {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
}
@media (max-width: 767px) { h3,
h1 .smallTitle {
font-size: 20px;
}
} h1 .smallTitle {
margin-bottom: 10px;
text-transform: capitalize;
} .content-title h1 {
display: flex;
flex-direction: column;
} p.description-title {
text-align: center;
} .modal-backdrop.show {
opacity: 0.8;
background-color: #ffffff;
} input {
border-radius: 0 !important;
} .breadcumb {
position: absolute;
left: 60px;
top: 120px;
} .breadcumb ul {
list-style: none;
display: flex;
} .breadcumb ul li {
display: flex;
font-family: Arquitecta;
font-size: 11px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
} .breadcumb ul li a {
font-family: Arquitecta;
font-size: 11px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
color: #e1302b;
} .breadcumb ul li a:hover {
color: #e1302b;
} .breadcumb ul li span {
margin: 4px 11px;
font-size: 11px;
} .btn.focus,
.btn:focus {
outline: 0;
box-shadow: none;
} input {
outline: 0;
box-shadow: 0;
} h2.elementor-heading-title.elementor-size-default {
text-align: left !important;
font-size: 24px !important;
color: #e1302b !important;
margin-bottom: 20px;
} h3.elementor-heading-title.elementor-size-default {
text-align: left !important;
font-size: 20px !important;
color: #e1302b !important;
margin-bottom: 20px;
} .elementor a {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
display: contents;
} .wpcf7 form.sent .wpcf7-response-output {
display: none !important;
} #CybotCookiebotDialog * {
font-size: 12px;
} .wpml-ls-legacy-dropdown {
width: FIT-CONTENT;
max-width: 100%;
} .wpml-ls-legacy-dropdown a {
background-color: transparent;
border: 0px;
font-size: 13px;
} .wpml-ls-legacy-dropdown a:hover {
background: none !important;
color: white !important;
} .wpml-ls-legacy-list-horizontal a span {
vertical-align: middle;
font-size: 13px;
color: black;
} .home .wpml-ls-legacy-list-horizontal a span {
color: white;
} .home .sticky-home .wpml-ls-legacy-list-horizontal a span {
color: black;
} .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
background-color: transparent !important;
color: white !important;
}
.soup-bricks-img {
width: 970px;
height: 590px;
} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border-top: 0px !important;
} .sticky-home .wpml-ls-legacy-dropdown a span,
.sticky-home .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
color: black;
} .sticky-home .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
background-color: white;
} .sticky-home .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
color: black;
} .wpml-ls-item a {
color: #fff;
height: 12px;
} .wpml-ls-first-item {
border-right: 1px solid white;
} .wpml-ls-current-language a span {
color: #e1302b !important;
font-weight: 900;
}
@media (max-width: 1023px) { .wpml-ls-legacy-list-horizontal a:after {
display: none !important;
} .wpml-ls-legacy-list-horizontal a span {
font-size: 20px;
color: black;
font-weight: 900;
} .wpml-ls-first-item {
border-right: 1px solid black;
margin-right: 10px;
margin-top: 70px !important;
} .wpml-ls-legacy-list-horizontal {
margin-left: -25px;
} .wpml-ls-item {
padding-right: 10px !important;
padding-left: 10px !important;
}
} .pastas-gallo-button {
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
color: #ffffff !important;
background-color: #e1302b;
text-transform: uppercase;
transition: 0.2s ease-in-out;
display: block !important;
} .pastas-gallo-button.medium {
padding: 0;
height: 30px;
width: 165px;
} .pastas-gallo-button:hover {
transform: scale(1.05) !important;
color: #ffffff;
} .black-button {
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
background-color: #000000;
text-transform: uppercase;
color: #ffffff !important;
} .black-button:hover {
color: #ffffff;
} span.pastas-gallo-button:hover {
cursor: pointer;
} label {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
text-align: left;
display: flex;
flex-direction: column;
margin-bottom: 30px;
} input,
textarea,
select {
width: 100%;
margin-top: 5px;
} input:focus,
textarea:focus,
select:focus {
outline: none;
} input,
textarea {
border: none;
background-color: #f6f6f6;
color: #e1302b;
} input {
padding: 0 15px;
} textarea {
padding: 20px 15px;
} input,
select {
height: 30px;
} form p {
margin: 0;
} br {
display: none;
} .mid-form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
} .mid-form label {
width: calc(50% - 10px);
}
@media (max-width: 1023px) { .mid-form label {
width: 100%;
}
} .wpcf7-submit {
max-width: 110px;
} .acceptance-container {
display: flex;
flex-direction: column;
} .acceptance-container label {
text-transform: none;
} .acceptance-container span {
width: 100%;
color: #e1302b;
} .acceptance-container a {
font-weight: bold;
color: #e1302b;
text-decoration: underline !important;
} .wpcf7-list-item-label {
display: flex;
flex-wrap: wrap;
} .wpcf7-list-item-label a {
margin-left: 5px;
} .wpcf7-form-control-wrap {
width: 100%;
} .wpcf7-form-control-wrap .wpcf7-list-item {
margin: 0;
} .wpcf7-form-control-wrap label {
flex-direction: row;
align-items: center;
margin-bottom: 10px;
} .wpcf7-form-control-wrap label input {
margin: 0;
margin-right: 15px;
border: none;
width: 15px;
height: 15px;
} .icon-instagram::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/svg/instagram-square-brands.svg);
background-size: cover;
background-position: center;
display: block;
width: 23px;
height: 23px;
color: black;
}
@media (max-width: 767px) { .icon-instagram::before {
width: 23px;
height: 23px;
}
} .icon-facebook::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/svg/facebook-square-brands.svg);
background-size: cover;
background-position: center;
display: block;
width: 23px;
height: 23px;
color: black;
}
@media (max-width: 767px) { .icon-facebook::before {
width: 23px;
height: 23px;
}
} .icon-twitter::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/svg/youtube-square-brands.svg);
background-size: cover;
background-position: center;
display: block;
width: 23px;
height: 23px;
color: black;
}
@media (max-width: 767px) { .icon-twitter::before {
width: 23px;
height: 23px;
}
} .arrow-button-right::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechaderecha-rojo.png);
background-size: cover;
background-position: center;
display: block;
width: 12px;
height: 12px;
color: black;
}
@media (max-width: 767px) { .arrow-button-right::before {
width: 12px;
height: 12px;
}
} .arrow-button-left::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechadizquierda-rojo.png);
background-size: cover;
background-position: center;
display: block;
width: 12px;
height: 12px;
color: black;
}
@media (max-width: 767px) { .arrow-button-left::before {
width: 12px;
height: 12px;
}
}  .icon-low-time::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_tiempo_low.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-low-time::before {
width: 40px;
height: 40px;
}
} .icon-low-medium-time::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_tiempo_medium.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-low-medium-time::before {
width: 40px;
height: 40px;
}
} .icon-long-medium-time::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_tiempo_long_medium.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-long-medium-time::before {
width: 40px;
height: 40px;
}
} .icon-long-time::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_tiempo_long.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-long-time::before {
width: 40px;
height: 40px;
}
}  .icon-baja::before,
.icon-low::before,
.icon-low2::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_dificultad_baja.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-baja::before,
.icon-low::before,
.icon-low2::before {
width: 40px;
height: 40px;
}
} .icon-media::before,
.icon-medium::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_dificultad_media.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-media::before,
.icon-medium::before {
width: 40px;
height: 40px;
}
} .icon-alta::before,
.icon-high::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_dificultad_alta.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-alta::before,
.icon-high::before {
width: 40px;
height: 40px;
}
} .icon-people {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/ico_comensales.png);
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: black;
}
@media (max-width: 767px) { .icon-people {
width: 40px;
height: 40px;
}
} .check-solid {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/check-solid.svg);
background-size: cover;
background-position: center;
display: block;
width: 10px;
height: 10px;
color: black;
}
@media (max-width: 767px) { .check-solid {
width: 10px;
height: 10px;
}
} .container {
padding: 0;
}
@media (min-width: 1024px) and (max-width: 1360px) { .container {
max-width: 1235px;
}
} .row {
margin: 0;
} [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
} .elementor-section.elementor-section-boxed>.elementor-container {
padding: 0;
max-width: 1235px;
} .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0px !important;
}  .header-menu {
width: 100%;
height: 50px;
background-color: #ffffff;
z-index: 15;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
-webkit-box-shadow: 0px 9px 20px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 9px 20px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 9px 20px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) { .header-menu {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
} .header-menu .logo-site.only-desktop {
width: 100px;
height: auto;
} .header-menu a.active {
position: relative;
} .header-menu a.active:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
background-color: #e1302b;
z-index: -1;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1023px) { .header-menu a.active:before {
display: none;
}
}
@media (max-width: 1023px) { .header-menu .first-child-node {
font-size: 20px;
}
}
@media (min-width: 1024px) { .header-menu .first-child-node {
font-size: 13px;
}
} .header-menu .container-category-product-menu {
display: flex;
align-items: center;
} .header-menu .container-category-product-menu .category-image-menu {
max-width: 70px;
}
@media (max-width: 1023px) { .header-menu .container-category-product-menu .category-image-menu {
align-items: center;
width: 100%;
height: auto;
}
} .header-menu .container-menu {
width: 100%;
display: flex;
justify-content: center;
}
@media (max-width: 1023px) { .header-menu .container-menu {
display: block !important;
height: 100vh;
background-color: white;
padding: 120px 50px;
z-index: -2;
transition: all 0.3s ease-in-out;
position: absolute;
top: -100vh;
left: 0%;
}
} .header-menu .container-menu.show-menu {
transition: all 0.3s ease-in-out;
top: 0vh;
} .header-menu .container-menu.slide-to-left {
transition: left 0.3s ease-in-out;
position: absolute;
left: -100%;
} .header-menu .red-square-mobile-animation {
position: absolute;
} .header-menu .red-square-mobile-animation img {
width: 60px;
height: auto;
} .header-menu .is-parent-dropdown {
position: relative;
} .header-menu .is-parent-dropdown:hover {
cursor: pointer;
} .header-menu .is-parent-dropdown:after {
content: "";
position: absolute;
right: 0px;
top: 45%;
width: 10px;
height: 2px;
background-color: #e1302b;
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .is-parent-dropdown:before {
content: "";
position: absolute;
right: 0px;
top: 45%;
width: 10px;
height: 2px;
background-color: #e1302b;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .is-parent-dropdown[aria-expanded="true"]:after {
content: "";
position: absolute;
right: 0px;
top: 45%;
width: 10px;
height: 2px;
background-color: #e1302b;
transform: rotate(0deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .is-parent-dropdown[aria-expanded="true"]:before {
content: "";
position: absolute;
right: 0px;
top: 45%;
width: 10px;
height: 2px;
background-color: #e1302b;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .second-child-node {
padding-left: 15px;
} .header-menu .second-child-node:hover {
cursor: pointer;
} .header-menu .burger-button {
width: 32px;
height: 32px;
position: absolute;
top: 15px;
left: 15px;
background-color: #e1302b;
border: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 1px;
outline: none;
transition: rotate 0.25s ease-in-out;
padding: 0;
}
@media (min-width: 1024px) { .header-menu .burger-button {
display: none;
}
} .header-menu .burger-button span {
width: 18px;
height: 2px;
background-color: #ffffff;
} .header-menu .burger-button span.line-one {
margin-bottom: 5px;
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .burger-button span.line-two {
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .burger-button.toogle-button .line-one {
position: absolute;
left: 8px;
top: 14px;
transform: rotate(405deg) translateY(2px) translateX(0);
-webkit-transform: rotate(405deg) translateY(2px) translateX(0);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu .burger-button.toogle-button .line-two {
position: absolute;
left: 7px;
top: 16px;
transform: rotate(495deg) translateY(1px) translateX(0);
-webkit-transform: rotate(495deg) translateY(1px) translateX(0);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .header-menu ul {
list-style: none;
margin: 0;
padding: 0;
} .header-menu ul a {
display: flex;
width: fit-content;
align-items: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: black;
font-size: 13px;
}
@media (max-width: 1023px) { .header-menu ul a {
font-size: 16px;
}
}
@media (max-width: 1023px) { .header-menu ul a {
padding: 7px 0;
position: relative;
}
} .header-menu ul a::after {
display: none;
}
@media (max-width: 1023px) { .header-menu ul a::after {
content: "";
display: block;
position: absolute;
top: 4px;
left: -7px;
width: 25px;
height: 25px;
background-color: #e1302b;
z-index: -1;
}
} .header-menu ul a.regular-typography {
font-weight: normal;
} .header-menu .first-accordion {
position: absolute;
width: 270px;
background-color: #ffffff;
padding: 30px;
padding-bottom: 15px;
} .header-menu .first-accordion .collapse.show {
visibility: visible;
} .header-menu .first-accordion:hover {
display: block;
}
@media (min-width: 1024px) { .header-menu .first-accordion {
top: 75%;
}
}
@media (max-width: 1023px) { .header-menu .first-accordion {
display: block !important;
width: 100%;
height: 100vh;
padding: 120px 50px;
top: 0;
left: 100%;
background-color: white;
transition: all 0.3s ease-in-out;
}
} .header-menu .first-accordion li {
margin-bottom: 15px;
} .header-menu .first-accordion.slide-to-left {
left: 100%;
transition: all 0.3s ease-in-out;
overflow: auto;
} .header-menu .left-menu,
.header-menu .right-menu {
display: flex;
width: calc(50% - 50px);
}
@media (max-width: 1023px) { .header-menu .left-menu,
.header-menu .right-menu {
display: block;
width: 100%;
}
} .header-menu .left-list,
.header-menu .right-list {
display: flex;
align-items: center;
}
@media (max-width: 1023px) { .header-menu .left-list,
.header-menu .right-list {
display: block;
}
} .header-menu .left-menu {
justify-content: flex-end;
padding-right: 100px;
}
@media (max-width: 1023px) { .header-menu .left-menu {
padding: 0;
}
} .header-menu .right-menu {
justify-content: flex-start;
align-items: center;
padding-left: 40px;
position: relative;
}
@media (max-width: 1023px) { .header-menu .right-menu {
padding: 0;
}
} .header-menu .left-list .nav-li-first-child {
margin-left: 50px;
}
@media (max-width: 1023px) { .header-menu .left-list .nav-li-first-child {
margin: 0;
margin-bottom: 15px;
}
} .header-menu .right-list .nav-li-first-child {
margin-right: 50px;
}
@media (max-width: 1023px) { .header-menu .right-list .nav-li-first-child {
margin: 0;
margin-bottom: 15px;
}
}
@media (min-width: 1024px) { .header-menu .first-group {
height: 100%;
margin-right: 50px;
}
} .header-menu .header-list {
display: flex;
align-items: center;
}
@media (max-width: 1023px) { .header-menu .header-list {
margin-bottom: 15px;
}
}
@media (min-width: 1024px) { .header-menu .header-list {
position: relative;
height: 100%;
}
} .header-menu .header-list:hover .first-accordion {
display: block;
max-height: 90vh;
overflow-y: auto;
} .header-menu .header-list .first-accordion {
display: none;
} .header-menu .header-list .arrow-button-right {
position: absolute;
right: 70px;
}
@media (min-width: 1024px) { .header-menu .header-list .arrow-button-right {
display: none;
position: relative;
right: -20px;
transform: rotate(90deg);
}
} .header-menu .arrow-button-left {
position: absolute;
left: 25px;
top: 130px;
}
@media (min-width: 1024px) { .header-menu .arrow-button-left {
display: none;
}
} .header-menu.is-front-page {
height: 100px;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .header-menu.is-front-page:after {
content: "";
width: 100%;
height: 100%;
top: -100%;
background-color: white;
position: absolute;
z-index: -2;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1023px) { .header-menu.is-front-page:after {
display: none;
}
} .header-menu.is-front-page a {
color: white;
}
@media (max-width: 1023px) { .header-menu.is-front-page a {
color: #000000;
}
} .header-menu.is-front-page .first-accordion a {
color: #000000;
} .header-menu.is-front-page .red-square-mobile-animation {
width: 160px;
height: 80px;
background: red;
display: flex;
justify-content: center;
position: absolute;
transition: all 0.4s ease-in-out;
}
@media (min-width: 1024px) { .header-menu.is-front-page .red-square-mobile-animation {
display: none;
}
} .header-menu.is-front-page .red-square-mobile-animation.header-menu-open {
width: 0px;
height: 0px;
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page .red-square-mobile-animation.header-menu-open img {
top: 0px;
width: 60px;
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page .red-square-mobile-animation img {
top: 30px;
position: absolute;
width: 100px;
height: auto;
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page .red-square {
display: flex;
justify-content: center;
background-color: #e1302b;
width: 220px;
height: 110px;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1023px) { .header-menu.is-front-page .red-square {
display: none;
}
} .header-menu.is-front-page .red-square .logo-link {
display: block;
width: 120px;
height: 120px;
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page .red-square .logo-site {
position: absolute;
top: 50px;
width: 120px;
height: auto;
transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) { .header-menu.is-front-page .red-square .logo-site {
top: 30px;
margin-bottom: 0px;
width: 100px;
transition: all 0.4s ease-in-out;
}
} .header-menu.is-front-page .search-menu .search.form-search-fields input {
font-family: "Arquitecta";
font-weight: normal;
font-size: 16px;
border-bottom: 1px solid #ffffff;
border-radius: 0px;
}
@media (max-width: 1023px) { .header-menu.is-front-page .search-menu .search.form-search-fields input {
border-bottom: 1px solid #e1302b;
color: black;
}
} .header-menu.is-front-page .search-menu .search.form-search-fields input::placeholder {
color: #ffffff;
}
@media (max-width: 1023px) { .header-menu.is-front-page .search-menu .search.form-search-fields input::placeholder {
color: black;
}
} .header-menu.is-front-page .search-menu .red-search {
max-width: 40px;
height: auto;
display: none;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page .search-menu .red-search.button {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page .search-menu .white-search.button {
display: block;
}
} .header-menu.is-front-page .search-menu .white-search {
display: block;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page .search-menu .white-search {
display: none;
}
} .header-menu.is-front-page .active-input {
color: white !important;
} .header-menu.is-front-page.sticky-home {
height: 50px;
}
@media (min-width: 1024px) { .header-menu.is-front-page.sticky-home {
height: 50px;
max-height: 50px;
}
} .header-menu.is-front-page.sticky-home:after {
top: 0;
-webkit-box-shadow: 0px 9px 20px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 9px 20px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 9px 20px 1px rgba(0, 0, 0, 0.1);
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page.sticky-home .active-input {
color: black !important;
} .header-menu.is-front-page.sticky-home .red-search {
max-width: 40px;
height: auto;
display: none;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page.sticky-home .red-search.button {
display: block !important;
}
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page.sticky-home .white-search.button {
display: none;
}
} .header-menu.is-front-page.sticky-home .search-menu .search.form-search-fields input {
border-radius: 0px;
border-bottom: 1px solid #e1302b;
} .header-menu.is-front-page.sticky-home .search-menu .search.form-search-fields input::placeholder {
color: #000000;
} .header-menu.is-front-page.sticky-home .search-menu .red-search {
max-width: 40px;
height: auto;
display: block;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page.sticky-home .search-menu .red-search {
display: none;
}
} .header-menu.is-front-page.sticky-home .search-menu .white-search {
display: none;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu.is-front-page.sticky-home .search-menu .white-search {
display: none;
}
} .header-menu.is-front-page.sticky-home .red-square-mobile-animation {
width: 0px;
height: 0px;
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page.sticky-home .red-square-mobile-animation img {
top: 0px;
width: 60px;
transition: all 0.4s ease-in-out;
} .header-menu.is-front-page.sticky-home a {
color: #000000;
}
@media (min-width: 1024px) { .header-menu.is-front-page.sticky-home .red-square {
height: 0px;
width: 100px;
margin-top: -50px;
transition: all 0.4s ease-in-out;
}
} .header-menu.is-front-page.sticky-home .red-square .logo-link {
width: 100px;
height: 100px;
transition: all 0.4s ease-in-out;
}
@media (min-width: 1024px) { .header-menu.is-front-page.sticky-home .red-square .logo-site {
width: 100px;
transition: all 0.4s ease-in-out;
}
} .header-menu .search-menu {
display: flex;
align-items: center;
position: absolute;
right: 20px;
}
@media (max-width: 1023px) { .header-menu .search-menu {
position: relative;
margin-bottom: 15px;
}
} .header-menu .search-menu.active-search .red-search {
max-width: 40px;
height: auto;
display: none;
} .header-menu .search-menu.active-search .white-search {
display: none;
} .header-menu .search-menu .red-search {
display: block;
max-width: 40px;
}
@media (max-width: 1023px) { .header-menu .search-menu .red-search {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu .search-menu .red-search {
display: none;
}
} .header-menu .search-menu .white-search {
display: none;
}
@media (max-width: 1023px) { .header-menu .search-menu .white-search {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu .search-menu .white-search {
display: none;
}
} .header-menu .search-menu img:hover {
cursor: pointer;
} .header-menu .search-menu .search.form-search-fields {
display: flex;
align-items: center;
} .header-menu .search-menu .search.form-search-fields button {
padding: 0;
}
@media (max-width: 1023px) { .header-menu .search-menu .search.form-search-fields button {
display: block;
}
}
@media (min-width: 1024px) { .header-menu .search-menu .search.form-search-fields button .white-search {
display: none;
}
}
@media (min-width: 1024px) { .header-menu .search-menu .search.form-search-fields button .red-search {
display: none;
}
}
@media (max-width: 1023px) { .header-menu .search-menu .search.form-search-fields button .red-search {
display: block;
}
} .header-menu .search-menu .search.form-search-fields input {
background-color: transparent;
border: none;
border-bottom: 1px solid #e1302b;
font-size: 16px;
height: 20px;
padding: 0;
margin: 0;
color: #000000;
width: 0;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1023px) { .header-menu .search-menu .search.form-search-fields input {
width: 160px;
}
} .header-menu .search-menu .search.form-search-fields input::placeholder {
color: #000000;
} .header-menu .search-menu .search.form-search-fields input.active-input {
width: 160px;
transition: all 0.4s ease-in-out;
} .header-menu .only-litle-desktop {
display: none;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu .only-litle-desktop {
display: block !important;
}
} .header-menu .only-litle-desktop .red-search {
max-width: 40px;
height: auto;
}
@media (min-width: 1024px) and (max-width: 1200px) { .header-menu .only-litle-desktop .red-search {
display: block !important;
}
} button#mobile-search-button-menu:focus {
outline: none;
} .search.form-search-fields.mobile-search-input {
width: 0;
display: none !important;
transition: all 0.4s ease-in-out;
} .search.form-search-fields.mobile-search-input.active {
width: 100%;
display: flex !important;
align-items: center;
justify-content: flex-start;
transition: all 0.4s ease-in-out;
} .search.form-search-fields.mobile-search-input .only-mobile-button-search {
position: relative;
top: unset;
right: unset;
} .only-mobile-button-search {
position: absolute;
top: 15px;
right: 15px;
padding: 0;
display: none;
outline: none;
background-color: white;
border: none;
} .only-mobile-button-search :focus {
outline: none;
} .only-mobile-button-search.active {
display: block;
} .only-mobile-button-search img {
max-width: 40px;
} .animated {
transition: width 0.4s;
} .home .header-menu.is-front-page .active-search .red-search {
display: none !important;
} .home .header-menu.is-front-page .active-search .white-search {
display: block;
} .home .header-menu.is-front-page .active-search .white-search.target-image {
display: none !important;
} .home .header-menu.is-front-page.sticky-home .active-search .red-search {
display: block !important;
} .home .header-menu.is-front-page.sticky-home .active-search .red-search.target-image {
display: none !important;
} .home .header-menu.is-front-page.sticky-home .active-search .white-search {
display: none !important;
} .list-style .elementor-text-editor.elementor-clearfix ul {
list-style-type: disc;
padding-left: 20px;
} #CybotCookiebotDialogPoweredbyLink {
display: none;
} #CybotCookiebotDialogBodyContent {
padding: 0px;
padding-top: 35px;
padding-bottom: 15px;
} #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
width: 100%;
padding-left: 0;
margin-left: -7px;
} #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
width: 162px !important;
background-color: #e1302b !important;
border: unset !important;
padding: 5px !important;
font-family: Arquitecta !important;
font-size: 16px !important;
font-weight: regular !important;
padding-left: 10px !important;
padding-right: 10px !important;
} #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: black !important;
border: unset !important;
padding: 5px !important;
font-family: Arquitecta !important;
font-size: 16px !important;
font-weight: regular !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: fit-content !important;
} #CybotCookiebotDialogBodyLevelButtons {
margin-top: 11px;
} #CybotCookiebotDialogBodyContentTitle {
font-family: Arquitecta !important;
font-size: 16px !important;
font-weight: 900 !important;
margin-top: 25px !important;
} #CybotCookiebotDialogBodyContentText {
font-family: Arquitecta !important;
font-size: 16px !important;
} #CybotCookiebotDialogBodyLevelDetailsButton {
font-family: Arquitecta !important;
} #CybotCookiebotDialogBodyLevelButtonsSelectPane {
border: unset !important;
} #CybotCookiebotDialogBodyLevelDetailsWrapper {
border: unset !important;
background: transparent !important;
} .main-footer {
background-color: #181818;
padding-top: 50px;
padding-bottom: 110px;
z-index: 3;
position: relative;
}
@media (max-width: 1023px) { .main-footer {
padding-bottom: 50px;
}
} .main-footer ul {
list-style: none;
padding: 0;
}
@media (max-width: 1023px) { .main-footer ul {
margin-bottom: 35px;
}
} .main-footer .footer-row {
width: calc(100% - 180px);
max-width: 1280px;
margin: 0 auto;
display: flex;
margin-bottom: 85px;
}
@media (max-width: 1023px) { .main-footer .footer-row {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 45px;
}
}
@media (min-width: 1024px) and (max-width: 1360px) { .main-footer .footer-row {
width: calc(100% - 150px);
}
} .main-footer .footer-row .widget-area {
flex: 1;
}
@media (min-width: 1024px) { .main-footer .footer-row .widget-area {
padding-right: 25px;
}
} .main-footer h4 {
font-size: 12px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.71px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 25px;
}
@media (max-width: 1023px) { .main-footer h4 {
margin-bottom: 10px;
}
} .main-footer a {
font-size: 11px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1px;
color: #948274;
margin-bottom: 10px;
text-transform: uppercase;
} .main-footer .contact-phone {
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.82px;
color: #ffffff;
margin-top: -5px;
} .main-footer .social-icons {
display: flex;
} .main-footer .social-icons a {
margin-right: 20px;
} .main-footer .social-icons a:last-child {
margin-right: 0;
} .main-footer .mas-widget-area {
display: flex;
justify-content: center;
} .main-footer .social-widget-area,
.main-footer .contact-widget-area {
display: flex;
justify-content: flex-end;
} .main-footer .footer-privacy-row {
display: flex;
flex-flow: row wrap;
width: calc(100% - 180px);
max-width: 1280px;
margin: 0 auto;
}
@media (max-width: 1023px) { .main-footer .footer-privacy-row {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
}
@media (min-width: 1024px) and (max-width: 1360px) { .main-footer .footer-privacy-row {
width: calc(100% - 150px);
}
} .main-footer .footer-privacy-row .container-politics {
flex: 2;
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul {
display: flex;
flex-flow: row wrap;
}
@media (max-width: 1023px) { .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul {
justify-content: center;
flex-direction: column;
}
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a {
font-size: 13px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.18px;
color: #ffffff;
display: block;
padding: 0 20px;
text-transform: none;
}
@media (max-width: 1023px) { .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a {
padding: 0;
}
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-privacy-policy {
padding-left: 0;
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-link {
position: relative;
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-link::after {
content: "";
display: block;
position: absolute;
top: 2px;
right: 0;
width: 1px;
height: 13px;
background-color: white;
}
@media (max-width: 1023px) { .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-link::after {
display: none;
}
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-link::before {
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 1px;
height: 13px;
background-color: white;
}
@media (max-width: 1023px) { .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-link::before {
display: none;
}
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-cookie {
position: relative;
} .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-cookie::after {
content: "";
display: block;
position: absolute;
top: 2px;
right: 0;
width: 1px;
height: 13px;
background-color: white;
}
@media (max-width: 1023px) { .main-footer .footer-privacy-row .container-politics .container-use-conditions-link ul li a.use-conditions-cookie::after {
display: none;
}
} .main-footer .footer-privacy-row .copyright {
font-size: 13px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.18px;
color: #ffffff;
font-size: 11px;
font-weight: 500;
flex: 1;
text-align: right;
} .main-footer .container-contact-link {
margin-top: -10px;
} .page-404 {
height: calc(100vh - 100px);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) { .page-404 {
height: 100vh;
}
} .page-404 img {
margin-bottom: 15px;
} .page-404 .red-title {
font-family: Karma;
font-size: 40px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
font-size: 16px;
margin-bottom: 15px;
} .page-404 .code-error {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 40px;
}
@media (max-width: 767px) { .page-404 .code-error {
font-size: 40px;
}
} .page-404 .black-title {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 15px;
text-transform: uppercase;
} .page-404 .description {
text-align: center;
margin-bottom: 40px;
} .page-404 .content-buttons {
width: 325px;
display: flex;
justify-content: space-between;
} .page-404 .content-buttons .pastas-gallo-button {
width: calc(50% - 7.5px);
} .page-404 .container-404-page {
max-width: 800px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (max-width: 767px) { .page-404 .container-404-page {
width: 100%;
padding: 0 30px;
}
} .product-page-title {
padding-top: 130px;
padding-bottom: 50px;
background-color: #f0ebe7;
}
@media (max-width: 767px) { .product-page-title {
padding-top: 80px;
padding-bottom: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-page-title {
padding-top: 80px;
}
} .product-page-title .content-title {
max-width: 580px;
margin: 0 auto;
} .product-page-title .content-title.not-banner {
padding-top: 18px;
}
@media (max-width: 767px) { .product-page-title .content-title.not-banner {
padding-top: 23px;
}
} .product-page-title .content-title.has-icon-category {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0px;
}
@media (max-width: 767px) { .product-page-title .content-title.has-icon-category {
margin-top: 0px;
}
} .product-page-title .content-title.has-icon-category img {
max-width: 90px;
width: 100%;
height: auto;
margin-bottom: 20px;
margin-top: -45px;
} .product-page-title .content-title.has-icon-category img.only-mobile {
margin-bottom: 0;
}
@media (max-width: 767px) { .product-page-title .description-title {
padding: 0 30px;
}
} .product-page-title h1 {
text-transform: uppercase;
} .product-page-title h1,
.product-page-title h3,
.product-page-title p {
text-align: center;
} .product-page-title h1,
.product-page-title h3 {
margin-bottom: 10px;
} .product-page-title p {
margin-bottom: 0;
} .page-productos .product-page-title {
padding-top: 150px;
padding-bottom: 50px;
}
@media (max-width: 767px) { .page-productos .product-page-title {
padding-top: 100px;
}
} .product-section {
position: relative;
cursor: pointer;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1023px) { .product-section {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 767px) { .product-section {
grid-auto-rows: 240px;
}
} .product-section .link-square {
display: block;
width: 50%;
}
@media (max-width: 1023px) { .product-section .link-square {
width: 100%;
height: 240px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-section .link-square {
height: 400px;
}
} .product-section .product-category-container {
width: 100%;
height: 100%;
overflow: hidden;
}
@media (min-width: 1024px) { .product-section .product-category-container.preload .product-category:not(:hover) { }
}
@media (min-width: 1024px) { .product-section .product-category-container.preload .product-category-description:not(:hover) {
-webkit-animation: change-product-category-description-reverse 0s both;
animation: change-product-category-description-reverse 0s both;
}
}
@media (min-width: 1024px) { .product-section .product-category-container.preload .link-title {
-webkit-animation: change-white-title-reverse 0s both;
animation: change-white-title-reverse 0s both;
}
}
@media (min-width: 1024px) { .product-section .product-category-container.preload .red-overlay::after {
-webkit-animation: change-content-reverse 0s both;
animation: change-content-reverse 0s both;
}
}
@media (min-width: 1024px) { .product-section .product-category-container.preload .black-button {
-webkit-animation: change-button-reverse 0s both;
animation: change-button-reverse 0s both;
animation-delay: 0s;
}
} .product-section .product-category {
width: 100%;
height: 100%;
min-height: 400px;
background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.4s ease-in-out;
}
@media (max-width: 1023px) { .product-section .product-category {
min-height: 240px;
}
}
@media (min-width: 1024px) { .product-section .product-category:not(:hover) { }
}
@media (min-width: 1024px) { .product-section .product-category:hover {
transition: 0.4s ease-in-out;
transform: scale(1.2); }
}
@media (min-width: 1024px) { .product-section .product-category:hover .red-overlay {
width: 100%;
}
}
@media (min-width: 1024px) { .product-section .product-category:hover .red-overlay::after {
-webkit-animation: change-content-hover 0.6s both;
animation: change-content-hover 0.6s both;
animation-timing-function: ease-in;
}
}
@media (min-width: 1024px) { .product-section .product-category:hover .link-title {
display: flex;
justify-content: center;
align-items: center;
-webkit-animation: change-white-title-hover 0.6s both;
animation: change-white-title-hover 0.6s both;
animation-timing-function: ease-in;
}
}
@media (min-width: 1024px) { .product-section .product-category:hover .product-category-description {
-webkit-animation: change-product-category-description-hover 0.6s both;
animation: change-product-category-description-hover 0.6s both;
animation-timing-function: ease-in;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-section .product-category:hover .product-category-description {
left: 0;
}
}
@media (min-width: 1024px) { .product-section .product-category:hover .product-category-description .black-button {
-webkit-animation: change-button-hover 0.6s both;
animation: change-button-hover 0.6s both;
animation-delay: 0.1s;
animation-timing-function: ease-in;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-section .product-category:hover .product-category-description .black-button {
left: 50%;
}
} .product-section .product-category:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: black;
opacity: 0.1;
z-index: -1;
} .product-section .product-category .red-overlay {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media (max-width: 1023px) { .product-section .product-category .red-overlay {
flex-direction: column;
width: 100px;
height: 100px;
background-color: #e1302b;
position: absolute;
z-index: 1;
}
} .product-section .product-category .red-overlay::after {
content: "";
width: 140px;
height: 140px;
background-color: #e1302b;
position: absolute;
z-index: -1;
top: -40px;
}
@media (min-width: 1024px) { .product-section .product-category .red-overlay::after {
-webkit-animation: change-content-reverse 0.6s both;
animation: change-content-reverse 0.6s both;
animation-timing-function: ease-in;
}
}
@media (max-width: 1023px) { .product-section .product-category .red-overlay::after {
display: none;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-section .product-category .red-overlay::after {
left: 50%;
top: 50%;
display: none;
}
} .product-section .product-category .red-overlay .black-button {
position: absolute;
bottom: -15px;
}
@media (min-width: 1024px) { .product-section .product-category .red-overlay .black-button {
display: none;
}
} .product-section .product-category .red-overlay .black-button:hover ::after {
content: "";
width: 120px;
height: 5px;
background-color: #000000;
} .product-section .product-category .link-title {
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1024px) { .product-section .product-category .link-title {
-webkit-animation: change-white-title-reverse 0.6s both;
animation: change-white-title-reverse 0.6s both;
animation-timing-function: ease-in;
}
} .product-section .product-category h2 {
position: relative;
white-space: nowrap;
text-transform: uppercase;
} .product-section .product-category-description {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #ffffff;
background-color: #e1302b;
background-color: #e1302b;
width: 100%;
padding: 30px 130px 45px 130px;
position: absolute;
bottom: -100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
}
@media (min-width: 1024px) { .product-section .product-category-description:not(:hover) {
-webkit-animation: change-product-category-description-reverse 0.6s both;
animation: change-product-category-description-reverse 0.6s both;
animation-timing-function: ease-in;
}
}
@media (max-width: 1023px) { .product-section .product-category-description {
display: none;
}
} .product-section .product-category-description .black-button {
position: absolute;
width: 70px;
height: 30px;
margin-bottom: 20px;
top: -208px;
opacity: 0;
}
@media (min-width: 1024px) { .product-section .product-category-description .black-button:not(:hover) {
-webkit-animation: change-button-reverse 0.6s both;
animation: change-button-reverse 0.6s both;
animation-timing-function: ease-in;
}
}
@media (min-width: 1024px) { .link-square:not(:hover) .background-style {
-webkit-animation: background-size-reverse-before 0.6s both;
animation: background-size-reverse 0.6s both;
animation-delay: 0.1s;
animation-timing-function: ease-in;
}
}
@media (min-width: 1024px) { .link-square:hover .background-style {
-webkit-animation: background-size-hover-before 0.6s both;
animation: background-size-hover 0.6s both;
animation-delay: 0.1s;
animation-timing-function: ease-in;
}
} .background-style {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center;
background-size: cover;
z-index: -2;
}
@media (min-width: 1024px) { .background-style:not(:hover) {
-webkit-animation: background-size-reverse-before 0.6s both;
animation: background-size-reverse 0.6s both;
animation-delay: 0.1s;
animation-timing-function: ease-in;
}
}
@media (min-width: 1024px) { .background-style:hover {
-webkit-animation: background-size-hover-before 0.6s both;
animation: background-size-hover 0.6s both;
animation-delay: 0.1s;
animation-timing-function: ease-in;
transform: scale(1.2);
}
}
@keyframes background-size-hover-before {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
@keyframes background-size-reverse-before {
from {
transform: scale(1.2);
}
to {
transform: scale(1);
}
}
@keyframes background-size-hover {
from {
background-size: 100%;
}
to {
background-size: 120%;
}
}
@keyframes background-size-reverse {
from {
background-size: 120%;
}
to {
background-size: 100%;
}
}
@keyframes change-product-category-description-reverse {
from {
bottom: 0;
opacity: 1;
}
to {
bottom: -150px;
opacity: 0;
}
}
@keyframes change-product-category-description-hover {
from {
bottom: -150px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
@keyframes change-white-title-hover {
from {
top: 0px;
}
to {
position: absolute;
top: -90px;
}
}
@keyframes change-white-title-reverse {
from {
position: absolute;
top: -90px;
}
to {
top: 0px;
}
}
@keyframes change-content-hover {
from {
top: -40px;
}
to {
top: 200px;
}
}
@keyframes change-content-reverse {
from {
top: 200px;
}
to {
top: -40px;
}
}
@keyframes change-button-hover {
from {
top: -208px;
opacity: 0;
}
to {
top: -15px;
opacity: 1;
}
}
@keyframes change-button-reverse {
from {
top: -15px;
opacity: 1;
}
to {
top: -208px;
opacity: 0;
}
} .pastas-gallo-global-slider-style .swiper-button-prev,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-next {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechaizq-rojo_2@3x.png);
background-size: cover;
background-position: center;
width: 80px;
height: 80px;
top: 50%;
} .pastas-gallo-global-slider-style .swiper-button-prev:after,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-next:after {
display: none;
} .pastas-gallo-global-slider-style .swiper-button-prev:focus,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-next:focus {
outline: none;
}
@media (max-width: 1023px) { .pastas-gallo-global-slider-style .swiper-button-prev,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-next {
left: 3%;
display: none !important;
}
} .pastas-gallo-global-slider-style .swiper-button-next,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-prev {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechader-rojo_2@3x.png);
background-size: cover;
background-position: center;
width: 80px;
height: 80px;
top: 50%;
} .pastas-gallo-global-slider-style .swiper-button-next:after,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-prev:after {
display: none;
} .pastas-gallo-global-slider-style .swiper-button-next:focus,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-prev:focus {
outline: none;
}
@media (max-width: 1023px) { .pastas-gallo-global-slider-style .swiper-button-next,
.pastas-gallo-global-slider-style .swiper-container-rtl .swiper-button-prev {
display: none !important;
}
} .pastas-gallo-global-slider-style .swiper-pagination,
.pastas-gallo-global-slider-style .swiper-pagination-recipe,
.pastas-gallo-global-slider-style .pagination-related-products {
display: flex;
justify-content: center;
align-items: center;
position: relative;
} .pastas-gallo-global-slider-style .swiper-pagination .swiper-pagination-bullet,
.pastas-gallo-global-slider-style .swiper-pagination-recipe .swiper-pagination-bullet,
.pastas-gallo-global-slider-style .pagination-related-products .swiper-pagination-bullet {
width: 4px;
height: 4px;
background: #e1302b;
opacity: 1;
} .pastas-gallo-global-slider-style .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.pastas-gallo-global-slider-style .swiper-pagination-recipe .swiper-pagination-bullet.swiper-pagination-bullet-active,
.pastas-gallo-global-slider-style .pagination-related-products .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 8px;
height: 8px;
} .slider-recipes.single-recipes-slider-recipe-related .pastas-gallo-global-slider-style .swiper-button-prev,
.slider-recipes.single-recipes-slider-recipe-related .pastas-gallo-global-slider-style .swiper-button-next {
top: 40%;
} .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechaizq-rojo_2@3x.png) !important;
background-size: cover !important;
background-position: center !important;
width: 80px !important;
height: 80px !important;
top: 50%;
left: 0;
transition: 0.2s ease-in-out;
} .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
display: none;
} .swiper-button-prev:focus,
.swiper-container-rtl .swiper-button-next:focus {
outline: none;
}
@media (min-width: 1024px) { .swiper-button-prev:hover,
.swiper-container-rtl .swiper-button-next:hover {
transform: scale(1.2) !important;
}
}
@media (max-width: 1023px) { .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
display: none !important;
}
} .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechader-rojo_2@3x.png) !important;
background-size: cover !important;
background-position: center !important;
width: 80px !important;
height: 80px !important;
top: 50%;
right: 0;
transition: 0.2s ease-in-out;
} .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
display: none;
} .swiper-button-next:focus,
.swiper-container-rtl .swiper-button-prev:focus {
outline: none;
}
@media (min-width: 1024px) { .swiper-button-next:hover,
.swiper-container-rtl .swiper-button-prev:hover {
transform: scale(1.2) !important;
}
}
@media (max-width: 1023px) { .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
display: none !important;
}
} .elementor-text-editor h2 {
text-align: left !important;
} .elementor-text-editor h2 .strong {
text-align: left;
color: #e1302b !important;
margin-bottom: 20px;
font-size: 24px !important;
font-weight: 600 !important;
} .card-recipe {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: auto;
max-width: 310px;
width: calc(33% - 33.33px);
margin-right: 50px;
margin-bottom: 45px;
}
@media (min-width: 1024px) { .card-recipe:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 767px) { .card-recipe {
max-width: 315px;
width: calc(100% - 60px);
margin: 0 auto;
box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.1);
padding-bottom: 15px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .card-recipe {
width: calc(50% - 25px);
max-width: 100%;
margin-right: 50px;
} .card-recipe:nth-child(2n) {
margin-right: 0;
}
} .card-recipe:hover .image-slide-recipe div {
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .card-recipe .image-slide-recipe {
display: block;
width: 315px;
height: 200px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
@media (max-width: 767px) { .card-recipe .image-slide-recipe {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .card-recipe .image-slide-recipe {
width: 100%;
height: 200px;
}
} .card-recipe .image-slide-recipe div {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-recipe .content-recipe-slide {
flex: none;
max-width: 100%;
}
} .card-recipe .content-recipe-slide .pastas-gallo-button {
display: flex;
max-width: 125px;
font-size: 16px;
margin: -15px auto 10px auto;
z-index: 1;
position: relative;
} .card-recipe .content-recipe-slide h5 {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-family: Arquitecta;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
max-width: 260px;
text-transform: uppercase;
font-size: 18px;
font-weight: 900;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-recipe .content-recipe-slide h5 {
max-width: 100%;
}
} .card-recipe .content-recipe-slide h6 {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-family: Arquitecta;
font-size: 18px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
max-width: 150px;
margin: auto;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-recipe .content-recipe-slide p {
max-width: 100%;
}
} .card-recipe .status-recipe {
display: flex;
align-items: center;
} .card-recipe .status-recipe span {
font-size: 12px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
text-transform: uppercase;
} .card-recipe .status-recipe span.time {
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
} .card-recipe .status-recipe span.time img {
max-width: 18px;
width: 100%;
height: auto;
margin-left: 5px;
} .card-recipe .status-recipe span.dificulty {
display: flex;
justify-content: center;
align-items: center;
} .card-recipe .status-recipe span.dificulty img {
max-width: 18px;
width: 100%;
height: auto;
margin-right: 5px;
} #result-recomender {
max-width: 310px;
margin: auto;
} #result-recomender .card-recipe {
max-width: 100%;
width: 100%;
margin-right: 0;
margin-bottom: 0;
padding-bottom: 0;
} #result-recomender .card-recipe .image-slide-recipe {
width: 100%;
max-width: 140px;
max-height: 140px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
} #result-recomender .card-recipe h5 {
max-width: 315px;
max-width: 180px;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
} #result-recomender .card-recipe h6 {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-family: Arquitecta;
font-size: 18px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
margin-bottom: 10px;
} #result-recomender .card-recipe .status-recipe {
display: none;
} #result-recomender .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 35px;
} .card-post {
position: relative;
background-color: #f0ebe7;
}
@media (max-width: 767px) { .card-post {
width: calc(100% - 60px);
margin: 0 auto;
}
} .card-post .post-image-link {
width: 260px;
height: 140px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 767px) { .card-post .post-image-link {
width: 200px;
height: 200px;
}
} .card-post img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
} .card-post .card-body-post {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 25px 35px 40px 35px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-post .card-body-post {
max-width: 100%;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-post .card-body-post .link-display {
max-width: 100%;
}
} .card-post .card-body-post h4 {
font-size: 24px;
font-weight: 900;
text-transform: uppercase;
text-align: center;
margin-bottom: 12px;
line-height: 0.83;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-post .card-body-post h4 {
max-width: 100%;
}
}
@media (max-width: 1023px) { .card-post .card-body-post h4 {
font-size: 24px;
}
} .card-post .card-body-post p {
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-post .card-body-post p {
max-width: 100%;
}
} .card-post .card-body-post .pastas-gallo-button {
position: absolute;
bottom: -15px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .card-post .card-body-post .pastas-gallo-button {
left: 35%;
}
}
@media (max-width: 767px) { .swiper-slide.card-post {
max-width: 200px;
}
} .content-title-search {
webkit-box-shadow: 0 9px 20px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 9px 20px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 9px 20px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 50px;
}
@media (max-width: 1023px) { .content-title-search {
padding-bottom: 50px;
}
}
@media (max-width: 767px) { .content-title-search {
padding: 30px 30px 15px 30px;
}
}
@media (min-width: 1024px) { .content-title-search {
display: none;
}
} .content-title-search h1 {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-align: left;
}
@media (max-width: 1023px) { .content-title-search h1 {
text-align: center;
}
} .content-title-search .search-text {
margin-bottom: 50px;
}
@media (max-width: 1023px) { .content-title-search .search-text {
text-align: center;
margin-bottom: 0px;
}
} .search-page {
max-width: 1045px;
margin: 0 auto;
padding-top: 70px;
min-height: calc(100vh - 650px);
}
@media (max-width: 1023px) { .search-page {
padding: 0;
padding-top: 25px;
min-height: calc(100vh - 400px);
}
} .search-page h1 {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-align: left;
}
@media (max-width: 1023px) { .search-page h1 {
text-align: center;
}
} .search-page .search-text {
margin-bottom: 50px;
}
@media (max-width: 1023px) { .search-page .search-text {
text-align: center;
}
} .search-page h3 {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
font-family: Arquitecta, sans-serif;
text-align: left;
}
@media (max-width: 1023px) { .search-page h3 {
font-size: 16px;
text-align: center;
}
} .search-page .nav.nav-tabs.only-mobile {
margin-left: 30px;
} .search-page .nav-tabs {
border-bottom: 1px solid #e1302b;
} .search-page .nav-tabs .count {
padding: 0 2px;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .search-page .nav-link {
display: block;
padding: 0;
margin-right: 40px;
border: none;
border-bottom: 4px solid transparent;
}
@media (max-width: 767px) { .search-page .nav-link {
margin-right: 0;
}
} .search-page .nav-tabs .nav-item.show .nav-link,
.search-page .nav-tabs .nav-link.active {
border: none;
border-bottom: 4px solid #e1302b;
padding: 0;
padding-bottom: 3px;
}
@media (max-width: 767px) { .search-page .nav-tabs .nav-item.show .nav-link,
.search-page .nav-tabs .nav-link.active {
border-bottom: none;
}
} .search-page .nav-tabs .nav-item.show .nav-link:hover,
.search-page .nav-tabs .nav-link.active:hover {
border: none;
border-bottom: 4px solid #e1302b;
padding-bottom: 3px;
}
@media (max-width: 767px) { .search-page .nav-tabs .nav-item.show .nav-link:hover,
.search-page .nav-tabs .nav-link.active:hover {
border-bottom: none;
}
} .search-page .nav-tabs .nav-link:focus,
.search-page .nav-tabs .nav-link:hover {
border: none;
border-bottom: 4px solid #e1302b;
padding-bottom: 3px;
}
@media (max-width: 767px) { .search-page .nav-tabs .nav-link:focus,
.search-page .nav-tabs .nav-link:hover {
border-bottom: none;
}
} .search-page .tab-content {
padding-top: 40px;
} .search-page .content-result-product {
display: grid;
display: -ms-grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 50px;
margin-bottom: 75px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .search-page .content-result-product {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 767px) { .search-page .content-result-product {
padding: 0px 30px;
}
}
@media (max-width: 1023px) { .search-page .content-result-product {
margin-bottom: 50px;
grid-template-columns: repeat(2, 1fr);
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .search-page .content-result-product .card-product {
width: calc(20% - 50px);
margin-right: 50px;
margin-bottom: 50px;
}
} .search-page .content-result-product img {
width: 100%;
} .search-page .content-result-product h4 {
font-size: 18px;
text-align: center;
} .search-page .content-result-recipe {
display: flex;
flex-wrap: wrap;
margin-bottom: 75px;
}
@media (min-width: 768px) and (max-width: 1023px) { .search-page .content-result-recipe {
width: calc(100% - 80px);
margin: auto;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .search-page .content-result-recipe {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 767px) { .search-page .content-result-recipe {
padding: 0px 30px;
}
}
@media (max-width: 1023px) { .search-page .content-result-recipe {
margin-bottom: 50px;
}
}
@media (max-width: 767px) { .search-page .content-result-recipe .card-recipe {
margin-bottom: 50px;
}
} .search-page .content-result-article {
display: flex;
flex-wrap: wrap;
grid-gap: 50px;
margin-bottom: 150px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .search-page .content-result-article {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 767px) { .search-page .content-result-article {
padding: 0px 30px;
}
}
@media (max-width: 1023px) { .search-page .content-result-article {
margin-bottom: 90px;
}
} .search-page .content-result-article .card-post {
width: calc(33% - 30.33px);
margin-right: 50px;
margin-bottom: 50px;
} .search-page .content-result-article .card-post:nth-child(3n) {
margin-right: 0;
} .search-page .swiper-slide-active .nav-link {
border-bottom: 4px solid #e1302b !important;
}
@media (max-width: 767px) { .search-page #tabCategorySearch .swiper-wrapper {
margin-left: -75px;
}
}
@media (max-width: 1023px) { .search-page #tabCategorySearch .swiper-container {
width: 100%;
}
}
@media (max-width: 767px) { .search-page .card-recipe {
max-width: unset !important;
width: 100% !important;
}
} .result-search {
margin-bottom: 30px;
}
@media (max-width: 767px) { .result-search {
width: calc(100% - 60px);
margin: auto;
}
} .result-search.error {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 80px 0 148px 0;
}
@media (max-width: 767px) { .result-search.error {
padding: 70px 0 141px 0;
}
} .result-search.error img {
max-width: 150px;
height: auto;
margin: auto;
} .search.form-search-fields.search-page-form {
padding-top: 150px;
max-width: 1045px;
margin: 0 auto;
display: flex;
align-items: center;
}
@media (max-width: 767px) { .search.form-search-fields.search-page-form {
width: calc(100% - 60px);
padding-top: 80px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .search.form-search-fields.search-page-form {
max-width: 70%;
padding-top: 90px;
margin-bottom: 30px;
}
} .search.form-search-fields.search-page-form input.search-field {
font-family: "Arquitecta";
font-weight: normal;
font-size: 16px;
background-color: transparent;
border: none;
border-radius: unset;
box-shadow: unset;
border-bottom: 1px solid #e1302b;
max-width: 180px;
} .search.form-search-fields.search-page-form button.btn.btn-default.right {
padding: 0;
} .search.form-search-fields.search-page-form .red-search {
max-width: 40px;
} .tab-content.not-result .tab-pane {
display: flex !important;
justify-content: center;
align-items: center;
height: 100%;
} .politics-section {
max-width: 800px;
margin: auto;
} .politics-section .politics-title-section {
padding: 200px 0 0 0;
margin-bottom: 110px;
} .politics-section .politics-title-section h1 {
font-size: 40px;
text-transform: uppercase;
} .shared-social {
position: absolute;
top: 190px;
right: 0;
background-color: #e1302b;
}
@media (max-width: 767px) { .shared-social {
position: fixed;
top: 15px;
right: 15px;
z-index: 30;
}
}
@media (min-width: 1024px) { .shared-social .collapse:not(.show) {
display: block;
}
} .shared-social .class-button-shared {
display: flex;
justify-content: center;
align-items: center;
} .shared-social img {
width: 32px;
height: auto;
} .shared-social .card-body {
background-color: #e1302b;
padding: 5px;
border: none;
} .single-content .shared-social {
top: 42vh;
}
@media (max-width: 767px) { .single-content .shared-social {
position: fixed;
top: 15px;
right: 15px;
z-index: 30;
}
} .red-banner {
background-color: #e1302b;
padding: 70px 0 90px 0;
margin: 120px 0 120px 0;
position: relative;
}
@media (max-width: 1023px) { .red-banner {
height: auto;
display: flex;
flex-direction: column;
margin-bottom: 0;
padding-bottom: 0;
}
} .red-banner .content-red-banner {
max-width: 620px;
margin: auto;
text-align: center;
}
@media (max-width: 767px) { .red-banner .content-red-banner {
padding: 0 40px;
}
} .red-banner .content-red-banner h5 {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000000;
}
@media (max-width: 767px) { .red-banner .content-red-banner h5 {
font-size: 20px;
}
} .red-banner .content-red-banner h6 {
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
color: #ffffff;
line-height: 34px;
} .red-banner .content-red-banner p {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #ffffff;
} .red-banner .content-red-banner p strong {
color: white;
font-weight: 900;
} .red-banner .image-red-banner {
max-width: 160px;
width: 100%;
height: auto;
position: absolute;
top: 100%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1023px) { .red-banner .image-red-banner {
top: 0%;
bottom: 0;
}
} .red-banner .image-red-banner-mobile {
max-width: 160px;
width: 100%;
height: auto;
position: absolute;
top: 100%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
}
@media (max-width: 1023px) { .red-banner .image-red-banner-mobile {
top: 0%;
bottom: 0;
}
}
@media (min-width: 1024px) { .red-banner .espiga {
position: absolute;
right: 0;
height: 570px;
width: auto;
bottom: -120px;
}
}
@media (max-width: 1023px) { .red-banner .espiga {
position: relative;
max-width: 310px;
width: calc(100% - 60px);
margin: auto;
}
} .term-sopas .red-banner,
.term-ensaladas .red-banner,
.term-tenedor .red-banner,
.term-integral .red-banner {
height: 550px;
margin-bottom: 300px;
margin-top: 0px;
} .term-sopas .red-banner .image-red-banner,
.term-ensaladas .red-banner .image-red-banner,
.term-tenedor .red-banner .image-red-banner,
.term-integral .red-banner .image-red-banner {
max-width: none;
width: auto;
height: 510px;
top: 90%;
} .term-sopas .red-banner .espiga,
.term-ensaladas .red-banner .espiga,
.term-tenedor .red-banner .espiga,
.term-integral .red-banner .espiga {
display: none;
} .term-sopas #new-sopas-content,
.term-ensaladas #new-sopas-content,
.term-tenedor #new-sopas-content,
.term-integral #new-sopas-content {
margin-bottom: 50px;
} .term-sopas #new-sopas-content h2,
.term-ensaladas #new-sopas-content h2,
.term-tenedor #new-sopas-content h2,
.term-integral #new-sopas-content h2 {
text-transform: uppercase;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
} .term-sopas #new-sopas-content h2 br,
.term-ensaladas #new-sopas-content h2 br,
.term-tenedor #new-sopas-content h2 br,
.term-integral #new-sopas-content h2 br {
display: block;
} .term-sopas #new-sopas-content p,
.term-ensaladas #new-sopas-content p,
.term-tenedor #new-sopas-content p,
.term-integral #new-sopas-content p {
max-width: 622px;
padding-left: 20px;
padding-right: 20px;
margin: 30px auto 60px;
text-align: center;
} .term-sopas #new-sopas-content #new-sopas-image,
.term-ensaladas #new-sopas-content #new-sopas-image,
.term-tenedor #new-sopas-content #new-sopas-image,
.term-integral #new-sopas-content #new-sopas-image {
width: 100%;
display: block;
} .term-sopas #new-sopas-content #new-sopas-image-mobile,
.term-ensaladas #new-sopas-content #new-sopas-image-mobile,
.term-tenedor #new-sopas-content #new-sopas-image-mobile,
.term-integral #new-sopas-content #new-sopas-image-mobile {
display: none;
}
@media (max-width: 1023px) { .term-sopas .red-banner .image-red-banner,
.term-ensaladas .red-banner .image-red-banner,
.term-tenedor .red-banner .image-red-banner,
.term-integral .red-banner .image-red-banner {
top: 90%;
} .term-sopas .red-banner .content-red-banner,
.term-ensaladas .red-banner .content-red-banner,
.term-tenedor .red-banner .content-red-banner,
.term-integral .red-banner .content-red-banner {
margin-top: 0;
} .term-sopas #new-sopas-content #new-sopas-image-mobile,
.term-ensaladas #new-sopas-content #new-sopas-image-mobile,
.term-tenedor #new-sopas-content #new-sopas-image-mobile,
.term-integral #new-sopas-content #new-sopas-image-mobile {
width: 100%;
display: none;
} .term-sopas #new-sopas-content #new-sopas-image,
.term-ensaladas #new-sopas-content #new-sopas-image,
.term-tenedor #new-sopas-content #new-sopas-image,
.term-integral #new-sopas-content #new-sopas-image {
display: block;
}
}
@media (max-width: 639px) { .term-sopas .red-banner .image-red-banner,
.term-ensaladas .red-banner .image-red-banner,
.term-tenedor .red-banner .image-red-banner,
.term-integral .red-banner .image-red-banner {
width: 100%;
height: auto;
}
}
@media (max-width: 449px) { .red-banner .image-red-banner {
display: none;
} .red-banner .image-red-banner-mobile {
display: block;
top: 100%;
width: 100%;
max-width: none;
} .term-tenedor .red-banner .image-red-banner-mobile {
width: 75%;
} .term-sopas .red-banner,
.term-ensaladas .red-banner,
.term-tenedor .red-banner,
.term-integral .red-banner {
height: 570px;
margin-bottom: 310px;
} .term-sopas .red-banner .image-red-banner,
.term-ensaladas .red-banner .image-red-banner,
.term-tenedor .red-banner .image-red-banner,
.term-integral .red-banner .image-red-banner {
max-width: none;
width: 100%;
height: auto;
} .term-sopas #new-sopas-content #new-sopas-image-mobile,
.term-ensaladas #new-sopas-content #new-sopas-image-mobile,
.term-tenedor #new-sopas-content #new-sopas-image-mobile,
.term-integral #new-sopas-content #new-sopas-image-mobile {
width: 100%;
display: block;
} .term-sopas #new-sopas-content #new-sopas-image,
.term-ensaladas #new-sopas-content #new-sopas-image,
.term-tenedor #new-sopas-content #new-sopas-image,
.term-integral #new-sopas-content #new-sopas-image {
display: none;
}
} #new-legumbres-content {
padding-top: 50px;
} #new-legumbres-content p {
width: 806px;
margin: 0 auto;
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-content #new-legumbres-balance-desktop {
height: 590px;
width: 880px;
margin: 0 auto;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/platos_desktop.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 75px;
} #new-legumbres-content #new-legumbres-balance-desktop #new-legumbres-info {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/bocadillo_dektop.png);
background-repeat: no-repeat;
background-size: contain;
width: 260px;
height: 260px;
display: none;
position: relative;
top: 90px;
left: 70px;
} #new-legumbres-content #new-legumbres-balance-desktop #new-legumbres-info p {
text-transform: uppercase;
padding-top: 60px;
font-family: Arquitecta;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #fff;
width: 192px;
height: 126px;
} #new-legumbres-content #new-legumbres-balance-desktop #new-legumbres-info p br {
display: block;
} #new-legumbres-content #new-legumbres-balance-desktop #new-legumbres-info p span {
font-family: Arquitecta;
font-size: 18px;
color: #000;
font-weight: 900;
} #new-legumbres-content #new-legumbres-balance-mobile {
display: none;
}
@media (max-width: 915px) { .new-legumbres-block {
margin-bottom: 20px;
background-color: #fff;
} #new-legumbres-content p {
width: 100%;
padding: 0 20px;
font-size: 26px;
} #new-legumbres-content #new-legumbres-balance-desktop {
display: none;
} #new-legumbres-content #new-legumbres-balance-mobile {
display: block;
} #new-legumbres-content #new-legumbres-balance-mobile p {
margin-top: 25px;
margin-bottom: 60px;
} #new-legumbres-content #new-legumbres-balance-mobile br {
display: block;
} #new-legumbres-content #new-legumbres-balance-mobile #new-legumbres-info {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/bocadillo_mobile.png);
background-repeat: no-repeat;
background-size: contain;
width: 260px;
height: 215px;
margin: 50px auto 25px;
} #new-legumbres-content #new-legumbres-balance-mobile #new-legumbres-info p {
text-transform: uppercase;
padding-top: 38px;
font-family: Arquitecta;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #fff;
width: 208px;
height: 126px;
} #new-legumbres-content #new-legumbres-balance-mobile #new-legumbres-info p br {
display: block;
} #new-legumbres-content #new-legumbres-balance-mobile #new-legumbres-info p span {
font-family: Arquitecta;
font-size: 18px;
font-weight: 900;
color: #000;
} #new-legumbres-content #new-legumbres-balance-mobile img {
width: 100%;
padding: 0 20px 50px;
margin-top: 40px;
}
} #new-legumbres-red-block-desktop {
display: block;
height: 1980px;
background-color: #e1302b;
padding-top: 70px;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_madera_desktop.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 820px;
} #new-legumbres-red-block-desktop p.title {
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-red-block-desktop p.title span {
font-family: Arquitecta;
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.6;
letter-spacing: normal;
text-align: center;
color: #fff;
text-transform: uppercase;
} #new-legumbres-red-block-desktop p.text {
width: 496px;
margin: 56px auto 0;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #fff;
} #new-legumbres-red-block-desktop img.plato {
width: 787px;
margin: 0 auto;
display: block;
margin-top: -140px;
} #new-legumbres-red-block-desktop p.title2 {
margin-top: 90px;
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} #new-legumbres-red-block-desktop p.title2 span {
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
text-transform: uppercase;
} #new-legumbres-red-block-desktop p.text2 {
width: 492px;
margin-top: 5px;
font-family: Arquitecta;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-red-block-desktop #cucharas {
margin: 62px auto 0;
width: 800px;
position: relative;
} #new-legumbres-red-block-desktop #cucharas div {
height: 360px;
width: 820px;
position: absolute;
} #new-legumbres-red-block-desktop #cucharas div div {
width: 180px;
} #new-legumbres-red-block-desktop #cucharas div div#cuchara-garbanzos {
top: 60px;
left: 75px;
} #new-legumbres-red-block-desktop #cucharas div div#cuchara-lentejas {
left: 310px;
} #new-legumbres-red-block-desktop #cucharas div div#cuchara-guisantes {
right: 95px;
top: 60px;
} #new-legumbres-red-block-desktop #cucharas div img {
width: 100%;
margin-top: 20px;
} #new-legumbres-red-block-desktop #cucharas div p {
width: 100%;
font-family: Arquitecta;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #e1302b;
color: red;
margin-bottom: 25px;
text-transform: uppercase;
} #new-legumbres-red-block-desktop .cucharas_img {
width: 100%;
} #new-legumbres-red-block-desktop br {
display: block;
} #new-legumbres-red-block-mobile {
display: none;
}
@media (max-width: 915px) { #new-legumbres-red-block-desktop {
display: none;
} #new-legumbres-red-block-mobile {
display: block;
overflow: hidden;
background-color: #e1302b;
padding-top: 70px;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_madera_mobile.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 710px;
} #new-legumbres-red-block-mobile p.title {
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-red-block-mobile p.title span {
font-family: Arquitecta;
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.6;
letter-spacing: normal;
text-align: center;
color: #fff;
text-transform: uppercase;
} #new-legumbres-red-block-mobile p.text {
width: 100%;
margin: 56px auto 0;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #fff;
} #new-legumbres-red-block-mobile img.plato {
width: 100%;
margin: 200px auto 0;
display: block;
transform: scale(1.9);
} #new-legumbres-red-block-mobile p.title2 {
margin-top: 290px;
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} #new-legumbres-red-block-mobile p.title2 span {
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
text-transform: uppercase;
} #new-legumbres-red-block-mobile p.text2 {
width: 100%;
margin-top: 5px;
font-family: Arquitecta;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-red-block-mobile br {
display: block;
} #new-legumbres-red-block-mobile #cucharas {
position: relative;
} #new-legumbres-red-block-mobile #cucharas div {
position: absolute;
left: 50%;
} #new-legumbres-red-block-mobile #cucharas div #cuchara-garbanzos {
margin-top: 54px;
} #new-legumbres-red-block-mobile #cucharas div #cuchara-garbanzos p {
font-family: Arquitecta;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
color: #e1302b;
} #new-legumbres-red-block-mobile #cucharas div #cuchara-lentejas {
margin-top: 142px;
} #new-legumbres-red-block-mobile #cucharas div #cuchara-lentejas p {
font-family: Arquitecta;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
color: #e1302b;
} #new-legumbres-red-block-mobile #cucharas div #cuchara-guisantes {
margin-top: 225px;
} #new-legumbres-red-block-mobile #cucharas div #cuchara-guisantes p {
font-family: Arquitecta;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
color: #e1302b;
} #new-legumbres-red-block-mobile #cucharas img {
width: 50%;
}
} #new-legumbres-beneficios {
height: 900px;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/escena_desktop.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 450px;
padding-top: 90px;
position: relative;
} #new-legumbres-beneficios p.title {
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} #new-legumbres-beneficios p.title span {
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-beneficios .slider_beneficios {
width: 600px;
height: 360px;
margin: 100px auto 0;
background-color: #e1302b;
overflow: hidden;
} #new-legumbres-beneficios .slider_beneficios .swiper-slide {
padding: 100px 100px;
font-family: Arquitecta;
font-size: 40px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #fff;
} #new-legumbres-beneficios .slider_beneficios .swiper-slide strong {
font-family: Arquitecta;
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #fff;
} #new-legumbres-beneficios .slider_beneficios .swiper-pagination {
margin-top: -60px;
position: relative;
} #new-legumbres-beneficios .slider_beneficios .swiper-pagination .swiper-pagination-bullet {
width: 4px;
height: 4px;
background-color: #fff;
opacity: 1;
margin: 0 4px 2px;
} #new-legumbres-beneficios .slider_beneficios .swiper-pagination .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background-color: #fff;
margin-bottom: 0px;
} #new-legumbres-beneficios .slider_beneficios_clone {
width: 600px;
height: 0px;
margin: 0 auto;
} #new-legumbres-beneficios .slider_beneficios_clone .swiper-button-prev {
background-color: #000;
position: relative;
top: -173px;
left: -25px;
width: 50px !important;
height: 50px !important;
} #new-legumbres-beneficios .slider_beneficios_clone .swiper-button-prev span {
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
margin-left: 6px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
} #new-legumbres-beneficios .slider_beneficios_clone .swiper-button-next {
background-color: #000;
position: relative;
top: -200px;
left: 575px;
width: 50px !important;
height: 50px !important;
} #new-legumbres-beneficios .slider_beneficios_clone .swiper-button-next span {
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
margin-right: 6px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
} #new-legumbres-beneficios br {
display: block;
} .term-112 .description-title {
width: 382px;
margin: 0 auto;
} .term-112 .title-cards h3 {
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .term-112 .title-cards h2 {
font-family: Arquitecta;
font-size: 40px !important;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000;
}
@media (max-width: 915px) { #new-legumbres-beneficios {
background-position: 0 545px;
height: 677px;
} #new-legumbres-beneficios .slider_beneficios {
width: 315px;
height: 315px;
margin: 100px auto 0;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/escena_mobile.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 500px;
} #new-legumbres-beneficios .slider_beneficios .swiper-slide {
padding: 50px 35px;
font-family: Arquitecta;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
} #new-legumbres-beneficios .slider_beneficios .swiper-pagination {
margin-top: -10px;
} .term-112 .content-recipe-slider-single-page {
padding: 0 95px;
} .term-112 .instagram-red-row {
margin-top: 20px;
} .term-112 .description-title {
width: 100%;
margin: 0 auto;
}
} .product-level-second {
display: flex;
flex-wrap: wrap;
position: relative;
}
@media (min-width: 1024px) { .product-level-second {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_productos_desktop@1x.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
} .product-level-second::after {
display: none;
}
@media (max-width: 1023px) { .product-level-second::after {
display: block;
content: "";
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_productos_mobile@1x.jpg);
}
} .product-level-second h2 {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
} .product-level-second .breadcumb {
top: 26px;
} .product-level-second .link-title h2 {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
} .product-level-second .product-page-title {
width: 100%;
background-color: unset;
padding-top: 30px;
}
@media (min-width: 1024px) { .product-level-second .product-page-title {
padding-top: 72px;
padding-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-level-second .content-col {
width: 100%;
}
} .product-level-second .row-two-item {
width: 100%;
display: grid;
display: -ms-grid;
grid-template-columns: repeat(2, 1fr);
justify-items: center;
-ms-grid-columns: repeat(2, 1fr);
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_desktop@2x.png);
background-size: cover;
background-position: bottom;
padding: 50px 0;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-level-second .row-two-item {
display: flex;
width: 100%;
}
}
@media (max-width: 1023px) { .product-level-second .row-two-item {
grid-template-columns: repeat(1, 1fr);
background-image: none;
padding: 0;
}
}
@media (min-width: 1800px) { .product-level-second .row-two-item {
padding: 60px 0;
}
} .product-level-second .product-category-second-level {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-level-second .product-category-second-level {
width: 50%;
}
}
@media (max-width: 1023px) { .product-level-second .product-category-second-level {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_desktop@2x.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 40px;
}
} .product-level-second .product-category-second-level:nth-child(odd) {
align-items: flex-end;
} .product-level-second .product-category-second-level:nth-child(even) {
align-items: flex-start;
} .product-level-second .product-category-second-level img {
width: 100%;
height: auto;
}
@media (min-width: 1024px) and (max-width: 1360px) { .product-level-second .product-category-second-level img {
max-width: 380px;
}
}
@media (min-width: 1360px) { .product-level-second .product-category-second-level img {
max-width: 380px;
}
}
@media (min-width: 1800px) { .product-level-second .product-category-second-level img {
max-width: 380px;
}
} .product-level-second .content-slider-products h3 {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
font-size: 20px;
}
@media (max-width: 767px) { .product-level-second .content-slider-products h3 {
font-size: 20px;
}
} .product-level-second .content-slider-products h2 {
text-transform: uppercase;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
}
@media (max-width: 1023px) { .product-level-second .related-products {
margin-top: -40px;
}
} .term-pan-rallado .image-tip {
bottom: 15px !important;
}
@media (max-width: 1400px) { .term-pan-rallado .image-tip {
display: none;
}
} .product-principal-banner {
height: 350px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 767px) { .product-principal-banner {
height: 160px;
}
}
@media (max-width: 767px) { section.product-principal-banner.image-banner {
display: none;
}
} section.product-principal-banner.image-banner-mobile {
display: none;
}
@media (max-width: 767px) { section.product-principal-banner.image-banner-mobile {
display: block;
}
} .related-products {
width: 100%;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_desktop@2x.png);
background-size: cover;
background-position: bottom;
position: relative;
height: 475px;
}
@media (max-width: 767px) { .related-products {
height: auto;
display: flex;
align-items: flex-end;
padding-top: 60px;
padding-bottom: 30px;
}
}
@media (max-width: 767px) { .related-products {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_mobile@2x.png);
}
} .related-products.related-products {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_desktop@2x.jpg);
}
@media (max-width: 767px) { .related-products.related-products {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_mobile@2x.jpg);
}
} .related-products.related-products.page-taxonomy-product {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_blanco_desktop@2x.jpg);
}
@media (max-width: 767px) { .related-products.related-products.page-taxonomy-product {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_blanco_mobile@2x.jpg);
}
} .related-products .swiper-wrapper {
padding-bottom: 30px;
} .related-products .content-slider-products {
padding-bottom: 0px;
padding-top: 60px;
}
@media (max-width: 767px) { .related-products .content-slider-products {
padding: 0;
}
} .related-products .content-slider-products h3 {
font-size: 20px;
} .related-products .content-slider-products h2 {
font-size: 30px;
}
@media (min-width: 1024px) { .related-products .content-slider-products h2 {
margin-bottom: 0px !important;
}
} .related-products .pastas-gallo-global-slider-style {
max-width: 840px;
margin: 0 auto;
}
@media (max-width: 767px) { .related-products .pastas-gallo-global-slider-style {
width: 100%;
margin: 0 auto;
}
} .related-products .pastas-gallo-global-slider-style .swiper-slide {
padding-top: 30px;
filter: blur(0px);
}
@media (max-width: 767px) { .related-products .pastas-gallo-global-slider-style .swiper-slide {
padding-top: 10px;
}
} .related-products .pastas-gallo-global-slider-style .swiper-slide h4 {
font-size: 22px;
font-weight: 300;
margin-bottom: 25px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-transform: capitalize !important;
padding-bottom: 5px;
}
@media (max-width: 767px) { .related-products .pastas-gallo-global-slider-style .swiper-slide h4 {
margin-bottom: 25px;
width: 130px;
}
} .related-products .pastas-gallo-global-slider-style .swiper-slide img {
margin-bottom: 0;
max-width: 170px;
}
@media (max-width: 767px) { .related-products .pastas-gallo-global-slider-style .swiper-slide img {
max-width: 130px;
}
} .related-products .pastas-gallo-global-slider-style .swiper-slide .link-display {
opacity: 0;
transition: all 0.3s ease-in-out;
display: none;
} .related-products .pastas-gallo-global-slider-style .swiper-slide.swiper-slide-active {
bottom: 0;
} .related-products .pastas-gallo-global-slider-style .swiper-slide.swiper-slide-active .link-display {
opacity: 1;
transition: all 0s ease-in-out;
display: block;
} .related-products .pastas-gallo-global-slider-style .swiper-slide.swiper-slide-active img {
max-width: 190px;
}
@media (max-width: 767px) { .related-products .pastas-gallo-global-slider-style .swiper-slide.swiper-slide-active img {
max-width: 150px;
}
} .related-products .pastas-gallo-global-slider-style .swiper-button-next,
.related-products .pastas-gallo-global-slider-style .swiper-button-prev {
position: absolute;
top: 50%;
} .related-products .content-slider-products .swiper-pagination {
margin: 0;
} .related-products .content-slider-products .swiper-button-next,
.related-products .content-slider-products .swiper-container-rtl .swiper-button-prev {
right: calc(50% - 510px);
left: auto;
}
@media (max-width: 767px) { .related-products .content-slider-products .swiper-button-next,
.related-products .content-slider-products .swiper-container-rtl .swiper-button-prev {
display: none;
}
} .related-products .content-slider-products .swiper-button-prev,
.related-products .content-slider-products .swiper-container-rtl .swiper-button-next {
left: calc(50% - 510px);
right: auto;
}
@media (max-width: 767px) { .related-products .content-slider-products .swiper-button-prev,
.related-products .content-slider-products .swiper-container-rtl .swiper-button-next {
display: none;
}
} .related-products .swiper-wrapper {
height: 270px;
}
@media (max-width: 767px) { .related-products .swiper-wrapper {
height: 200px;
}
}
@media (min-width: 1024px) { .term-74 .section-by-category,
.term-118 .section-by-category {
padding-bottom: 25px !important;
padding-top: 55px !important;
}
}
@media (max-width: 767px) { .term-75 .product-level-three .flex-product {
padding-top: 20px !important;
}
} .product-level-three {
position: relative;
}
@media (min-width: 1024px) { .product-level-three {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_productos_desktop@1x.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
} .product-level-three::after {
display: none;
}
@media (max-width: 1023px) { .product-level-three::after {
display: block;
content: "";
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_productos_mobile@1x.jpg);
}
} .product-level-three h4 {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
font-weight: normal;
font-size: 18px;
max-width: 330px;
text-align: center;
} .product-level-three .link-display h4 {
max-width: 180px;
} .product-level-three .breadcumb {
top: 26px;
} .product-level-three .product-category h2 {
font-size: 24px;
text-transform: uppercase;
}
@media (max-width: 1023px) { .product-level-three .product-category h2 {
padding-top: 40px;
}
} .product-level-three .product-page-title {
padding: 50px 0;
padding-bottom: 20px;
background-color: transparent;
}
@media (min-width: 1024px) { .product-level-three .product-page-title {
padding: 70px 0 0px 0;
}
} .product-level-three .product-page-title.has-icon-category-section {
padding-top: 0;
} .product-level-three .section-by-category {
position: relative;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_desktop@2x.png);
background-size: cover;
background-position: bottom;
padding: 17px 0;
}
@media (max-width: 1023px) { .product-level-three .section-by-category {
padding: 0;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_mobile@2x.png);
margin-bottom: 0px;
padding-top: 0px !important;
}
}
@media (min-width: 1024px) { .product-level-three .section-by-category {
padding: 50px 0;
}
} .product-level-three .section-by-category .image-tip {
height: 150px;
width: auto;
max-width: auto;
position: absolute;
left: 0px;
bottom: 0px;
} .product-level-three .section-by-category .content-slider-products .image-tip {
left: -200px;
} .product-level-three .flex-product {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-start;
padding-top: 60px !important;
padding-bottom: 35px !important;
}
@media (max-width: 1023px) { .product-level-three .flex-product {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
} .product-level-three .flex-product .product-category {
width: 100%;
}
@media (min-width: 1024px) { .product-level-three .flex-product .product-category {
margin-bottom: 30px;
}
} .product-level-three .flex-product .product-category h2 {
font-size: 24px;
} .product-level-three .flex-product .content-simple-product {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 35px;
padding-right: 35px;
}
@media (max-width: 1023px) { .product-level-three .flex-product .content-simple-product {
width: 100%;
padding: 0;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/estanteria_mobile@2x.png);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
padding-left: unset;
padding-right: unset;
}
} .product-level-three .flex-product img {
max-width: 200px;
}
@media (min-width: 1800px) { .product-level-three .flex-product img {
max-width: 200px;
}
} .product-level-three .content-slider-products {
padding-bottom: 0;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products {
padding-top: 30px;
}
} .product-level-three .content-slider-products.only-mobile { }
@media (max-width: 767px) { .product-level-three .content-slider-products .swiper-wrapper {
max-height: 210px;
}
} .product-level-three .content-slider-products.slider-product-level {
width: calc(100% - 140px);
margin: auto;
display: flex;
align-items: flex-end;
max-width: 1200px;
position: relative;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level {
width: 100%;
min-height: auto;
}
}
@media (min-width: 1023px) and (max-width: 1200px) { .product-level-three .content-slider-products.slider-product-level {
width: calc(100% - 80px);
}
} .product-level-three .content-slider-products.slider-product-level .image-tip {
height: 150px;
width: auto;
max-width: auto;
} .product-level-three .content-slider-products.slider-product-level .swiper-slide {
filter: blur(0);
transform: scale(1);
height: auto;
}
@media (min-width: 1024px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide {
max-width: 15%;
}
} .product-level-three .content-slider-products.slider-product-level .swiper-slide img {
max-width: 100%;
margin-bottom: 0;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide img {
width: 130px;
}
} .product-level-three .content-slider-products.slider-product-level .swiper-slide .link-display {
display: block;
} .product-level-three .content-slider-products.slider-product-level .swiper-slide .link-display h4 {
opacity: 1;
font-weight: 400;
font-size: 18px;
max-width: 120px;
text-transform: capitalize;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide .link-display {
display: none;
}
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-active img {
max-width: 190px;
}
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-active .link-display {
display: block;
}
} .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-active .link-display h4 {
font-weight: normal;
text-transform: capitalize;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-active .link-display h4 {
width: 170px;
margin-bottom: 40px;
}
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-prev img {
max-width: 160px;
}
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-next img {
max-width: 160px;
}
} .product-level-three .content-slider-products.slider-product-level .swiper-button-prev,
.product-level-three .content-slider-products.slider-product-level .content-slider-products .swiper-container-rtl .swiper-button-next {
left: -4%;
top: 50%;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-button-prev,
.product-level-three .content-slider-products.slider-product-level .content-slider-products .swiper-container-rtl .swiper-button-next {
display: none;
}
} .product-level-three .content-slider-products.slider-product-level .swiper-button-next,
.product-level-three .content-slider-products.slider-product-level .content-slider-products .swiper-container-rtl .swiper-button-prev {
right: -4%;
top: 50%;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-button-next,
.product-level-three .content-slider-products.slider-product-level .content-slider-products .swiper-container-rtl .swiper-button-prev {
display: none;
}
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-container {
height: 210px;
width: 100%;
}
} .product-level-three .only-three {
max-width: 100%;
overflow: hidden;
} .product-level-three .only-three .swiper-container {
overflow: unset;
} .product-level-three .related-products {
padding-top: 50px;
} .product-level-three .related-products .swiper-container .swiper-wrapper {
height: 265px !important;
}
@media (max-width: 767px) { .product-level-three .related-products .swiper-container .swiper-wrapper {
height: 215px !important;
}
} .archive .description-title {
white-space: break-spaces;
}
@media (min-width: 1024px) { .pastas-gallo-slider-productos-pasta-fina,
.pastas-gallo-slider-productos-rellena-pasta-fresca,
.pastas-gallo-slider-productos-sin-gluten {
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: -27px;
}
} .email-response {
width: 600px;
margin: 0 auto;
} .email-response .gray-square {
max-width: 100%;
height: 500px;
background-color: #f0ebe7;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 50px;
margin-bottom: 30px;
} .email-response .gray-square .content-email-text {
flex: 1;
} .email-response .gray-square img {
max-width: 120px;
height: auto;
margin-bottom: 70px;
} .email-response .gray-square .red-title-email {
font-family: Verdana;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
color: #e1302b;
margin-bottom: 7px;
} .email-response .gray-square .text {
font-family: Verdana;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.39;
letter-spacing: normal;
text-align: center;
color: #000000;
} .email-response .gray-square .team-gallo {
font-family: Verdana;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.39;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 20px;
} .email-response .gray-square .red-square {
width: 80px;
height: 80px;
background-color: #e1302b;
}
@media (max-width: 767px) { .special-without-gluten .section-by-category {
padding: 40px 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .special-without-gluten .section-by-category {
padding: 40px 0 !important;
}
} .special-without-gluten .section-by-category.background-image-last {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_blanco_desktop@2x.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
@media (max-width: 767px) { .special-without-gluten .section-by-category.background-image-last {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_mobile@2x.jpg);
}
} .special-without-gluten .section-by-category h3 {
font-family: Karma;
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .special-without-gluten .section-by-category h2 {
font-family: Arquitecta;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
} .special-without-gluten .section-by-category .product-category-second-level {
display: flex;
justify-content: center;
align-items: flex-end;
max-width: 1280px;
margin: auto; } .special-without-gluten .section-by-category .product-category-second-level h2 {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
} .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link img {
width: 380px;
max-width: 100%;
height: auto;
} .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link img.salsas {
width: 300px;
margin-bottom: 30px;
}
@media (max-width: 767px) { .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link img.salsas {
width: 260px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link img.salsas {
width: 260px;
}
} .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link.without-gluten img {
width: 190px;
margin-bottom: 30px;
}
@media (max-width: 767px) { .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link.without-gluten img {
margin-bottom: 15px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .special-without-gluten .section-by-category .product-category-second-level .link-title.image-link.without-gluten img {
margin-bottom: 15px;
}
} .special-without-gluten .section-by-category .product-category-second-level .pastas-gallo-button {
max-width: 105px;
margin: auto;
}
@media (min-width: 768px) and (max-width: 1023px) { .special-without-gluten .section-by-category .product-category-second-level .pastas-gallo-button {
margin-bottom: 30px;
}
} .special-without-gluten .section-by-category .product-category-second-level .content-col {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (max-width: 767px) { .special-without-gluten .section-by-category .product-category-second-level .content-col {
padding-bottom: 25px;
}
} .special-without-gluten .section-by-category .product-category-second-level .swiper-slide {
height: auto;
display: flex;
justify-content: center;
align-items: flex-end;
} .special-without-gluten .section-by-category .product-category-second-level .swiper-container {
height: 300px;
} .special-without-gluten.special-salads .section-by-category.white-background {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_blanco_desktop@2x.jpg);
} .special-without-gluten.special-salads .section-by-category .product-category {
margin-bottom: 30px;
} .special-without-gluten.special-salads .section-by-category .product-category-second-level .salad-col .link-title.image-link img {
width: 200px;
} .special-without-gluten.special-salads .section-by-category .product-category-second-level .integral-col .link-title.image-link img {
width: 200px;
} .special-without-gluten.special-salads .section-by-category .product-category-second-level .fine-paste-col .link-title.image-link img {
width: 260px;
} .without-gluten-background-white {
background-color: white;
} .related-recipes-container {
display: flex;
justify-content: center;
max-width: 820px;
}
@media (max-width: 767px) { .related-recipes-container {
max-width: 100%;
}
} .related-recipes-container .card-recipe {
max-width: 260px;
width: 260px;
margin-right: 20px;
box-shadow: none;
}
@media (max-width: 767px) { .related-recipes-container .card-recipe {
margin: auto;
}
} .related-recipes-container .card-recipe:nth-child(3n) {
margin-right: 0;
} .related-recipes-container .card-recipe .image-slide-recipe {
width: 260px;
height: 260px;
} .related-recipes-container .card-recipe h5 {
margin-bottom: 5px;
} .related-recipes-container .card-recipe h6 {
max-width: 150px;
margin: auto auto 10px;
} .title-cards h3 {
font-family: Karma;
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .title-cards h2 {
text-transform: uppercase;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000;
max-width: 530px;
margin: 0 auto 30px;
font-size: 24px !important;
} .product-page-banner {
position: relative;
} .product-page-banner .row-prev-and-next {
position: absolute;
width: 1040px;
top: 50%;
left: 0%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1023px) { .product-page-banner .row-prev-and-next {
width: 100%;
left: 50%;
top: 45%;
}
} .product-page-banner .row-prev-and-next .nextProduct,
.product-page-banner .row-prev-and-next .prevProduct {
width: 80px;
height: 80px;
display: block;
transition: .2s ease-in-out;
} .product-page-banner .row-prev-and-next .nextProduct.disable,
.product-page-banner .row-prev-and-next .prevProduct.disable {
opacity: .3;
} .product-page-banner .row-prev-and-next .nextProduct.disable:hover,
.product-page-banner .row-prev-and-next .prevProduct.disable:hover {
transform: scale(1) !important;
} .product-page-banner .row-prev-and-next .nextProduct:hover,
.product-page-banner .row-prev-and-next .prevProduct:hover {
transform: scale(1.2) !important;
} .product-page-banner .row-prev-and-next .nextProduct img,
.product-page-banner .row-prev-and-next .prevProduct img {
width: 100%;
height: auto;
} .product-page-banner .row-prev-and-next .nextProduct {
position: absolute;
right: 0;
} .product-page-banner .row-prev-and-next .prevProduct {
position: absolute;
left: 0;
} .product-page-banner .row-background {
padding-top: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
}
@media (max-width: 767px) { .product-page-banner .row-background {
padding-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-page-banner .row-background {
padding-top: 90px;
}
}
@media (max-width: 1023px) { .product-page-banner .row-background {
width: 100%;
flex-wrap: wrap;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-page-banner .row-background {
flex-direction: column;
justify-content: center;
align-items: center;
}
} .product-page-banner .icon-category {
margin-bottom: 15px;
width: 63px;
height: auto;
} .product-page-banner .col-image-product {
width: 50%;
display: flex;
justify-content: flex-end;
margin-bottom: -180px;
position: relative;
align-items: center;
}
@media (max-width: 1023px) { .product-page-banner .col-image-product {
display: block;
width: 100%;
margin-bottom: 50px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-page-banner .col-image-product {
max-width: 500px;
}
} .product-page-banner .col-image-product img {
display: block;
max-width: 520px;
width: 100%;
height: auto;
}
@media (max-width: 1023px) { .product-page-banner .col-image-product img {
margin-left: auto;
margin-right: auto;
}
} .product-page-banner .col-content-product {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 360px;
position: relative;
}
@media (max-width: 1023px) { .product-page-banner .col-content-product {
width: 100%;
order: -1;
}
}
@media (max-width: 767px) { .product-page-banner .col-content-product {
width: calc(100% - 100px);
margin: auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-page-banner .col-content-product {
max-width: 500px;
}
} .product-page-banner .col-content-product h1 {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
margin-bottom: 10px;
}
@media (max-width: 767px) { .product-page-banner .col-content-product h1 {
font-size: 40px;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-page-banner .col-content-product h1 {
width: 100%;
}
} .product-page-banner .col-content-product p {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #000000;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .product-page-banner .col-content-product p {
width: 100%;
}
} .product-page-banner .red-row {
background-color: #e1302b;
justify-content: flex-end;
padding-bottom: 35px;
}
@media (max-width: 1023px) { .product-page-banner .red-row {
width: 100%;
justify-content: center;
padding: 30px 0;
}
} .product-page-banner .red-row .accordion-container {
margin: 30px 0;
width: 50%;
}
@media (max-width: 1023px) { .product-page-banner .red-row .accordion-container {
width: calc(100% - 100px);
margin: auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .product-page-banner .red-row .accordion-container {
max-width: 500px;
}
} .product-page-banner .red-row .accordion-container .accordion-product {
width: 360px;
padding: 0 40px;
}
@media (max-width: 1023px) { .product-page-banner .red-row .accordion-container .accordion-product {
width: 100%;
padding: 0;
}
} .product-page-banner .red-row .accordion-container .accordion-product .card {
background-color: transparent;
border-radius: 0;
border: none;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header {
padding: 0;
border-radius: 0;
background-color: transparent;
border-top: 1px solid rgba(255, 255, 255, 0.4);
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link {
font-family: Arquitecta;
font-size: 14px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
width: 100%;
height: 100%;
text-align: left;
text-transform: uppercase;
border-radius: 0;
padding: 10px 0;
border: none;
transition: none;
position: relative;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link:hover {
text-decoration: none;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link:focus {
box-shadow: none;
text-decoration: none;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link:after {
content: "";
position: absolute;
right: 10px;
top: 45%;
width: 10px;
height: 2px;
background-color: #ffffff;
transform: rotate(0deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link:before {
content: "";
position: absolute;
right: 10px;
top: 45%;
width: 10px;
height: 2px;
background-color: #ffffff;
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link.collapsed:after {
content: "";
position: absolute;
right: 10px;
top: 45%;
width: 10px;
height: 2px;
background-color: #ffffff;
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn.btn-link.collapsed:before {
content: "";
position: absolute;
right: 10px;
top: 45%;
width: 10px;
height: 2px;
background-color: #ffffff;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-header .btn-ingredients.collapsed {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-body {
padding: 10px 0;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-body .col-left,
.product-page-banner .red-row .accordion-container .accordion-product .card .card-body .col-right {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #ffffff;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-body .col-left {
text-align: left;
} .product-page-banner .red-row .accordion-container .accordion-product .card .card-body .col-right {
text-align: right;
} .single-product .container-recipes {
padding: 0;
} .single-product .pastas-gallo-global-slider-style h3 {
margin-bottom: 10px;
} .single-product .pastas-gallo-global-slider-style h2 {
margin-bottom: 30px;
text-transform: uppercase;
} .single-product .pastas-gallo-global-slider-style.product-recipe .swiper-button-next.swiper-button-next-recipe,
.single-product .pastas-gallo-global-slider-style.product-recipe .swiper-button-prev.swiper-button-prev-recipe {
top: 40%;
}
@media (max-width: 1023px) { .single-product .pastas-gallo-global-slider-style.product-recipe .swiper-button-next.swiper-button-next-recipe,
.single-product .pastas-gallo-global-slider-style.product-recipe .swiper-button-prev.swiper-button-prev-recipe {
display: none;
}
} .single-product .pastas-gallo-global-slider-style.product-recipe.swiper-destroyed .swiper-container {
overflow: unset;
} .single-product .pastas-gallo-global-slider-style.product-recipe.swiper-destroyed .swiper-container .swiper-wrapper {
display: flex;
justify-content: center;
} .single-product .pastas-gallo-global-slider-style.product-recipe.swiper-destroyed .swiper-container .swiper-wrapper .swiper-slide {
flex: 1;
} .single-product .pastas-gallo-global-slider-style.product-recipe.swiper-destroyed .swiper-button-next.swiper-button-next-recipe,
.single-product .pastas-gallo-global-slider-style.product-recipe.swiper-destroyed .swiper-button-prev.swiper-button-prev-recipe {
display: none;
}
@media (max-width: 1023px) { .single-product .widget-recipe-slider,
.single-product .related-recipes-container {
padding-top: 36px;
padding-bottom: 45px;
}
} .single-product .related-products {
width: 100%;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_desktop@2x.jpg);
background-size: cover;
background-position: bottom;
position: relative;
}
@media (max-width: 1023px) { .single-product .related-products {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_mobile@2x.jpg);
}
} .single-product .pastas-gallo-global-slider-style h3 {
margin-bottom: 10px;
font-size: 20px;
} .single-product .pastas-gallo-global-slider-style h2 {
font-size: 24px;
margin-bottom: 30px;
text-transform: uppercase;
} .content-recipe-slider-single-page {
padding: 60px 0 95px;
} .banner-chef-gallo .banner-container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 420px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1024px) { .banner-chef-gallo .banner-container {
padding-top: 100px;
}
} .banner-chef-gallo .banner-container .content-banner-recipes {
max-width: 500px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
} .banner-chef-gallo .banner-container .content-banner-recipes h2 {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000000;
color: #e1302b;
margin-bottom: 15px;
}
@media (max-width: 767px) { .banner-chef-gallo .banner-container .content-banner-recipes h2 {
font-size: 20px;
}
} .banner-chef-gallo .banner-container .content-banner-recipes h1 {
margin-bottom: 20px;
} .banner-chef-gallo .banner-container .content-banner-recipes a {
width: fit-content;
} .search-chef-gallo .filter-or-search {
display: flex;
justify-content: center;
align-items: center;
padding: 36px 0 0 0;
}
@media (max-width: 767px) { .search-chef-gallo .filter-or-search {
max-width: 315px;
width: calc(100% - 60px);
margin: auto;
justify-content: space-between;
}
} .search-chef-gallo .filter-or-search.active .filter-button {
margin-right: 10px;
} .search-chef-gallo .filter-or-search.active span {
display: none;
} .search-chef-gallo .filter-or-search.active .search-field {
display: block;
} .search-chef-gallo .filter-or-search .search-field {
display: none;
max-width: 500px;
background-color: white;
border-bottom: 2px solid #e1302b;
border-radius: unset;
}
@media (max-width: 767px) { .search-chef-gallo .filter-or-search .search-field {
max-width: calc(100% - 90px);
}
} .search-chef-gallo .filter-or-search a {
text-transform: uppercase;
} .search-chef-gallo .filter-or-search a span {
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .search-chef-gallo .filter-or-search a:hover {
display: block;
cursor: pointer;
} .search-chef-gallo .filter-or-search a.filter-button {
margin-right: 60px;
} .search-chef-gallo .filter-or-search a img {
max-width: 40px;
} .search-chef-gallo .active-dropdown {
display: none;
} .search-chef-gallo .close-search-engine {
margin: 0 auto;
max-width: 1045px;
display: flex;
width: 100%;
justify-content: flex-end;
position: relative;
margin-top: 20px;
}
@media (max-width: 767px) { .search-chef-gallo .close-search-engine {
margin-top: 0px;
padding-top: 10px;
margin-bottom: -30px;
}
} .search-chef-gallo .close-search-engine img {
max-width: 40px;
width: 40px;
height: 40px;
}
@media (max-width: 767px) { .search-chef-gallo .close-search-engine img {
margin-right: 20px;
margin-top: 20px;
}
} .search-chef-gallo .close-search-engine img:hover {
cursor: pointer;
} .search-chef-gallo .close-search-engine span {
width: 15px;
height: 2px;
background-color: #e1302b;
position: absolute;
right: 0;
}
@media (max-width: 1023px) { .search-chef-gallo .close-search-engine span {
right: 15px;
}
} .search-chef-gallo .close-search-engine span:hover {
cursor: pointer;
} .search-chef-gallo .close-search-engine span.line-two {
transform: rotate(135deg);
} .search-chef-gallo .close-search-engine span.line-one {
transform: rotate(45deg);
} .search-chef-gallo .row-search-engine-chef-gallo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 670px;
margin: 0 auto;
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo {
width: calc(100% - 60px);
}
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine {
display: flex;
flex-direction: column;
width: 45%;
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine {
width: 100%;
}
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine.last .dropdown {
margin-bottom: 44px;
}
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine h6 {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
color: white;
font-weight: 800;
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine h6 {
margin-bottom: 15px;
}
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine img {
max-width: 110px;
height: auto;
margin: 0 10%;
position: relative;
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-toggle {
width: 100%;
max-width: 100%;
height: 40px;
border-radius: 0;
background-color: #000000;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
font-family: Arquitecta;
text-transform: uppercase;
text-align: center;
outline: none;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 30px;
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-toggle {
text-align: left;
}
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-toggle::after {
display: none;
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-toggle::before {
content: "";
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/btn-flechader-rojo_2@3x.png)");
background-size: cover;
background-position: center;
display: block;
width: 40px;
height: 40px;
color: #000;
color: #000;
border: none;
position: absolute;
right: 10px;
-ms-transform: rotate(90deg) translateX(-20%) translateY(-50%);
-webkit-transform: rotate(90deg) translate(-20%, -50%);
transform: rotate(90deg) translate(-20%, -50%);
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-toggle[aria-expanded="true"] {
border-bottom: none;
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown {
margin-bottom: 44px;
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown {
margin-bottom: 0;
}
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu {
width: 100%;
border-radius: 0;
background-color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.1);
max-height: 250px;
overflow-y: scroll;
padding-top: 30px;
padding-bottom: 30px;
top: 100% !important;
left: 0px;
transform: translate3d(0px, 0px, 0px) !important;
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu {
top: 0 !important;
position: relative !important;
}
}
@media (max-width: 767px) { .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu ul {
top: 0;
position: relative !important;
}
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu li {
text-align: center;
background-color: #ffffff;
padding: 0 25px;
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu li span {
display: block;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
padding: 5px 0;
color: #000000;
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu li span:hover {
color: #e1302b;
} .search-chef-gallo .row-search-engine-chef-gallo .col-search-engine .dropdown-menu li:hover {
cursor: pointer;
} .search-chef-gallo .row-search-engine-chef-gallo .time-execution {
color: #e1302b;
position: absolute;
font-weight: 900;
} .search-chef-gallo .pastas-gallo-button {
width: calc(100% - 2px);
margin: 0 auto;
} .search-chef-gallo .timer-search-engine,
.search-chef-gallo .dificulty-search-engine {
display: none;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-bottom: 75px;
flex: 1;
}
@media (max-width: 767px) { .search-chef-gallo .timer-search-engine,
.search-chef-gallo .dificulty-search-engine {
margin-bottom: 45px;
}
} .search-chef-gallo .timer-search-engine.active,
.search-chef-gallo .dificulty-search-engine.active {
display: flex;
} .search-chef-gallo .timer-search-engine img.symbol,
.search-chef-gallo .dificulty-search-engine img.symbol {
max-width: 40px;
} .search-chef-gallo .timer-search-engine img.symbol:hover,
.search-chef-gallo .dificulty-search-engine img.symbol:hover {
cursor: pointer;
} .search-chef-gallo .timer-search-engine .text-selected,
.search-chef-gallo .dificulty-search-engine .text-selected {
width: 100%;
color: #e1302b;
text-transform: uppercase;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
} .search-chef-gallo .dificulty-search-engine {
margin-top: 30px;
}
@media (max-width: 767px) { .search-chef-gallo .dificulty-search-engine {
margin-top: -15px;
}
} .search-chef-gallo .container-search-engine-chef-gallo {
display: none;
width: 100%;
background-color: #000000;
padding-top: 5px;
padding-bottom: 40px;
position: relative;
z-index: 2;
}
@media (max-width: 767px) { .search-chef-gallo .container-search-engine-chef-gallo {
padding: 0;
padding-bottom: 50px;
}
} .search-chef-gallo .delete-filter {
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
margin-top: 20px;
width: 100%;
} .search-chef-gallo .delete-filter:hover {
cursor: pointer;
} .content-chef-gallo {
position: relative;
} .content-chef-gallo .container-recipes {
padding-top: 75px;
max-width: 1045px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding-bottom: 100px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .content-chef-gallo .container-recipes { display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 767px) { .content-chef-gallo .container-recipes {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-top: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .content-chef-gallo .container-recipes {
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px) and (max-width: 1100px) { .content-chef-gallo .container-recipes {
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
}
} .content-chef-gallo .container-recipes #loaderDiv {
margin: auto;
max-width: 100px;
display: none;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
grid-column: 1 / 4;
} .content-chef-gallo .container-recipes #loaderDiv img {
margin: auto;
width: 100%;
height: auto;
} .content-chef-gallo .container-recipes .alert.alert-danger {
grid-column: 1 / 4;
}
@media (max-width: 1023px) { .content-chef-gallo .container-recipes .card-recipe {
margin-bottom: 50px;
}
} .content-chef-gallo button {
outline: none;
border: none;
} .content-chef-gallo .recipes-recommender {
z-index: 1;
position: fixed;
left: -160px;
top: 40vh;
border: none;
background-color: transparent;
padding: 0;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
} .content-chef-gallo .recipes-recommender.active-button-recomender {
position: fixed;
left: 0;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
z-index: 2;
} .content-chef-gallo .recipes-recommender img {
max-width: 120px;
} .content-chef-gallo .modal .modal-dialog {
max-width: 540px;
max-height: 540px; } .content-chef-gallo .modal .modal-dialog .modal-content {
background-color: #000000;
width: 100%;
height: 100%;
max-width: 540px;
max-height: 540px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header {
position: relative;
border-bottom: none;
border-top-left-radius: none;
border-top-right-radius: none;
flex-direction: column;
padding-bottom: 0;
padding-top: 53px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .close {
position: absolute;
right: 10px;
top: 10px;
margin-bottom: 20px;
padding: 0;
margin: 0;
opacity: 1;
width: 40px;
height: 40px;
z-index: 2;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .close .close-img {
max-width: 100%;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .close span {
width: 15px;
height: 2px;
background-color: #e1302b;
position: absolute;
right: 0;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .close span:hover {
cursor: pointer;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .close span.line-two {
transform: rotate(135deg);
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .close span.line-one {
transform: rotate(45deg);
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .modal-title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .modal-title h5 {
font-family: Karma;
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .modal-title img {
width: 70px;
height: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .modal-paragraph-title {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
max-width: 200px;
margin: 0 auto;
margin-bottom: 40px;
margin-top: 15px;
color: #ffffff;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-header .modal-paragraph-title.margin-bottom {
margin-bottom: 65px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body {
display: flex;
overflow: hidden;
padding-bottom: 10px;
padding-top: 0;
}
@media (max-width: 767px) { .content-chef-gallo .modal .modal-dialog .modal-content .modal-body {
padding: 0;
}
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .modal-title img {
width: 70px;
height: auto;
max-width: 70px;
margin-bottom: 3px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .page-step {
font-size: 14px;
font-weight: 900;
color: #ffffff;
position: absolute;
bottom: 0px;
left: 47%;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body {
padding: 0 50px;
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
width: 100%;
min-width: 100%;
position: relative;
}
@media (max-width: 767px) { .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body {
padding: 20px;
padding-bottom: 30px;
}
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .content-image-selector {
display: flex;
margin-bottom: 75px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body h5 {
font-family: Karma, sans-serif;
font-size: 20px;
color: #e1302b;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body h6 {
font-size: 40px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 50px;
}
@media (max-width: 767px) { .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body h6 {
display: none;
}
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body p {
margin: 0;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body p {
max-width: 100%;
}
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body.first-page-modal-option {
margin-top: 32px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .modal-second-paragraph {
max-width: 250px;
margin: 0 auto;
font-size: 22px;
font-family: Arquitecta;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #ffffff;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .modal-second-paragraph strong {
font-size: 24px !important;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .midle-text-slide {
text-align: center;
margin-bottom: 40px;
font-size: 24px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .h5-margin {
margin-bottom: 14px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6 {
width: calc(33% - 7.5px);
margin-right: 15px;
background-color: rgba(34, 34, 34, 0.5);
padding: 0px 0 20px 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px 15px 15px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0 p,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1 p,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2 p,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3 p,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4 p,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5 p,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6 p {
margin-top: -10px;
padding: 0;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0:hover,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1:hover,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2:hover,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3:hover,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4:hover,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5:hover,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6:hover {
cursor: pointer;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0:last-child,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1:last-child,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2:last-child,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3:last-child,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4:last-child,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5:last-child,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6:last-child {
margin-right: 0;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0.active-option,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1.active-option,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2.active-option,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3.active-option,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4.active-option,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5.active-option,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6.active-option {
background-color: #e1302b;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0.active-option .image-active-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1.active-option .image-active-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2.active-option .image-active-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3.active-option .image-active-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4.active-option .image-active-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5.active-option .image-active-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6.active-option .image-active-recommender {
display: block;
width: 100%;
height: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-0.active-option .image-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-1.active-option .image-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-2.active-option .image-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-3.active-option .image-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-4.active-option .image-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-5.active-option .image-recommender,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .bk-recommender-6.active-option .image-recommender {
display: none;
width: 100%;
height: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .image-active-recommender {
display: none;
width: 100%;
height: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .image-recommender {
display: block;
width: 100%;
height: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body p {
color: #ffffff;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body p strong {
color: #ffffff;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-container,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-wrapper {
padding-bottom: 15px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-slide h5 {
font-family: Arquitecta;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #ffffff;
text-transform: uppercase;
}
@media (max-width: 767px) { .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-slide h5 {
margin-bottom: 0;
}
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-slide h6 {
font-family: Arquitecta;
font-size: 18px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
text-transform: lowercase;
color: #ffffff;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-pagination {
display: flex;
justify-content: center;
align-items: center;
position: relative;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 8px;
height: 8px;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .content-modal-body .swiper-pagination .swiper-pagination-bullet {
width: 4px;
height: 4px;
background: #e1302b;
opacity: 1;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body div#loaderDiv {
max-width: 100px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body div#loaderDiv img {
width: 100%;
height: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .swiper-button-next {
right: 0 !important;
left: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .swiper-button-prev {
left: 0 !important;
right: auto;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-body .swiper-button-next,
.content-chef-gallo .modal .modal-dialog .modal-content .modal-body .swiper-button-prev {
display: block !important;
top: 24%;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-footer {
border-top: none;
border-bottom-right-radius: none;
border-bottom-left-radius: none;
justify-content: center;
padding: 0;
} .content-chef-gallo .modal .modal-dialog .modal-content .modal-footer button {
width: 275px;
margin: 0 0 -15px 0;
} .content-chef-gallo .modal .shake {
animation: shake 150ms 2 linear;
-moz-animation: shake 150ms 2 linear;
-webkit-animation: shake 150ms 2 linear;
-o-animation: shake 150ms 2 linear;
}
@keyframes shake {
0% {
transform: translate(3px, 0);
}
50% {
transform: translate(-3px, 0);
}
100% {
transform: translate(0, 0);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translate(3px, 0);
}
50% {
-moz-transform: translate(-3px, 0);
}
100% {
-moz-transform: translate(0, 0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translate(3px, 0);
}
50% {
-webkit-transform: translate(-3px, 0);
}
100% {
-webkit-transform: translate(0, 0);
}
}
@-ms-keyframes shake {
0% {
-ms-transform: translate(3px, 0);
}
50% {
-ms-transform: translate(-3px, 0);
}
100% {
-ms-transform: translate(0, 0);
}
}
@-o-keyframes shake {
0% {
-o-transform: translate(3px, 0);
}
50% {
-o-transform: translate(-3px, 0);
}
100% {
-o-transform: translate(0, 0);
}
} .container-recipes-selected {
display: flex;
flex-wrap: wrap;
padding: 80px 0 50px 0;
}
@media (min-width: 1024px) { .container-recipes-selected {
max-width: 1040px;
}
}
@media (max-width: 767px) { .container-recipes-selected .card-recipe {
margin-bottom: 30px;
}
} .result-recommender .midle-text-slide {
font-family: Arquitecta;
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #ffffff;
text-transform: uppercase;
margin-top: 8px !important;
}
@media (max-width: 600px) { .recipe-recommender-section .modal-dialog {
margin-left: 30px;
margin-right: 30px;
}
} .other-options-recomender {
display: flex;
justify-content: center;
align-items: center;
} .other-options-recomender label {
color: white;
font-weight: normal;
} .other-options-recomender input#ninguna {
margin-top: -70px;
width: 10px;
} #pescadoMarisco p {
font-size: 16px;
} .section-banner-recipe .background-banner-recipes {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 300px;
max-height: 300px;
position: relative;
}
@media (max-width: 767px) { .section-banner-recipe .background-banner-recipes {
max-height: 350px;
}
} .section-banner-recipe .product-image-for-recipe {
max-width: 170px;
height: auto;
margin-bottom: 20px;
position: relative;
} .section-banner-recipe .container-recipe-title {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: -120px;
margin-bottom: 50px;
position: relative;
} .section-banner-recipe .content-properties {
display: flex;
justify-content: space-between;
width: 200px;
} .section-banner-recipe .property {
display: flex;
align-items: center;
flex-direction: column;
font-size: 20px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
text-transform: uppercase;
} .section-banner-recipe h1 {
max-width: 490px;
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
margin-bottom: 6px;
}
@media (max-width: 767px) { .section-banner-recipe h1 {
max-width: calc(100% - 60px);
font-size: 24px;
margin-bottom: 3px;
}
} .section-banner-recipe h2 {
max-width: 480px;
font-size: 40px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.75;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 20px;
}
@media (max-width: 767px) { .section-banner-recipe h2 {
font-size: 24px;
max-width: calc(100% - 60px);
margin-bottom: 30px;
}
} .section-banner-recipe .modal-slide-recipe-button {
width: 50px;
height: 50px;
background-color: #e1302b;
} .section-banner-recipe .modal-slide-recipe-button:hover {
cursor: pointer;
} .section-banner-recipe .modal-slide-recipe-button img {
width: 100%;
height: auto;
} .section-banner-recipe .modal-slide-recipe {
position: absolute;
top: 50%;
right: 0;
} .section-banner-recipe .modal-slide-recipe .modal-content {
background-color: transparent;
border-radius: none;
border: none;
padding: 0;
} .section-banner-recipe .modal-slide-recipe .modal-content .swiper-slide {
width: 420px;
height: 420px;
display: flex;
justify-content: center;
align-items: center;
} .section-banner-recipe .modal-slide-recipe .modal-content img {
object-position: center;
object-fit: cover;
width: 100%;
height: 100%;
} .section-banner-recipe .modal-slide-recipe .modal-content video {
width: 100%;
height: auto;
} .section-banner-recipe .modal-slide-recipe .modal-content .swiper-pagination.modal-page.swiper-pagination-bullets {
margin-top: 30px;
} .section-banner-recipe .modal-slide-recipe .modal-content .swiper-pagination.modal-page.swiper-pagination-bullets span {
margin-right: 5px;
} .section-banner-recipe .modal-slide-recipe .modal-content .swiper-button-next {
right: -50px;
top: 45%;
} .section-banner-recipe .modal-slide-recipe .modal-content .swiper-button-prev {
left: -50px;
top: 45%;
} .ingredients-preparation {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 60px;
} .ingredients-preparation .ingredients {
background-color: #f0ebe7;
} .ingredients-preparation .tips {
background-color: #dbd3cd;
} .ingredients-preparation .ingredient-and-tips-col {
width: 50%;
padding: 70px 0;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
}
@media (max-width: 1023px) { .ingredients-preparation .ingredient-and-tips-col {
width: 100%;
}
}
@media (max-width: 767px) { .ingredients-preparation .ingredient-and-tips-col.tips {
padding-bottom: 60px;
}
} .ingredients-preparation .ingredient-and-tips-col.tips h2 {
margin-bottom: 35px;
} .ingredients-preparation .ingredient-and-tips-col h2 {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 70px;
}
@media (max-width: 767px) { .ingredients-preparation .ingredient-and-tips-col h2 {
margin-bottom: 30px;
}
} .ingredients-preparation .ingredient-and-tips-col .receta-aceite {
position: absolute;
left: 0;
bottom: -50px;
height: 330px;
width: auto;
}
@media (max-width: 1023px) { .ingredients-preparation .ingredient-and-tips-col .receta-aceite {
left: auto;
right: 0;
z-index: 1;
}
}
@media (max-width: 767px) { .ingredients-preparation .ingredient-and-tips-col .receta-aceite {
height: 260px;
}
} .ingredients-preparation .ingredient-and-tips-col .receta-cuchara {
position: absolute;
right: 0;
bottom: -50px;
height: auto;
width: 330px;
}
@media (max-width: 1023px) { .ingredients-preparation .ingredient-and-tips-col .receta-cuchara {
width: 200px;
}
} .ingredients-preparation .product-row {
max-width: 350px;
margin: 0 auto;
} .ingredients-preparation .product-row p {
display: flex;
font-size: 22px;
position: relative;
padding-left: 30px;
margin-bottom: 10px;
} .ingredients-preparation .product-row p i {
margin-right: 15px;
position: absolute;
top: 10px;
left: 0;
} .ingredients-preparation .pastas-gallo-global-slider-style {
position: relative;
}
@media (max-width: 1023px) { .ingredients-preparation .pastas-gallo-global-slider-style {
max-width: calc(100% - 30px);
margin: auto;
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container {
width: 380px;
height: 380px;
}
@media (max-width: 767px) { .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container {
width: 320px;
height: 320px;
max-width: calc(100% - 30px);
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide {
height: auto;
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step-padding {
height: calc(100% - 50px);
margin-top: 50px;
background-color: #e1302b;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 120px 70px 70px 70px;
}
@media (max-width: 767px) { .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step-padding {
padding: 120px 20px 70px 20px;
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step-padding p {
text-align: center;
font-size: 22px;
color: #ffffff;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step-padding p {
max-width: 100%;
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step {
width: 100px;
height: 100px;
background-color: #000000;
position: absolute;
top: -50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Arquitecta;
font-size: 14px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
color: #e1302b;
font-family: Karma;
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step span {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #ffffff;
}
@media (max-width: 1023px) { .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container .swiper-slide .step span {
font-size: 40px;
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-button-next,
.ingredients-preparation .pastas-gallo-global-slider-style .swiper-button-prev {
position: absolute;
top: 50%;
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-button-prev {
left: -80px;
}
@media (max-width: 1023px) { .ingredients-preparation .pastas-gallo-global-slider-style .swiper-button-prev {
left: -30px;
display: block !important;
width: 22px !important;
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-button-next {
right: -80px;
}
@media (max-width: 1023px) { .ingredients-preparation .pastas-gallo-global-slider-style .swiper-button-next {
right: -30px;
display: block !important;
width: 22px !important;
}
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-pagination-bullet {
background: #ffffff;
} .ingredients-preparation .pastas-gallo-global-slider-style .swiper-container-horizontal>.swiper-pagination-bullets,
.ingredients-preparation .pastas-gallo-global-slider-style .swiper-pagination-custom,
.ingredients-preparation .pastas-gallo-global-slider-style .swiper-pagination-fraction {
bottom: 30px;
} .recipes-nutrition-and-tips {
padding: 60px 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04), rgba(27, 11, 0, 0.03) 20%, rgba(31, 13, 0, 0.02) 75%, rgba(32, 14, 0, 0.01) 89%, rgba(33, 14, 0, 0) 98%);
} .banner-nutrition_and_tips {
height: 470px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
} .banner-nutrition_and_tips .content-banner {
max-width: 535px;
margin: auto;
padding-top: 70px;
} .banner-nutrition_and_tips .content-banner h2 {
font-family: Karma;
font-size: 40px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .banner-nutrition_and_tips .content-banner h1 {
font-size: 80px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #ffffff;
color: #000000;
margin-bottom: 15px;
}
@media (max-width: 767px) { .banner-nutrition_and_tips .content-banner h1 {
font-size: 56px;
}
} .banner-nutrition_and_tips .content-banner p {
text-align: center;
} .banner-category-selector {
background-color: #e1302b; }
@media (min-width: 1024px) { .banner-category-selector {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
height: 120px;
}
}
@media (max-width: 1023px) { .banner-category-selector {
max-height: 120px;
margin-left: -100px;
}
} .banner-category-selector .category-position {
position: relative;
margin-right: 20px;
width: 140px;
} .banner-category-selector .category-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
width: 100%;
} .banner-category-selector .category-item:hover {
cursor: pointer;
background-color: #000000;
height: 140px;
position: absolute;
top: 50%;
left: 50%;
ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .banner-category-selector .category-item:hover img {
display: none;
} .banner-category-selector .category-item:hover .active-category {
display: block;
} .banner-category-selector .category-item.active {
background-color: #000000;
padding: 30px 20px;
height: 140px;
position: absolute;
top: 50%;
left: 50%;
ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .banner-category-selector .category-item.active img {
display: none;
} .banner-category-selector .category-item.active .active-category {
display: block;
} .banner-category-selector .category-item h5 {
text-align: center;
font-family: Arquitecta;
font-size: 14px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
text-transform: uppercase;
} .banner-category-selector .category-item img {
max-width: 40px;
} .banner-category-selector .category-item .active-category {
display: none;
} .banner-category-selector .swiper-slide {
height: 140px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px 15px;
}
@media (max-width: 1023px) { .banner-category-selector .swiper-slide {
width: 140px;
}
} .banner-category-selector .swiper-slide img {
max-width: 25px;
width: 100%;
height: auto;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
} .banner-category-selector .swiper-slide.swiper-slide-active {
background-color: #000000;
transform: scale(1.1);
} .banner-category-selector .swiper-slide.swiper-slide-active .category-item-mobile img {
display: none;
} .banner-category-selector .swiper-slide.swiper-slide-active .category-item-mobile .active-category {
display: block;
} .banner-category-selector .swiper-slide .category-item-mobile {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .banner-category-selector .swiper-slide .category-item-mobile img {
display: block;
} .banner-category-selector .swiper-slide .category-item-mobile .active-category {
display: none;
} .banner-category-selector .swiper-slide h5 {
text-transform: uppercase;
text-align: center;
font-family: Arquitecta;
font-size: 14px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips {
max-width: 1045px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
padding: 50px 0;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips img {
max-width: 40px;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips .delete-text {
display: none;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips .loupe {
display: block;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips.active input {
display: block;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips.active a span {
display: none;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips.active .delete-text {
display: block;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips.active .loupe {
display: none;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips input {
display: none;
max-width: 500px;
background-color: #fff;
border-bottom: 2px solid #e1302b;
border-radius: 0;
}
@media (max-width: 1023px) { .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips input {
max-width: calc(100% - 100px);
}
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips a {
display: flex;
justify-content: center;
align-items: center;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips a:hover {
cursor: pointer;
} .nutrition_and_tips_search_engine .filter-or-search-nutrition-and-tips a span {
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .content-tips-and-nutrition {
max-width: 1045px;
margin: 0 auto;
padding-bottom: 100px;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1023px) { .content-tips-and-nutrition {
width: calc(100% - 60px);
margin: auto;
grid-template-columns: repeat(1, 1fr);
}
} .content-tips-and-nutrition .card-post {
width: calc(33% - 33.33px);
margin-right: 50px;
margin-bottom: 50px;
}
@media (max-width: 767px) { .content-tips-and-nutrition .card-post {
width: calc(100% - 60px);
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .content-tips-and-nutrition .card-post {
width: calc(50% - 25px);
}
}
@media (min-width: 1024px) { .content-tips-and-nutrition .card-post:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .content-tips-and-nutrition .card-post:nth-child(2n) {
margin-right: 0;
}
} .content-tips-and-nutrition .card-post .image-post {
height: 200px;
width: 100%;
background-size: cover;
background-position: center;
} .content-tips-and-nutrition #loaderDiv,
.content-tips-and-nutrition #loaderDivBottom {
width: 100%;
max-width: 100px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
grid-column: 1 / 4;
} .content-tips-and-nutrition #loaderDiv img,
.content-tips-and-nutrition #loaderDivBottom img {
width: 100%;
height: auto;
} .banner-nutrition-and-tips-single {
display: flex;
justify-content: center;
align-items: flex-end;
height: 480px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 210px;
}
@media (max-width: 1023px) { .banner-nutrition-and-tips-single {
margin-bottom: 180px;
}
}
@media (max-width: 767px) { .banner-nutrition-and-tips-single {
margin-bottom: 210px;
height: 380px;
}
} .banner-nutrition-and-tips-single h1 {
text-transform: uppercase;
} .banner-nutrition-and-tips-single .content-category {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 15px;
}
@media (max-width: 767px) { .banner-nutrition-and-tips-single .content-category {
display: block;
}
} .banner-nutrition-and-tips-single .content-category h2 {
font-family: Karma;
font-size: 40px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
font-size: 16px;
margin-right: 10px;
} .banner-nutrition-and-tips-single .content-banner {
padding: 50px 160px;
background-color: #f0ebe7;
max-width: 840px;
-ms-transform: translateY(50%);
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
@media (max-width: 1023px) { .banner-nutrition-and-tips-single .content-banner {
width: calc(100% - 120px);
padding: 50px 15px;
}
} .single-content {
max-width: 600px;
margin: auto;
}
@media (max-width: 767px) { .single-content {
padding: 0;
}
} .single-content article {
margin-bottom: 93px;
}
@media (max-width: 767px) { .single-content article {
margin-bottom: 40px;
}
}
@media (max-width: 767px) { .single-content .type-post {
padding: 0 40px;
}
} .certification-without-gluten .row-certification-without-gluten-blue-section {
background-color: #1b8ac2;
} .certification-without-gluten .row-certification-without-gluten-grey-section {
background-color: #f0ebe7;
} .certification-without-gluten .certification-without-gluten-blue-section,
.certification-without-gluten .certification-without-gluten-grey-section {
max-width: 620px;
margin: 0 auto;
padding: 80px 0;
}
@media (max-width: 767px) { .certification-without-gluten .certification-without-gluten-blue-section,
.certification-without-gluten .certification-without-gluten-grey-section {
padding: 80px 30px;
}
} .certification-without-gluten .certification-without-gluten-blue-section img {
max-width: 135px;
margin: 0 auto;
display: block;
margin-bottom: 30px;
} .certification-without-gluten .certification-without-gluten-blue-section h2 {
font-weight: 500;
font-size: 30px !important;
} .certification-without-gluten .certification-without-gluten-blue-section h3 {
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
color: white;
font-family: Arquitecta;
margin-bottom: 30px;
} .certification-without-gluten .certification-without-gluten-blue-section p {
font-family: Arquitecta;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
color: white;
margin-bottom: 25px;
text-align: left;
font-size: 18px;
text-align: center;
} .certification-without-gluten .row-certification-without-gluten-grey-section {
position: relative;
} .certification-without-gluten .row-certification-without-gluten-grey-section .certification-without-gluten-grey-section {
position: relative;
} .certification-without-gluten .row-certification-without-gluten-grey-section .certification-without-gluten-grey-section .bodegon-without-gluten {
max-width: 160px;
max-width: 160px;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .certification-without-gluten .row-certification-without-gluten-grey-section .certification-without-gluten-grey-section h2 {
margin-bottom: 30px;
z-index: 2;
position: relative;
text-transform: uppercase;
font-size: 40px;
} .certification-without-gluten .row-certification-without-gluten-grey-section .certification-without-gluten-grey-section p {
position: relative;
z-index: 2;
font-family: Arquitecta;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
color: black;
margin-bottom: 18px;
text-align: left;
font-size: 18px;
text-align: center;
margin-bottom: 30px;
} .certification-without-gluten .row-certification-without-gluten-grey-section .certification-without-gluten-grey-section .list-icons {
max-width: 500px;
margin: 0 auto;
display: block;
}
@media (max-width: 767px) { .certification-without-gluten .row-certification-without-gluten-grey-section .certification-without-gluten-grey-section .list-icons {
max-width: 100%;
}
} .certification-without-gluten .row-certification-without-gluten-grey-section .espiga-without-gluten {
position: absolute;
right: 0;
height: 630px;
width: auto;
top: -65px;
z-index: 1;
} .instagram-red-row {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/wood_background.png);
padding: 35px 0 13px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: relative;
} .instagram-red-row img {
max-width: 100px;
width: 54px;
height: auto;
position: absolute;
top: 0;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .instagram-red-row p {
display: block;
margin: 0;
color: white;
margin-bottom: 5px;
font-size: 14px;
text-align: center;
} .instagram-red-row p br {
display: block;
} .instagram-red-row p.gallo-without-gluten-instagram {
font-weight: bold;
margin-bottom: 0;
} .instagram-red-row p .instagram-tag {
color: white;
font-weight: bold;
margin-bottom: 0;
}  .container-text-cta-image {
background-color: #000000;
padding: 80px 0;
}
@media (max-width: 1023px) { .container-text-cta-image {
padding-top: 70px;
padding-bottom: 0;
}
} .container-text-cta-image .text-cta-image {
max-width: 840px;
margin: auto;
padding-top: 0;
}
@media (max-width: 1023px) { .container-text-cta-image .text-cta-image {
padding: 40px 0 0 0;
padding-top: 0;
}
} .container-text-cta-image .text-cta-image .control-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
position: relative;
} .container-text-cta-image .text-cta-image .control-container .humo-container {
position: absolute;
top: -20px;
width: 100%;
height: 100%;
} .container-text-cta-image .text-cta-image .control-container .smoke-banner {
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
opacity: 0;
} .container-text-cta-image .text-cta-image .control-container h3,
.container-text-cta-image .text-cta-image .control-container h2,
.container-text-cta-image .text-cta-image .control-container p {
max-width: 390px;
text-align: center;
} .container-text-cta-image .text-cta-image .control-container h3 {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
margin-bottom: 10px;
}
@media (max-width: 767px) { .container-text-cta-image .text-cta-image .control-container h3 {
font-size: 20px;
}
} .container-text-cta-image .text-cta-image .control-container h2 {
font-size: 80px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-bottom: 15px;
}
@media (max-width: 767px) { .container-text-cta-image .text-cta-image .control-container h2 {
font-size: 56px;
}
} .container-text-cta-image .text-cta-image .control-container p {
font-size: 30px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 40px;
}
@media (max-width: 1023px) { .container-text-cta-image .text-cta-image .control-container p {
font-size: 20px;
max-width: 260px;
margin: auto;
margin-bottom: 60px;
}
} .container-text-cta-image .text-cta-image .control-container .pastas-gallo-button {
z-index: 1;
margin-bottom: -15px;
} .container-text-cta-image .text-cta-image .content-image {
width: 100%;
height: 360px;
position: relative;
}
@media (max-width: 1023px) { .container-text-cta-image .text-cta-image .content-image {
height: 280px;
}
} .container-text-cta-image .text-cta-image .content-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}  .widget-blog-square-and-text {
max-width: 380px;
margin: auto;
position: relative;
} .widget-blog-square-and-text::after {
content: '';
width: 50px;
height: 50px;
background-color: #e1302b;
position: absolute;
left: -20px;
top: -15px;
z-index: -1;
} .widget-blog-square-and-text h2 {
font-size: 24px;
text-align: left;
text-transform: uppercase;
}
@media (max-width: 767px) { .widget-blog-square-and-text {
width: calc(100% - 40px);
}
} .widget-blog-bar-and-text {
position: relative;
} .widget-blog-bar-and-text::after {
content: '';
width: 6px;
height: 100%;
background-color: #e1302b;
position: absolute;
left: -20px;
top: 0;
}
@media (max-width: 767px) { .widget-blog-bar-and-text::after {
left: -40px;
}
} .widget-blog-bar-and-text h3 {
font-family: Arquitecta;
font-size: 30px;
font-weight: 300;
font-stretch: normal;
font-style: italic;
line-height: 0.93;
letter-spacing: normal;
font-weight: 100;
text-align: left;
color: #000000;
}
@media (max-width: 767px) { .widget-blog-bar-and-text h3 {
margin: 0;
width: calc(100% - 80px);
}
}  .pastas-gallo-slider-banner {
height: 90vh;
min-height: 600px;
}
@media (max-width: 767px) { .pastas-gallo-slider-banner {
height: 550px;
min-height: 550px;
}
} .pastas-gallo-slider-banner.swiper-container-horizontal>.swiper-pagination-bullets,
.pastas-gallo-slider-banner .swiper-pagination-custom,
.pastas-gallo-slider-banner .swiper-pagination-fraction {
bottom: 30px;
align-items: center;
display: flex;
justify-content: center;
} .pastas-gallo-slider-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.pastas-gallo-slider-banner .swiper-pagination-custom .swiper-pagination-bullet,
.pastas-gallo-slider-banner .swiper-pagination-fraction .swiper-pagination-bullet {
width: 4px;
height: 4px;
background: none;
opacity: 1;
background-color: #ffffff;
} .pastas-gallo-slider-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.pastas-gallo-slider-banner .swiper-pagination-custom .swiper-pagination-bullet-active,
.pastas-gallo-slider-banner .swiper-pagination-fraction .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background-color: #ffffff;
} .pastas-gallo-slider-banner .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
background-position: top left;
position: relative;
} .pastas-gallo-slider-banner .swiper-slide:after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.51), rgba(27, 11, 0, 0.39) 20%, rgba(31, 13, 0, 0.04) 75%, rgba(32, 14, 0, 0.04) 89%, rgba(33, 14, 0, 0) 98%);
position: absolute;
z-index: 0;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .pastas-gallo-slider-banner .swiper-slide:after {
display: none;
}
} .pastas-gallo-slider-banner .swiper-slide h1 {
font-size: 80px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #ffffff;
max-width: 690px;
z-index: 1;
}
@media (max-width: 767px) { .pastas-gallo-slider-banner .swiper-slide h1 {
font-size: 56px;
}
}
@media (max-width: 767px) { .pastas-gallo-slider-banner .swiper-slide h1 {
padding: 0 30px;
}
} .widget-recipe-slider {
margin: 0 auto;
position: relative;
padding: 60px 0 95px 0;
}
@media (max-width: 1023px) { .widget-recipe-slider {
padding-top: 70px;
}
}
@media (min-width: 1024px) { .widget-recipe-slider {
max-width: 1040px;
}
} .widget-recipe-slider h3 {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
font-size: 20px;
}
@media (max-width: 767px) { .widget-recipe-slider h3 {
font-size: 20px;
}
} .widget-recipe-slider h2 {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
max-width: 530px;
margin: 0 auto 30px;
font-size: 24px !important;
text-transform: uppercase;
}
@media (max-width: 767px) { .widget-recipe-slider h2 {
font-size: 40px;
}
}
@media (max-width: 767px) { .widget-recipe-slider h2 {
padding: 0 45px;
}
} .widget-recipe-slider .red-link {
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
margin-bottom: 35px;
text-transform: uppercase;
margin: auto;
display: block;
margin-bottom: 34px;
} .widget-recipe-slider .red-link span {
margin-left: 5px;
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .widget-recipe-slider h5 {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 5px;
} .widget-recipe-slider h6 {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 150px;
margin: auto;
margin-bottom: 10px;
font-weight: 400;
} .widget-recipe-slider p {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
font-weight: normal;
} .widget-recipe-slider .status-recipe span {
font-size: 12px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
text-transform: uppercase;
} .widget-recipe-slider .status-recipe span.time {
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
} .widget-recipe-slider .status-recipe span.time img {
max-width: 18px;
width: 100%;
height: auto;
margin-left: 5px;
} .widget-recipe-slider .status-recipe span.dificulty {
display: flex;
justify-content: center;
align-items: center;
} .widget-recipe-slider .status-recipe span.dificulty img {
max-width: 18px;
width: 100%;
height: auto;
margin-right: 5px;
}
@media (min-width: 1024px) { .widget-recipe-slider .recipe-slider {
max-width: 820px;
}
} .widget-recipe-slider .recipe-slider .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 45px;
}
@media (max-width: 1023px) { .widget-recipe-slider .recipe-slider .swiper-slide {
max-width: 200px;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .widget-recipe-slider .recipe-slider .swiper-slide {
display: block;
}
} .widget-recipe-slider .recipe-slider .swiper-slide:hover .image-slide-recipe div {
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .widget-recipe-slider .recipe-slider .swiper-slide .image-slide-recipe {
display: block;
width: 260px;
height: 260px;
overflow: hidden;
}
@media (max-width: 1023px) { .widget-recipe-slider .recipe-slider .swiper-slide .image-slide-recipe {
width: 200px;
height: 200px;
padding-bottom: 0;
}
} .widget-recipe-slider .recipe-slider .swiper-slide .image-slide-recipe div {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .widget-recipe-slider .recipe-slider .swiper-slide .content-recipe-slide h5 {
font-family: Arquitecta;
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
max-width: 260px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .widget-recipe-slider .recipe-slider .swiper-slide .content-recipe-slide h5 {
max-width: 100%;
}
} .widget-recipe-slider .recipe-slider .swiper-slide .content-recipe-slide h6 {
font-family: Arquitecta;
font-size: 18px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
} .widget-recipe-slider .recipe-slider .swiper-slide .content-recipe-slide .pastas-gallo-button {
display: flex;
max-width: 125px;
font-size: 16px;
margin: -15px auto 10px auto;
z-index: 1;
position: relative;
}
@media (max-width: 767px) { .widget-recipe-slider .recipe-slider .swiper-slide .content-recipe-slide .pastas-gallo-button {
max-width: 120px;
}
}
@media (max-width: 1023px) { .widget-recipe-slider .recipe-slider .swiper-button-prev,
.widget-recipe-slider .recipe-slider .swiper-container-rtl .swiper-button-next {
left: 3%;
display: none !important;
}
}
@media (max-width: 1023px) { .widget-recipe-slider .recipe-slider .swiper-button-next,
.widget-recipe-slider .recipe-slider .swiper-container-rtl .swiper-button-prev {
right: 3%;
display: none !important;
}
}
@media (max-width: 1023px) { .single-recipes-slider-recipe-related .widget-recipe-slider {
padding-top: 10px;
padding-bottom: 51px;
}
} .recipes-nutrition-and-tips {
padding: 0;
}
@media (max-width: 1023px) { .recipes-nutrition-and-tips .widget-recipe-slider {
padding-top: 45px;
padding-bottom: 51px;
}
} .home .widget-recipe-slider .swiper-button-prev,
.home .widget-recipe-slider .swiper-button-next {
top: 53%;
} .home .widget-recipe-slider h3 {
font-size: 30px;
}
@media (max-width: 1023px) { .home .widget-recipe-slider h3 {
font-size: 20px;
}
} .home .widget-recipe-slider h2 {
font-size: 60px !important;
}
@media (max-width: 1023px) { .home .widget-recipe-slider h2 {
font-size: 40px !important;
margin-bottom: 40px;
}
} .content-slider-products {
padding-top: 30px;
padding-bottom: 40px; }
@media (max-width: 767px) { .content-slider-products {
padding-top: 70px;
}
} .content-slider-products.home-slider-products {
padding-top: 60px;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_desktop@2x.jpg);
}
@media (max-width: 1023px) { .content-slider-products.home-slider-products {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_detalleproducto_mobile@2x.jpg);
}
} .content-slider-products.home-slider-products .home-slider-bodegon {
margin-bottom: -25px;
max-width: 560px;
}
@media (max-width: 767px) { .content-slider-products.home-slider-products .home-slider-bodegon {
margin-bottom: 0;
}
}
@media (max-width: 767px) { .content-slider-products.home-slider-products h3 {
margin-bottom: 0px !important;
}
} .content-slider-products.home-slider-products .swiper-button-next,
.content-slider-products.home-slider-products .swiper-button-prev {
top: 33%;
} .content-slider-products h3 {
margin-bottom: 10px;
} .content-slider-products h2 {
margin-bottom: 40px;
text-transform: uppercase;
}
@media (max-width: 1023px) { .content-slider-products h2 {
margin-bottom: 30px;
}
} .content-slider-products .swiper-slide {
filter: blur(4px);
display: flex;
flex-direction: column;
align-items: center;
} .content-slider-products .swiper-slide .pastas-gallo-button {
opacity: 0;
} .content-slider-products .swiper-slide img {
margin-bottom: -35px;
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
@media (max-width: 767px) { .content-slider-products .swiper-slide img {
margin-bottom: 0px;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .content-slider-products .swiper-slide img {
margin-bottom: 10px;
}
} .content-slider-products .swiper-slide h4 {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 10px;
text-align: center;
opacity: 0;
text-transform: uppercase;
} .content-slider-products .swiper-slide.swiper-slide-active {
filter: blur(0);
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
} .content-slider-products .swiper-slide.swiper-slide-active h4 {
opacity: 1;
text-transform: uppercase;
} .content-slider-products .swiper-slide.swiper-slide-active .pastas-gallo-button {
opacity: 1;
}
@media (max-width: 767px) { .content-slider-products .swiper-container {
width: 100%;
}
} .content-slider-products .swiper-button-prev,
.content-slider-products .swiper-container-rtl .swiper-button-next {
left: 21%;
}
@media (max-width: 767px) { .content-slider-products .swiper-button-prev,
.content-slider-products .swiper-container-rtl .swiper-button-next {
left: 3%;
display: none;
}
} .content-slider-products .swiper-button-next,
.content-slider-products .swiper-container-rtl .swiper-button-prev {
right: 21%;
}
@media (max-width: 767px) { .content-slider-products .swiper-button-next,
.content-slider-products .swiper-container-rtl .swiper-button-prev {
right: 3%;
display: none;
}
} .content-slider-products .swiper-pagination {
margin-top: 70px;
}
@media (max-width: 767px) { .content-slider-products .swiper-pagination {
margin-top: 50px;
}
}
@media (max-width: 1023px) { .post-slider .swiper-slide {
width: 200px;
}
} .post-slider .card-post {
height: auto;
}
@media (max-width: 1023px) { .post-slider .card-post {
width: 100%;
}
}
@media (max-width: 1023px) { .post-slider .card-post .post-image-link {
width: 200px;
height: 200px;
}
} .post-slider .card-post .card-body-post {
padding: 20px 30px 30px 30px;
} .post-slider .card-post .card-body-post h4 {
text-transform: uppercase;
text-align: center;
margin-bottom: 5px;
line-height: 1;
} .container-gallo-quality {
padding-top: 150px;
}
@media (max-width: 767px) { .container-gallo-quality {
padding-top: 90px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .container-gallo-quality {
padding-top: 90px;
}
} .container-gallo-quality h2 {
font-family: "Karma";
font-size: 16px;
color: #e1302b;
margin-bottom: 10px;
} .container-gallo-quality h1 {
margin: auto;
max-width: 490px;
font-size: 60px;
margin-bottom: -50px;
}
@media (max-width: 767px) { .container-gallo-quality h1 {
width: calc(100% - 40px);
font-size: 50px;
margin-bottom: 0px;
}
} .container-gallo-quality .vertical-lines {
width: 100%;
height: 25px;
top: 71%;
position: absolute;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/calidadgallo_rallitas.png);
z-index: 0;
left: 0;
}
@media (max-width: 767px) { .container-gallo-quality .vertical-lines {
z-index: 1;
top: 48%;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .container-gallo-quality .vertical-lines {
top: 57%;
}
} .container-gallo-quality .quality-gallo .swiper-slide {
height: auto !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
padding-bottom: 60px;
height: 100%;
max-width: 750px;
height: 750px;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide {
padding-bottom: 40px;
}
} .container-gallo-quality .quality-gallo .swiper-slide .content-gallo-quality {
flex: 1;
margin-top: -70px;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide .content-gallo-quality {
margin-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .container-gallo-quality .quality-gallo .swiper-slide .content-gallo-quality {
padding-top: 180px;
}
}
@media (min-width: 1024px) { .container-gallo-quality .quality-gallo .swiper-slide .vertical-lines.only-mobile {
opacity: 0;
transition-delay: 5s;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
}
} .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active::after {
opacity: 1;
height: 64%;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active::after {
height: 77%;
}
} .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active img {
opacity: 1;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
}
@media (max-width: 1023px) { .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active img {
width: 100%;
}
}
@media (min-width: 1024px) { .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active .vertical-lines.only-mobile {
display: block !important;
opacity: 1;
z-index: 0;
-webkit-animation: vertical-lines 0.6s both;
animation: vertical-lines 0.6s both;
animation-delay: .6s;
animation-timing-function: ease-in;
}
} .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active h3 {
padding-top: 0;
font-family: "Arquitecta";
font-size: 160px;
font-weight: 900;
color: #ffffff;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
z-index: 3;
position: relative;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active h3 {
font-size: 80px;
margin-top: -15px;
position: relative;
z-index: 3;
}
} .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active h3.only-mobile {
position: absolute;
top: 45%;
}
@media (min-width: 768px) and (max-width: 1023px) { .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active h3.only-mobile {
top: 50%;
z-index: 2;
}
} .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active p {
opacity: 1;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
margin-bottom: 0;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide.swiper-slide-active p {
width: calc(100% - 100px);
margin: auto;
text-align: center;
}
} .container-gallo-quality .quality-gallo .swiper-slide::after {
content: "";
height: 0;
width: 100%;
background-color: #e1302b;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
opacity: 0;
} .container-gallo-quality .quality-gallo .swiper-slide img {
max-width: 600px;
max-height: 600px;
min-width: 600px;
min-height: 600px;
width: 100%;
height: auto;
opacity: 0;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide img {
max-width: 100%;
max-height: auto;
min-width: 100%;
min-height: auto;
}
} .container-gallo-quality .quality-gallo .swiper-slide h3 {
padding-top: 20px;
height: 160px;
font-family: "Arquitecta";
font-size: 120px;
font-weight: 900;
color: #000000;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-slide h3 {
margin-top: -80px;
height: auto;
}
} .container-gallo-quality .quality-gallo .swiper-slide p {
max-width: 420px;
color: #ffffff;
text-align: center;
opacity: 0;
webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: all 1s ease;
-o-transition: 1s;
transition: 1s;
} .container-gallo-quality .quality-gallo .swiper-button-next,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-prev {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/right-btn-flechader-rojo.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #000000;
width: 50px !important;
height: 50px !important;
right: calc(50% - 424px);
top: 72%;
left: auto;
display: block !important;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-button-next,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-prev {
right: 0;
top: 49%;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .container-gallo-quality .quality-gallo .swiper-button-next,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-prev {
right: 7%;
top: 58%;
}
}
@media (min-width: 1024px) and (max-width: 1360px) { .container-gallo-quality .quality-gallo .swiper-button-next,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-prev {
right: 7%;
}
} .container-gallo-quality .quality-gallo .swiper-button-next::after,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-prev::after {
display: none;
} .container-gallo-quality .quality-gallo .swiper-button-prev,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-next {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/left-btn-flechader-rojo.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #000000;
width: 50px !important;
height: 50px !important;
top: 72%;
left: calc(50% - 424px);
display: block !important;
}
@media (max-width: 767px) { .container-gallo-quality .quality-gallo .swiper-button-prev,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-next {
left: 0;
top: 49%;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .container-gallo-quality .quality-gallo .swiper-button-prev,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-next {
left: 7%;
top: 58%;
}
}
@media (min-width: 1024px) and (max-width: 1360px) { .container-gallo-quality .quality-gallo .swiper-button-prev,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-next {
left: 7%;
}
} .container-gallo-quality .quality-gallo .swiper-button-prev::after,
.container-gallo-quality .quality-gallo .swiper-container-rtl .swiper-button-next::after {
display: none;
}
@keyframes vertical-lines {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes background-size-reverse {
from {
background-size: 120%;
}
to {
background-size: 100%;
}
}  .pastas-gallo-custom-form {
background-color: #f0ebe7; }
@media (max-width: 1023px) { .pastas-gallo-custom-form {
padding-bottom: 0 !important;
background-color: white;
}
} .pastas-gallo-custom-form .custom-row {
height: 30vh;
} .pastas-gallo-custom-form .container-title {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 160px;
max-width: 340px;
margin: 0 auto;
text-align: center;
padding-bottom: 200px;
}
@media (max-width: 1023px) { .pastas-gallo-custom-form .container-title {
padding-top: 100px;
margin-bottom: 20px !important;
height: auto;
padding-bottom: 0 !important;
}
} .pastas-gallo-custom-form .container-title p {
margin: 0;
} .pastas-gallo-custom-form .container-title h1 {
margin-bottom: 15px;
max-width: 290px;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #e1302b;
text-transform: uppercase;
} .pastas-gallo-custom-form .custom-form {
width: 680px;
box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
padding: 60px 70px;
position: absolute;
top: -35%;
left: 50%;
-ms-transform: translateX(-50%) translateY(0%);
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
@media (max-width: 1023px) { .pastas-gallo-custom-form .custom-form {
width: 100%;
padding: 30px;
position: relative;
top: 0;
left: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none;
box-shadow: unset;
}
} .pastas-gallo-custom-form .custom-form .wpcf7-response-output {
margin-top: 0px;
margin-bottom: 0px;
} .pastas-gallo-custom-form .background-form {
position: relative;
height: 400px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
}
@media (max-width: 1023px) { .pastas-gallo-custom-form .background-form {
height: auto;
}
} .pastas-gallo-custom-form input.wpcf7-form-control.wpcf7-submit {
background-color: #e1302b;
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
position: absolute;
bottom: -30px;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .pastas-gallo-custom-form input.wpcf7-form-control.wpcf7-submit:hover {
transform: translate(-50%, -50%) scale(1.05) !important;
color: #ffffff;
}
@media (max-width: 1023px) { .pastas-gallo-custom-form input.wpcf7-form-control.wpcf7-submit {
max-width: calc(100% - 60px);
}
} .pastas-gallo-custom-form .image-banner-mobile {
width: 100%;
height: auto;
min-height: 30vh;
} .pastas-gallo-custom-form .contact-archive {
display: flex;
align-items: center;
flex-wrap: wrap;
} .pastas-gallo-custom-form .contact-archive label {
margin-bottom: 30px;
margin-right: 15px;
} .pastas-gallo-custom-form .contact-archive .wpcf7-form-control-wrap {
flex: 2;
} .pastas-gallo-custom-form .contact-archive .wpcf7-form-control-wrap input[type="file"] {
padding: 0;
background-color: transparent !important;
display: none;
} .pastas-gallo-custom-form .contact-archive #file-charged {
margin-bottom: 30px;
font-weight: normal;
font-size: 16px;
}
@media (max-width: 767px) { .pastas-gallo-custom-form .contact-archive #file-charged {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
} .pastas-gallo-custom-form .contact-archive .custom-file-upload {
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
padding: 5px 15px;
cursor: pointer;
padding-left: 0px;
} .pastas-gallo-custom-form .contact-archive .custom-file-upload .button-text {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e1302b;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
text-transform: CAPITALIZE;
transition: .2s ease-in-out;
text-decoration: underline;
} .pastas-gallo-custom-form .contact-archive .custom-file-upload.medium {
padding: 0;
height: 30px;
width: 165px;
} .pastas-gallo-custom-form .contact-archive .custom-file-upload:hover {
transform: scale(1.05) !important;
} .pastas-gallo-custom-form .contact-archive .custom-file-upload .uploaded-file {
font-size: 17px;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-transform: unset;
text-align: left;
font-weight: 600;
text-decoration: none;
margin-left: 15px;
text-transform: CAPITALIZE;
} .pastas-gallo-custom-form .contact-archive span {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
text-align: left;
} .pastas-gallo-custom-form span.wpcf7-list-item {
display: inline-block;
margin: 0;
} .pastas-gallo-custom-form .wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
} .pastas-gallo-custom-form .wpcf7-checkbox label {
position: relative;
cursor: pointer;
} .pastas-gallo-custom-form .wpcf7-checkbox input[type=checkbox] { position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
} .pastas-gallo-custom-form .wpcf7-checkbox input[type=checkbox]+span { } .pastas-gallo-custom-form .wpcf7-checkbox input[type=checkbox]+span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 14px;
width: 14px;
top: 0;
left: 0;
border: 1px solid #d2cdc9;
background-color: #d2cdc9;
} .pastas-gallo-custom-form .wpcf7-checkbox input[type=checkbox]+span:after {
display: block;
position: absolute;
content: "\2713";
height: 10px;
width: 10px;
top: -7px;
left: 1px;
visibility: hidden;
font-size: 14px;
text-align: center;
line-height: 30px;
color: white;
font-weight: bold;
} .pastas-gallo-custom-form .wpcf7-checkbox input[type=checkbox]:checked+span:before {
background: #e1302b;
border: 1px solid #e1302b;
} .pastas-gallo-custom-form .wpcf7-checkbox input[type=checkbox]:checked+span:after {
visibility: visible;
} .pastas-gallo-custom-form .wpcf7-list-item-label {
font-family: Arquitecta;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: justify;
color: #e1302b;
text-transform: none;
margin-left: 25px;
} .pastas-gallo-custom-form .form-politicas {
margin-left: 6px;
font-weight: bold;
text-decoration: underline;
} .pastas-gallo-custom-form .privacy-group {
display: flex;
} .pastas-gallo-custom-form .privacy-group .wpcf7-form-control-wrap {
width: fit-content;
margin-top: 4px;
} .pastas-gallo-custom-form .wpcf7-not-valid-tip {
text-transform: none;
} .pastas-gallo-custom-form .submit-success {
font-size: 18px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-transform: uppercase; color: green;
} .pastas-gallo-custom-form .wpcf7-response-output {
display: none;
} .pastas-gallo-custom-form .bottom-trabaja-nosotros .wpcf7-not-valid-tip {
padding-bottom: 10px;
}  .pastas-gallo-three-columns {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns {
overflow-x: hidden;
}
}
@media (min-width: 1024px) { .pastas-gallo-three-columns {
height: 60vh;
min-height: 660px;
}
} .pastas-gallo-three-columns .col-center {
width: 65%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/home_fondo_calidadgallo@2x.jpg);
position: relative;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-center {
width: 100%;
padding-bottom: 100px;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .pastas-gallo-three-columns .col-center {
flex-direction: column;
align-items: center;
}
} .pastas-gallo-three-columns .col-center h3 {
font-family: Karma, sans-serif;
font-size: 30px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
text-align: left;
}
@media (max-width: 767px) { .pastas-gallo-three-columns .col-center h3 {
font-size: 20px;
}
} .pastas-gallo-three-columns .col-center h2 {
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.8;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 25px;
text-align: left;
}
@media (max-width: 767px) { .pastas-gallo-three-columns .col-center h2 {
font-size: 40px;
}
} .pastas-gallo-three-columns .col-center p {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: center;
color: #000000;
margin-bottom: 25px;
text-align: left;
font-size: 24px;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-center p {
text-align: center;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) { .pastas-gallo-three-columns .col-center p {
max-width: 100%;
}
} .pastas-gallo-three-columns .col-center a {
width: 135px;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-center a {
display: none !important;
}
} .pastas-gallo-three-columns .col-center .image-espiga {
position: absolute;
width: 30%;
height: 80%;
left: 0;
top: -50px; }
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-center .image-espiga {
top: 0;
}
} .pastas-gallo-three-columns .col-center .image-espiga img {
object-fit: scale-down;
object-position: center;
max-width: 300px;
}
@media (min-width: 768px) and (max-width: 1023px) { .pastas-gallo-three-columns .col-center .image-espiga img {
max-width: 250px;
}
}
@media (max-width: 767px) { .pastas-gallo-three-columns .col-center .image-espiga img {
max-width: 150px;
}
} .pastas-gallo-three-columns .col-center .container-col-left {
max-width: 300px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 80px 40px;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-center .container-col-left {
width: calc(100% - 160px);
align-items: center;
}
} .pastas-gallo-three-columns .col-right {
width: 35%;
height: 100%;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-right {
width: 100%;
display: flex;
justify-content: center;
}
} .pastas-gallo-three-columns .col-right img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .pastas-gallo-three-columns .col-red-square {
position: absolute;
top: 50%;
left: 0%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
align-items: center;
justify-content: center;
display: flex;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-red-square {
position: relative;
top: 50%;
left: 0%;
-ms-transform: translateX(0%) translateY(-50%);
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
min-height: 400px;
}
} .pastas-gallo-three-columns .col-red-square .black-button {
display: none;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-red-square .black-button {
position: absolute;
bottom: -15px;
display: block;
}
} .pastas-gallo-three-columns .col-red-square .red-square {
width: 300px;
max-width: 300px;
height: 300px;
background-color: #e1302b;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
} .pastas-gallo-three-columns .col-red-square .red-square p {
font-size: 24px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin: 0;
padding: 0;
max-width: 195px;
}
@media (max-width: 1023px) { .pastas-gallo-three-columns .col-red-square .red-square {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
}
@font-face {
font-family: 'ArquitectaRegular';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaRegular/font.woff) format("truetype");
}
@font-face {
font-family: 'ArquitectaBook';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Arquitecta/ArquitectaBook/font.woff) format("truetype");
} .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
padding: 0 !important;
} .elementor-widget:not(:last-child) {
margin-bottom: 0 !important;
} .cat-slide-link-name {
opacity: 1 !important;
font-weight: 400 !important;
font-size: 18px !important;
max-width: 120px !important;
text-transform: capitalize !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 0.83 !important;
letter-spacing: normal !important;
color: #000 !important;
margin-bottom: 10px !important;
text-align: center !important;
font-family: "Arquitecta" !important;
}
@media (max-width: 1023px) { .product-level-three .content-slider-products.slider-product-level .swiper-slide.swiper-slide-active .link-display h3 {
width: 170px;
margin-bottom: 40px;
}
} .cat-banner-title {
font-family: Karma, sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-align: center !important;
color: #000 !important;
}
@media (max-width: 767px) { .cat-banner-title {
font-size: 20px;
}
} .cat-banner-text {
font-size: 40px !important;
font-weight: 900 !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-align: center !important;
color: #fff !important;
line-height: 34px !important;
font-family: "Arquitecta" !important;
} .cat-text-red {
font-family: Karma, sans-serif !important;
font-weight: 500 !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-align: center !important;
color: #e1302b !important;
font-size: 20px !important;
max-width: inherit !important;
}
@media (max-width: 767px) { .cat-text-red {
font-size: 20px;
}
} .cat-text-blackbold {
font-family: "Arquitecta" !important;
font-weight: 900 !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 0.8 !important;
letter-spacing: normal !important;
text-align: center !important;
color: #000 !important;
max-width: 530px !important;
margin: 0 auto 30px !important;
font-size: 24px !important;
text-transform: uppercase !important;
}
@media (max-width: 767px) { .cat-text-blackbold {
padding: 0 45px;
}
} .card-body-post-name {
font-family: "Arquitecta" !important;
text-transform: uppercase !important;
text-align: center !important;
margin-bottom: 5px !important;
line-height: 1 !important;
font-size: 24px !important;
font-weight: 900 !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
letter-spacing: normal !important;
color: #000 !important;
}
@media (max-width: 1023px) { .card-body-post-name {
font-size: 24px;
}
} .prod-slide-link-name {
font-family: "Arquitecta" !important;
opacity: 1 !important;
font-size: 22px !important;
font-weight: 300 !important;
margin-bottom: 25px !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
text-transform: capitalize !important;
padding-bottom: 5px !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 0.83 !important;
letter-spacing: normal !important;
color: #000 !important;
text-align: center !important;
}
@media (max-width: 767px) { .prod-slide-link-name {
padding-top: 10px;
}
}  .title-benefit {
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} .title-legumb {
font-family: Arquitecta;
font-size: 40px !important;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: .8;
letter-spacing: normal;
text-align: center;
color: #000;
max-width: 530px;
margin: 0 auto 30px;
} #new-legumbres-red-block-desktop h2.cat-banner-title span {
font-family: Arquitecta;
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: .6;
letter-spacing: normal;
text-align: center;
color: #fff;
text-transform: uppercase;
} #new-legumbres-content h2 {
width: 806px;
margin: 0 auto;
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-red-block-desktop h2.title2 {
margin-top: 90px;
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} #new-legumbres-red-block-desktop h2.title2 span {
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
text-transform: uppercase;
}
@media (max-width: 767px) { #new-legumbres-content h2 {
max-width: 700px;
width: 100%;
padding: 0 10px;
}
}
@media (max-width: 915px) { #new-legumbres-red-block-mobile h2.title2 {
margin-top: 290px;
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #e1302b;
} #new-legumbres-red-block-mobile h2.title2 span {
font-family: Arquitecta;
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
text-transform: uppercase;
} #new-legumbres-red-block-mobile h2.title {
font-family: Karma;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #000;
} #new-legumbres-red-block-mobile h2.title span {
font-family: Arquitecta;
font-size: 60px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: .6;
letter-spacing: normal;
text-align: center;
color: #fff;
text-transform: uppercase;
}
}
@font-face {
font-family: 'Eastgood';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Eastgood/Eastgood.ttf) format("truetype");
} .section-1946-great-selection {
width: 100%;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/plato_desktop@2x.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 97px;
background-position: center;
min-height: 1280px;
position: relative;
}
@media (max-width: 767px) { .section-1946-great-selection {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/plato_mobile@3x.jpg);
padding-top: 70px;
min-height: 1040px;
}
}
@media (min-width: 1080px) and (max-width: 1200px) {
.section-1946-great-selection {
min-height: 125vh;
}
}
@media (min-width: 2000px) and (max-width: 2500px) {
.section-1946-great-selection {
min-height: 140vh;
}
} .section-1946-great-selection br {
display: block;
}
@media (max-width: 767px) { .section-1946-great-selection br {
display: none;
}
} .section-1946-great-selection--title {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 80px;
line-height: 68px;
text-align: center;
color: #F0E6D8;
width: 100%;
max-width: 630px;
margin: 0 auto;
display: block;
}
@media (max-width: 767px) { .section-1946-great-selection--title {
max-width: 315px;
font-size: 50px;
line-height: 43px;
}
} .section-1946-great-selection--subtitle {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #F0E6D8;
width: 100%;
max-width: 485px;
margin: -10px auto 0 auto;
display: block;
}
@media (max-width: 767px) { .section-1946-great-selection--subtitle {
margin-top: 24px;
max-width: 275px;
}
} .section-1946-great-selection>img {
display: block;
margin: 0 auto;
bottom: 145px;
width: 100%;
max-width: 335px;
max-height: 115px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-width: 767px) { .section-1946-great-selection>img {
bottom: 100px;
}
} .section-1946-traditional-method {
padding: 100px 0 0 0;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/red_background.png);
background-size: cover;
background-position: center center;
position: relative;
}
@media (max-width: 767px) { .section-1946-traditional-method {
margin-top: -10px;
background-position: 61% center;
}
} .section-1946-traditional-method br {
display: block;
} .section-1946-traditional-method-top>img {
position: absolute;
left: 50%;
transform: translate(-50%, -47%);
max-height: 172px;
max-width: 270px;
width: 100%;
top: 0;
}
@media (max-width: 767px) { .section-1946-traditional-method-top>img {
max-height: 112px;
max-width: 176px;
}
} .section-1946-traditional-method-top--title {
font-family: "SouthRouteStandup", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 50px;
text-align: center;
color: #f0e6d8;
width: 100%;
max-width: 750px;
margin: 30px auto 0 auto;
display: block;
}
@media (max-width: 767px) { .section-1946-traditional-method-top--title {
max-width: 400px;
font-size: 45px;
}
} .section-1946-traditional-method-top--subtitle {
font-family: 'ArquitectaBook';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #f0e6d8;
width: 100%;
max-width: 770px;
margin: 24px auto 90px auto;
display: block;
} .section-1946-traditional-method-top--subtitle b {
font-size: 24px;
color: #f0e6d8;
}
@media (max-width: 767px) { .section-1946-traditional-method-top--subtitle {
max-width: 303px;
}
} .section-1946-traditional-method-bottom { background-size: cover;
background-repeat: no-repeat;
padding-bottom: 100px;
background-position: 0 50%;
}
@media (max-width: 767px) { .section-1946-traditional-method-bottom { }
} .section-1946-traditional-method-bottom--items {
display: flex;
justify-content: center;
column-gap: 95px;
row-gap: 50px;
}
@media (max-width: 1024px) { .section-1946-traditional-method-bottom--items {
column-gap: 50px;
}
}
@media (max-width: 767px) { .section-1946-traditional-method-bottom--items {
column-gap: 25px;
flex-wrap: wrap;
}
}
@media (max-width: 767px) { .section-1946-traditional-method-bottom--items--item {
flex-basis: 40%;
}
} .section-1946-traditional-method-bottom--items--item img {
display: block;
margin: auto;
max-width: 100px;
max-height: 100px;
width: 100%;
height: 100%;
} .section-1946-traditional-method-bottom--items--item--text {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
text-align: center;
color: #f0e6d8;
margin-top: 35px;
} .section-1946-genuines-innovation {
padding: 93px 0;
background-color: #000;
background-image: url(https://pastasgallo.com/wp-content/themes/bricks-child/assets/images/fondo_negro.jpg);
background-size: 100%;
background-position: center top 95%;
background-repeat: no-repeat;
background-size: cover;
} .section-1946-genuines-innovation br {
display: block;
} .section-1946-genuines-innovation--title--top {
font-family: 'Eastgood';
font-style: normal;
font-weight: 400;
font-size: 70px;
line-height: 70px;
text-align: center;
color: #FFFFFF;
} .section-1946-genuines-innovation--title--top span {
background: linear-gradient(90deg, #E8D0AB 0%, #8D7249 34.95%, #E3CAA5 69.85%, #91764D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) { .section-1946-genuines-innovation--title--top span {
font-size: 58px;
line-height: 58px;
}
}
@media (max-width: 767px) { .section-1946-genuines-innovation--title--top {
font-size: 58px;
line-height: 58px;
}
} .section-1946-genuines-innovation--title--bottom {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 950;
font-size: 80px;
line-height: 68px;
text-align: center;
color: #F0E6D8;
max-width: 540px;
margin: 5px auto 13px auto;
}
@media (max-width: 767px) { .section-1946-genuines-innovation--title--bottom {
font-size: 50px;
line-height: 43px;
max-width: 337px;
}
} .section-1946-genuines-innovation--subtitle {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 450;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #F0E6D8;
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) { .section-1946-genuines-innovation--subtitle {
max-width: 310px;
}
} .section-1946-genuines-innovation .slider-1946 {
width: 100%;
max-width: 715px;
margin: auto;
position: relative;
overflow: hidden;
} .section-1946-genuines-innovation .slider-1946 .swiper-button-next-1946 {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/Vector_6_forward.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
top: 50%;
left: calc(100% - 30px);
transition: 0.2s ease-in-out;
position: absolute;
z-index: 9999999999999999;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-next-1946 {
top: 68%;
left: calc(100% - 100px);
}
}
@media (max-width: 500px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-next-1946 {
left: calc(100% - 70px);
}
} .section-1946-genuines-innovation .slider-1946 .swiper-button-prev-1946 {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/Vector_5_back.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
top: 50%;
transition: 0.2s ease-in-out;
position: absolute;
z-index: 9999999999999999;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-prev-1946 {
top: 68%;
left: 90px;
}
}
@media (max-width: 500px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-prev-1946 {
left: 40px;
}
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946 {
margin-top: 80px;
width: 100%; } .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946>img {
object-fit: cover;
width: 100%;
max-width: 640px;
max-height: 345px;
display: block;
margin: auto;
margin-bottom: 35px;
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946>img:after {
content: '<div></div>';
background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 212, 198, 0) 100%);
opacity: 0.2;
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-title {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 70px;
line-height: 120px;
text-align: center;
text-transform: uppercase;
background: linear-gradient(90deg, #E8D0AB 0%, #8D7249 34.95%, #E3CAA5 69.85%, #91764D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; margin: 20px auto -50px auto;
max-width: 700px;
padding: 0 15px;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-title {
margin-top: 29px;
max-width: 310px;
}
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-text {
font-family: "Arquitecta";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
text-align: center;
color: #F0E6D8;
max-width: 700px;
margin: 20px auto 0 auto;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-text {
font-size: 30px;
line-height: 27px;
max-width: 310px;
}
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946 .shadow {
width: 100%;
background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 212, 198, 0) 100%);
opacity: 0.2;
height: 300px;
top: 115px;
position: absolute;
}
@font-face {
font-family: 'Eastgood';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Eastgood/Eastgood.ttf) format("truetype");
}
@font-face {
font-family: 'Knockout';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Knockout/font.ttf) format("truetype");
}
@font-face {
font-family: 'SouthRouteStandup';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/SouthRouteStandup/font.otf) format("truetype");
} .section-1946-great-selection {
width: 100%;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/plato_desktop@2x.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 97px;
background-position: center;
min-height: 1280px;
position: relative;
}
@media (max-width: 767px) { .section-1946-great-selection {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/plato_mobile@3x.jpg);
padding-top: 70px;
min-height: 1040px;
}
}
@media (min-width: 2000px) and (max-width: 2500px) {
.section-1946-great-selection {
min-height: 140vh;
}
}
@media (min-width: 1080px) and (max-width: 1200px) {
.section-1946-great-selection {
min-height: 125vh;
}
} .section-1946-great-selection br {
display: block;
}
@media (max-width: 767px) { .section-1946-great-selection br {
display: none;
}
} .section-1946-great-selection--title {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 80px;
line-height: 68px;
text-align: center;
color: #F0E6D8;
width: 100%;
max-width: 630px;
margin: 0 auto;
display: block;
}
@media (max-width: 767px) { .section-1946-great-selection--title {
max-width: 315px;
font-size: 50px;
line-height: 43px;
}
} .section-1946-great-selection--subtitle {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #F0E6D8;
width: 100%;
max-width: 485px;
margin: -10px auto 0 auto;
display: block;
}
@media (max-width: 767px) { .section-1946-great-selection--subtitle {
margin-top: 24px;
max-width: 275px;
}
} .section-1946-great-selection>img {
display: block;
margin: 0 auto;
bottom: 145px;
width: 100%;
max-width: 335px;
max-height: 115px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-width: 767px) { .section-1946-great-selection>img {
bottom: 100px;
}
} .section-1946-traditional-method {
padding: 100px 0 0 0;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/red_background.png);
background-size: cover;
background-position: center center;
position: relative;
}
@media (max-width: 767px) { .section-1946-traditional-method {
background-position: 61% center;
margin-top: -10px;
}
} .section-1946-traditional-method br {
display: block;
} .section-1946-traditional-method-top>img {
position: absolute;
left: 50%;
transform: translate(-50%, -47%);
max-height: 172px;
max-width: 270px;
width: 100%;
top: 0;
}
@media (max-width: 767px) { .section-1946-traditional-method-top>img {
max-height: 112px;
max-width: 176px;
}
} .section-1946-traditional-method-top--title {
font-family: "SouthRouteStandup", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 50px;
text-align: center;
color: #f0e6d8;
width: 100%;
max-width: 750px;
margin: 30px auto 0 auto;
display: block;
}
@media (max-width: 767px) { .section-1946-traditional-method-top--title {
max-width: 400px;
font-size: 45px;
}
} .section-1946-traditional-method-top--subtitle {
font-family: 'ArquitectaBook';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #f0e6d8;
width: 100%;
max-width: 770px;
margin: 24px auto 90px auto;
display: block;
}
@media (max-width: 767px) { .section-1946-traditional-method-top--subtitle {
max-width: 303px;
}
} .section-1946-traditional-method-bottom { background-size: cover;
background-repeat: no-repeat;
padding-bottom: 100px;
background-position: 0 50%;
}
@media (max-width: 767px) { .section-1946-traditional-method-bottom { }
} .section-1946-traditional-method-bottom--items {
display: flex;
justify-content: center;
column-gap: 95px;
row-gap: 50px;
}
@media (max-width: 1024px) { .section-1946-traditional-method-bottom--items {
column-gap: 50px;
}
}
@media (max-width: 767px) { .section-1946-traditional-method-bottom--items {
column-gap: 25px;
flex-wrap: wrap;
}
}
@media (max-width: 767px) { .section-1946-traditional-method-bottom--items--item {
flex-basis: 40%;
}
} .section-1946-traditional-method-bottom--items--item img {
display: block;
margin: auto;
max-width: 100px;
max-height: 100px;
width: 100%;
height: 100%;
} .section-1946-traditional-method-bottom--items--item--text {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
text-align: center;
color: #f0e6d8;
margin-top: 35px;
} .section-1946-genuines-innovation {
padding: 93px 0;
background-color: #000;
background-image: url(https://pastasgallo.com/wp-content/themes/bricks-child/assets/images/fondo_negro.jpg);
background-size: 100%;
background-position: center top 95%;
background-repeat: no-repeat;
background-size: cover;
} .section-1946-genuines-innovation br {
display: block;
} .section-1946-genuines-innovation--title1 {
font-family: "SouthRouteStandup", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 70px;
line-height: 120px;
text-align: center;
color: #FFFFFF;
background: linear-gradient(90deg, #E8D0AB 0%, #8D7249 34.95%, #E3CAA5 69.85%, #91764D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) { .section-1946-genuines-innovation--title1 {
font-size: 58px;
line-height: 120px;
}
} .section-1946-genuines-innovation--title2 {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 80px;
line-height: 68px;
text-align: center;
color: #F0E6D8;
max-width: 400px;
margin: 5px auto 13px auto;
}
@media (max-width: 767px) { .section-1946-genuines-innovation--title2 {
font-size: 50px;
line-height: 43px;
max-width: 337px;
}
} .section-1946-genuines-innovation--subtitle {
font-family: 'Arquitecta';
font-style: normal;
font-weight: 450;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #F0E6D8;
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) { .section-1946-genuines-innovation--subtitle {
max-width: 310px;
}
} .section-1946-genuines-innovation .slider-1946 {
width: 100%;
max-width: 715px;
margin: auto;
position: relative;
overflow: hidden;
} .section-1946-genuines-innovation .slider-1946 .swiper-button-next-1946 {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/Vector_6_forward.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
top: 50%;
left: calc(100% - 30px);
transition: 0.2s ease-in-out;
position: absolute;
z-index: 9999999999999999;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-next-1946 {
top: 68%;
left: calc(100% - 100px);
}
}
@media (max-width: 500px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-next-1946 {
left: calc(100% - 70px);
}
} .section-1946-genuines-innovation .slider-1946 .swiper-button-prev-1946 {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/Vector_5_back.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
top: 50%;
transition: 0.2s ease-in-out;
position: absolute;
z-index: 9999999999999999;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-prev-1946 {
top: 68%;
left: 90px;
}
}
@media (max-width: 500px) { .section-1946-genuines-innovation .slider-1946 .swiper-button-prev-1946 {
left: 40px;
}
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946 {
margin-top: 80px;
width: 100%; } .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946>img {
object-fit: cover;
width: 100%;
max-width: 640px;
max-height: 345px;
display: block;
margin: auto;
margin-bottom: 35px;
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946>img:after {
content: '<div></div>';
background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 212, 198, 0) 100%);
opacity: 0.2;
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-title {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 70px;
line-height: 120px;
text-align: center;
text-transform: uppercase;
background: linear-gradient(90deg, #E8D0AB 0%, #8D7249 34.95%, #E3CAA5 69.85%, #91764D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; margin: 20px auto -50px auto;
max-width: 700px;
padding: 0 15px;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-title {
margin-top: 29px;
max-width: 310px;
}
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-text {
font-family: "Arquitecta";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
text-align: center;
color: #F0E6D8;
max-width: 700px;
margin: 20px auto 0 auto;
}
@media (max-width: 767px) { .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946-text {
font-size: 30px;
line-height: 27px;
max-width: 310px;
}
} .section-1946-genuines-innovation .slider-1946 .swiper-slide-1946 .shadow {
width: 100%;
background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 212, 198, 0) 100%);
opacity: 0.2;
height: 300px;
top: 115px;
position: absolute;
} .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 0px !important;
}
.prod-slide-link-name {
height: 100px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0px
}
.wpcf7-form .mid-form p {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wpcf7-form .privacy-group p {
display: flex;
} .active-image {
opacity: 1;
} .hidden-image {
display: none !important;
}
#row-background-caldo-pollo .col-content-product p {
text-align: center !important;
}
@media (max-width: 1249px) {
#row-background-caldo-pollo #imagen_pollo_2 {
width: 82%;
position: relative;
bottom: -15px;
}
}
@media (min-width: 1250px) {
#row-background-caldo-pollo .col-content-product {
width: 412px;
}
#row-background-caldo-pollo {
height: 490px;
}
#row-background-caldo-pollo #imagen_pollo_1 {
position: absolute;
right: -25px;  }
#row-background-caldo-pollo #imagen_pollo_2 {
width: 435px;
position: absolute;
bottom: 30px;  }
#row-background-caldo-pollo #imagen_pollo_3 {
position: absolute;
right: -20px;
bottom: 90px;  }
} .product-page-video {
width: 19
}
.custom-video-container {
position: relative;
display: inline-block;
width: 100%;
height: auto; margin: auto;
overflow: hidden;
}
#videoPromocionalCaldo {
display: block;
width: 100%;
height: 100%; object-fit: cover;
}
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 64px;
height: 64px;
background: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/PLAY.png) no-repeat center center;
background-size: contain;
cursor: pointer;
z-index: 10;
}
.play-button.hidden-playbutton {
visibility: hidden;
}
.product-page-module-3 {
height: fit-content;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fodo_2x.webp);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.product-page-module-3__inside {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo_madera_gallo_2x.webp);
padding: 80px 0 50px 0px;
display: flex;
justify-content: center;
}
.product-page-module-3__outside .twentytwenty-wrapper div#reveal-images {
margin-bottom: -40px;
}
.product-page-module-3__inside .interior-text {
margin: 0;
}
.container-mod3 {
display: flex;
width: 100%;
height: 70%;
position: relative;
}
.product-page-module-3__container.product-page-module-3__outside .round-arrows-2 {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 28px);
z-index: 2;
}
.product-page-module-3__container.product-page-module-3__outside {
position: relative;
}
.container-mod3 #descubre-interior {
width: 100%;
position: relative;
left: -3%;
}
.container-mod3 #descubre-interior img {
width: 50%;
height: auto;
position: relative;
top: 85px;
left: 200px;
}
.interior-text {
height: 30%;
width: 60%;
text-align: center;
display: flex;
flex-direction: column;
margin-top: 5%;
}
.interior-text p strong {
font-weight: 800;
}
.twentytwenty-wrapper {
width: 100%;
}
.twentytwenty-container {
width: 100%;
height: 600px !important;
top: 7%;
left: -15%;
}
.twentytwenty-container #imageTop {
left: 2%;
}
.twentytwenty-container img {
position: absolute;
width: 100%; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.twentytwenty-handle {
background: none; width: 100% !important; height: 100%;
left: 43% !important;
border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/flecha-barra-reveladora.png);
border-radius: 0 !important;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.twentytwenty-overlay {
background: none !important;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
display: none !important;
}
.twentytwenty-handle:before {
left: 2% !important;
background: #E1302B !important;
width: 26% !important;
-webkit-box-shadow: none !important;
height: 5px !important;
}
.twentytwenty-handle:after {
right: 96% !important;
background: #E1302B !important;
width: 11% !important;
-webkit-box-shadow: none !important;
height: 5px !important;
}
.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
display: none !important; }
.soup-components-container {
display: flex;
flex-direction: column;
align-items: center;
}
.composition-text {
width: 50%;
}
.product-page-benefits-container {
width: 100%;
height: 100vh;
background-color: #e1302b;
display: flex;
flex-direction: column;
align-items: center;
}
.benefits-title {
width: 100%;
text-align: center;
margin-bottom: 3%;
}
.soup-benefits-container {
width: 100%;
margin-top: 6%;
display: flex;
flex-direction: column;
align-items: center;
}
.benefits {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.white-box {
height: 111px;
width: 111px;
border: 3px solid #fff;
border-radius: 10px;
} .soup-bricks-container {
text-align: center;
margin-top: 2%;
z-index: 9;
}
.benefit-1:hover,
.benefit-2:hover,
.benefit-3:hover {
opacity: 1 !important;
transition: opacity 0.3s ease;
}
.benefit-dropdown {
background-color: white;
width: 34%;
padding: 15px 50px;
border-radius: 15px;
text-align: center;
position: relative;
margin-top: 15px;
}
.tooltip-arrow-1 {
position: absolute;
top: -25px; left: 13%; transform: translateX(-50%); width: 0;
height: 0;
border-left: 15px solid transparent; border-right: 15px solid transparent;
border-bottom: 25px solid white; }
.tooltip-arrow-2 {
position: absolute;
top: -25px; left: 52%; transform: translateX(-50%); width: 0;
height: 0;
border-left: 15px solid transparent; border-right: 15px solid transparent;
border-bottom: 25px solid white; }
.tooltip-arrow-3 {
position: absolute;
top: -25px; left: 89%; transform: translateX(-50%); width: 0;
height: 0;
border-left: 15px solid transparent; border-right: 15px solid transparent;
border-bottom: 25px solid white; }
.product-page-soup-nutrition {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo-4.jpg);
width: 100%;
height: 125vh;
display: flex;
flex-direction: column;
align-items: center;
}
.nutrition-title {
margin-top: 12%;
}
.nutrition-text {
margin-top: 2%;
text-align: center;
width: 38.5;
max-width: 733.42px;
}
.tips-container {
margin-top: 2%;
}
.deliciousmartha {
position: relative;
right: 7%;
}
.allergens-icons img {
margin: 0 5px;
margin-bottom: 15px;
}
.nutrition-text-2 {
display: flex;
justify-content: center;
}
.nutrition-text-2 p {
width: 66%;
text-align: center;
}
.download-tips {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/free-download.png);
width: 440px;
height: 206px;
background-repeat: no-repeat;
z-index: 2;
position: relative;
left: 53%;
bottom: 21%;
}
.download-tips form {
display: flex;
flex-direction: column;
align-items: center;
transform: rotate(2.5deg);
position: absolute;
top: 42%;
left: 11%;
}
.download-tips form input[type="email"] {
padding: 18px 15px;
border-radius: 10px !important;
border: none;
width: 85%;
margin-bottom: 10px;
box-sizing: border-box;
}
.download-tips form button {
background: transparent;
border: none;
transform: rotate(-5deg);
position: absolute;
top: 10%;
left: 74%;
}
.checkbox-549 {
position: absolute;
opacity: 0;
cursor: pointer;
width: 4%;
z-index: 9;
}
#submit-image {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/send-email.png);
background-size: contain;
background-repeat: no-repeat;
border: none;
width: 25px;
height: 25px;
color: transparent;
cursor: pointer;
background-color: transparent;
position: relative;
left: -11%;
}
.checkbox-container .custom-checkbox {
width: 17px; height: 17px;
border: 1px solid white; border-radius: 4px; background-color: transparent; display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.checkbox-container .custom-checkbox::after {
content: '';
width: 10px;
height: 10px;
background-color: #E1302B;
display: none;
transform: rotate(-6deg);
transform-origin: center;
clip-path: polygon(14% 44%, 0% 67%, 50% 100%, 100% 33%, 74% 14%, 50% 67%);
}
.checkbox-container input[type="checkbox"]:checked+.custom-checkbox {
background-color: white; }
.custom-checkbox.checked::after {
display: block; }
#wpcf7-f17780-o1 form p {
text-align: center;
display: flex;
justify-content: center;
}
#wpcf7-f17780-o1 form p input[type="submit"] {
position: relative;
top: 6px;
left: -16%;
}
#wpcf7-f10908-o1 form p {
text-align: center;
display: flex;
justify-content: center;
}
#wpcf7-f10908-o1 form p input[type="submit"] {
position: relative;
top: 6px;
left: -16%;
}
#wpcf7-2b89ff8-o1 form p {
text-align: center;
display: flex;
justify-content: center;
}
#wpcf7-2b89ff8-o1 form p input[type="submit"] {
position: relative;
top: 6px;
left: -16%;
}
[data-name="checkbox-549"] {
position: absolute;
opacity: 0;
cursor: pointer;
width: 4%;
z-index: 9;
}
.download-tips .wpcf7-not-valid-tip {
color: white;
display: none;
}
.checkbox-container label {
display: flex;
align-items: center;
flex-direction: row;
color: white;
width: 100%;
text-transform: none;
font-weight: 500;
margin-top: 5px;
gap: 8px;
font-size: 14px;
position: absolute;
left: 14%;
}
.checkbox-container label a {
color: white;
text-decoration: underline;
text-transform: none;
font-size: 14px;
}
.product-page-soup-nutrition .bowl-image {
position: relative;
top: -26%;
left: -42%;
}
.product-page-soup-nutrition .round-arrows {
position: relative;
bottom: 59%;
}
.product-page-module-3 .round-arrows-2 {
position: absolute;
bottom: -3%;
}
.corporate-video-container {
width: 100%;
height: 78vh;
background-color: #E1302B;
display: flex;
flex-direction: column;
align-items: center;
}
.corporate-text-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 4%;
margin-bottom: 1.5%;
}
.corporate-text-container img {
margin-bottom: 2%;
}
.corporate-text-container p {
color: #FFFFFF;
text-align: center;
width: 36%;
}
.corporate-text-container p strong {
color: #FFFFFF;
}
.corporate-video-container .video-container {
position: relative;
overflow: hidden;
width: 50%;
max-width: 642px;
margin-left: auto;
margin-right: auto;
}
.corporate-video-container .video-container #corporateVideo {
object-fit: cover;
width: 642px;
height: 321px;
border-radius: 15px;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 64px;
height: 64px;
background: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/PLAY.png) no-repeat center center;
background-size: contain;
cursor: pointer;
z-index: 10;
}
.play-button.hidden-playbutton {
visibility: hidden;
}
.soup-related-articles {
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/fondo-6.png);
}
.product-page-benefits-container-mobile {
display: none;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
.tips-delicious-2 {
display: none;
}
.product-page-benefits h2,
.product-page-benefits h3,
.product-page-corporate-video h2,
.product-page-corporate-video h3 {
color: #ffffff;
}
.product-page-nutrition h2,
.product-page-nutrition h3 {
color: #E1302B;
}
.product-page-nutrition h2 {
font-size: 2rem;
font-family: 'CanteenBN';
font-weight: 300;
margin-bottom: 0.5rem;
}
.product-page-nutrition h3 {
font-family: 'CanteenBN';
font-weight: 800;
font-size: 4rem;
}
.product-page-benefits h2 {
font-family: 'CanteenBN';
font-weight: 800;
font-size: 4rem;
}
.product-page-benefits h3 {
font-size: 2rem;
font-family: 'CanteenBN';
font-weight: 300;
}
.product-page-corporate-video h2 {
font-size: 2.5rem;
}
.product-page-corporate-video h3 {
font-size: 1.8rem;
margin-bottom: 2rem;
font-family: 'Arquitecta';
font-weight: 900;
}
@media (min-width: 1920px) {
.product-page-module-3 {
background-position: 0 35%;
}
.container-mod3 {
max-width: 1500px;
}
.container-mod3 #descubre-interior {
left: 2%;
}
.container-mod3 #descubre-interior img {
width: 57%;
top: 18%;
left: 16%;
}
.twentytwenty-container {
width: 100%;
height: 600px !important;
left: -16%;
}
.interior-text {
width: 37%;
margin-top: 4.5%;
}
.soup-components-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3%;
}
.composition-text {
width: 35%;
margin-top: 1.5%;
text-align: center;
}
.composition-text p,
.composition-text p strong {
color: #ffffff;
text-align: center;
}
.product-page-benefits-container {
height: 79vh;
}
.benefit-2 {
margin-left: 50px;
margin-right: 50px;
}
.benefit-1 img {
position: relative;
top: -30%;
right: 33%;
cursor: pointer;
}
.benefit-2 img {
position: relative;
top: -46%;
right: 53%;
cursor: pointer;
}
.benefit-3 img {
position: relative;
top: -65%;
right: 61%;
cursor: pointer;
}
.benefit-text-1,
.benefit-text-2,
.benefit-text-3 {
Width: 100%;
max-width: 200px;
text-align: center;
}
.benefit-text-3 {
width: 74%;
}
.benefit-text-1 p,
.benefit-text-2 p,
.benefit-text-3 p {
color: #ffffff;
font-weight: 800;
}
.benefit-1,
.benefit-2,
.benefit-3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.product-page-soup-nutrition {
position: relative;
height: 75vh;
}
.corporate-video-container {
height: 45vh;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 83%;
left: -8%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -3%;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.product-page-module-3 {
background-position: 0 63%;
}
.container-mod3 #descubre-interior img {
top: 10%;
left: 40%;
}
.interior-text {
width: 49%;
margin-top: 4%;
}
.product-page-module-3 .round-arrows-2 {
position: absolute;
bottom: -4%;
}
.twentytwenty-handle {
left: 46% !important;
}
.twentytwenty-handle:before {
left: 2% !important;
background: #E1302B !important;
width: 20% !important;
-webkit-box-shadow: none !important;
height: 5px !important;
}
.twentytwenty-handle:after {
right: 96% !important;
background: #E1302B !important;
width: 11% !important;
-webkit-box-shadow: none !important;
height: 5px !important;
}
.soup-components-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3%;
}
.composition-text {
width: 35%;
margin-top: 1.5%;
text-align: center;
}
.composition-text p,
.composition-text p strong {
color: #ffffff;
text-align: center;
}
.product-page-benefits-container {
height: 80vh;
}
.benefit-2 {
margin-left: 50px;
margin-right: 50px;
}
.benefit-1 img {
position: relative;
top: -30%;
right: 33%;
cursor: pointer;
}
.benefit-2 img {
position: relative;
top: -46%;
right: 53%;
cursor: pointer;
}
.benefit-3 img {
position: relative;
top: -65%;
right: 61%;
cursor: pointer;
}
.benefit-text-1,
.benefit-text-2,
.benefit-text-3 {
Width: 100%;
max-width: 200px;
text-align: center;
}
.benefit-text-3 {
width: 74%;
}
.benefit-text-1 p,
.benefit-text-2 p,
.benefit-text-3 p {
color: #ffffff;
font-weight: 800;
}
.benefit-1,
.benefit-2,
.benefit-3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.benefit-dropdown {
width: 47%;
}
.product-page-soup-nutrition {
position: relative;
height: 65vh;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 85%;
left: -12%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -3%;
}
.corporate-video-container {
height: 45vh;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
}
@media (min-width: 1281px) and (max-width: 1439px) {
.product-page-module-3 {
background-position: 0 63%;
height: fit-content;
}
.container-mod3 #descubre-interior img {
top: 20%;
left: 40%;
}
.interior-text {
width: 55%;
margin-top: 4%;
}
.twentytwenty-handle:before {
left: 2% !important;
background: #E1302B !important;
width: 29% !important;
-webkit-box-shadow: none !important;
height: 5px !important;
}
.twentytwenty-handle:after {
width: 14% !important;
}
.soup-components-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3%;
}
.composition-text {
width: 35%;
margin-top: 1.5%;
text-align: center;
}
.composition-text p,
.composition-text p strong {
color: #ffffff;
text-align: center;
}
.product-page-benefits-container {
height: 134vh;
}
.benefit-2 {
margin-left: 50px;
margin-right: 50px;
}
.benefit-1 img {
position: relative;
top: -30%;
right: 33%;
cursor: pointer;
}
.benefit-2 img {
position: relative;
top: -46%;
right: 53%;
cursor: pointer;
}
.benefit-3 img {
position: relative;
top: -65%;
right: 61%;
cursor: pointer;
}
.benefit-text-1,
.benefit-text-2,
.benefit-text-3 {
Width: 100%;
max-width: 200px;
text-align: center;
}
.benefit-text-3 {
width: 74%;
}
.benefit-text-1 p,
.benefit-text-2 p,
.benefit-text-3 p {
color: #ffffff;
font-weight: 800;
}
.benefit-1,
.benefit-2,
.benefit-3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.product-page-soup-nutrition {
position: relative;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 80%;
left: -10%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -3%;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.product-page-module-3 {
background-position: 0 63%;
height: fit-content;
}
.custom-video-container {
height: 70vh;
}
.container-mod3 #descubre-interior img {
width: 45%;
}
.interior-text {
width: 55%;
margin-top: 4%;
}
.twentytwenty-container {
height: 600px !important;
}
.twentytwenty-handle:before {
left: 2% !important;
background: #E1302B !important;
width: 29% !important;
-webkit-box-shadow: none !important;
height: 5px !important;
}
.twentytwenty-handle:after {
width: 14% !important;
}
.soup-components-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3%;
}
.composition-text {
width: 35%;
margin-top: 1.5%;
text-align: center;
}
.composition-text p,
.composition-text p strong {
color: #ffffff;
text-align: center;
}
.product-page-benefits-container {
height: 155vh;
}
.benefit-2 {
margin-left: 50px;
margin-right: 50px;
}
.benefit-1 img {
position: relative;
top: -30%;
right: 33%;
cursor: pointer;
}
.benefit-2 img {
position: relative;
top: -46%;
right: 53%;
cursor: pointer;
}
.benefit-3 img {
position: relative;
top: -65%;
right: 61%;
cursor: pointer;
}
.benefit-text-1,
.benefit-text-2,
.benefit-text-3 {
Width: 100%;
max-width: 200px;
text-align: center;
}
.corporate-video-container {
height: 90vh;
}
.benefit-text-3 {
width: 74%;
}
.benefit-text-1 p,
.benefit-text-2 p,
.benefit-text-3 p {
color: #ffffff;
font-weight: 800;
}
.benefit-1,
.benefit-2,
.benefit-3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.product-page-soup-nutrition {
position: relative;
height: 135vh;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 80%;
left: -10%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: 0;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.product-page-module-3 {
height: fit-content;
}
.interior-text {
width: 69%;
margin-top: 3%;
}
.twentytwenty-handle:before {
width: 29% !important;
}
.product-page-soup-nutrition {
position: relative;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 80%;
left: -13%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -3%;
}
.soup-components-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3%;
}
.composition-text {
width: 35%;
margin-top: 1.5%;
text-align: center;
}
.composition-text p,
.composition-text p strong {
color: #ffffff;
text-align: center;
}
.product-page-benefits-container {
height: 111vh;
}
.benefit-2 {
margin-left: 50px;
margin-right: 50px;
}
.benefit-1 img {
position: relative;
top: -30%;
right: 33%;
cursor: pointer;
}
.benefit-2 img {
position: relative;
top: -46%;
right: 53%;
cursor: pointer;
}
.benefit-3 img {
position: relative;
top: -65%;
right: 61%;
cursor: pointer;
}
.benefit-text-1,
.benefit-text-2,
.benefit-text-3 {
Width: 100%;
max-width: 200px;
text-align: center;
}
.benefit-text-3 {
width: 74%;
}
.benefit-text-1 p,
.benefit-text-2 p,
.benefit-text-3 p {
color: #ffffff;
font-weight: 800;
}
.benefit-1,
.benefit-2,
.benefit-3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.product-page-soup-nutrition {
position: relative;
height: 105vh;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 78%;
left: -20%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -3%;
}
.corporate-text-container {
margin-top: 7%;
}
.corporate-video-container {
height: 72vh;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
} @media (min-width: 822px) and (max-width: 1024px) { .interior-text {
width: 83%;
margin-top: 3%;
}
.custom-video-container {
height: 40vh;
}
.twentytwenty-handle:before {
width: 29% !important;
}
.checkbox-container #privacy-policy {
width: 4%;
}
.product-page-benefits-container {
display: none;
}
.product-page-benefits-container-mobile {
width: 100%; background-color: #e1302b;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits-title {
margin-bottom: 7%;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits {
flex-direction: column;
}
.product-page-benefits-container-mobile .benefit-1 .white-box img {
position: relative;
top: -30%;
right: 32%;
}
.product-page-benefits-container-mobile .benefit-2 .white-box img {
position: relative;
top: -46%;
right: 56%;
}
.product-page-benefits-container-mobile .benefit-3 .white-box img {
position: relative;
top: -65%;
right: 61%;
}
.product-page-benefits-container-mobile .benefit-text-1,
.product-page-benefits-container-mobile .benefit-text-2,
.product-page-benefits-container-mobile .benefit-text-3 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .benefit-text-1 p:first-child,
.product-page-benefits-container-mobile .benefit-text-2 p:first-child,
.product-page-benefits-container-mobile .benefit-text-3 p:first-child {
font-weight: 800;
color: #ffffff;
margin-top: 4%;
margin-bottom: 0rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-2 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-3 p:nth-child(2) {
width: 62%;
margin-bottom: 5rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p,
.product-page-benefits-container-mobile .benefit-text-2 p,
.product-page-benefits-container-mobile .benefit-text-3 p {
color: #ffffff;
}
.product-page-benefits-container-mobile .benefit-1,
.product-page-benefits-container-mobile .benefit-2,
.product-page-benefits-container-mobile .benefit-3 {
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .composition-text {
margin-top: 1rem;
}
.product-page-benefits-container-mobile .composition-text p,
.product-page-benefits-container-mobile .composition-text p strong {
text-align: center;
color: #ffffff;
}
.product-page-soup-nutrition {
height: 57vh;
}
.product-page-soup-nutrition .nutrition-title {
margin-top: 9rem;
}
.product-page-soup-nutrition .tips-container .deliciousmartha {
left: 3%;
width: 97%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha img {
width: 70%;
}
.product-page-soup-nutrition .tips-container .download-tips {
left: 43%;
}
.product-page-soup-nutrition .bowl-image {
position: relative;
top: -24%;
left: -32%;
}
.product-page-soup-nutrition .round-arrows {
bottom: 60%;
}
.product-page-soup-nutrition .bowl-image img {
width: 80%;
}
.corporate-video-container {
height: 45vh;
}
.corporate-video-container .corporate-text-container {
margin-top: 5rem;
}
.corporate-video-container .video-container {
width: 65%;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 642px;
height: 321px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
} @media (min-width: 820px) and (max-width: 821px) {
.product-page-module-3 {
height: fit-content;
}
.product-page-module-3 .round-arrows-2 {
position: absolute;
bottom: -5%;
}
.interior-text {
width: 83%;
margin-top: 3%;
}
.custom-video-container {
height: 38vh;
}
.twentytwenty-handle:before {
width: 29% !important;
}
.checkbox-container #privacy-policy {
width: 4%;
}
.product-page-benefits-container {
display: none;
}
.product-page-benefits-container-mobile {
width: 100%;
height: 143vh;
background-color: #e1302b;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits-title {
margin-bottom: 7%;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits {
flex-direction: column;
}
.product-page-benefits h2 {
font-size: 3rem;
}
.product-page-benefits h3 {
margin-bottom: 1rem;
}
.product-page-benefits-container-mobile .benefit-1 .white-box img {
position: relative;
top: -30%;
right: 32%;
}
.product-page-benefits-container-mobile .benefit-2 .white-box img {
position: relative;
top: -46%;
right: 56%;
}
.product-page-benefits-container-mobile .benefit-3 .white-box img {
position: relative;
top: -65%;
right: 61%;
}
.product-page-benefits-container-mobile .benefit-text-1,
.product-page-benefits-container-mobile .benefit-text-2,
.product-page-benefits-container-mobile .benefit-text-3 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .benefit-text-1 p:first-child,
.product-page-benefits-container-mobile .benefit-text-2 p:first-child,
.product-page-benefits-container-mobile .benefit-text-3 p:first-child {
font-weight: 800;
color: #ffffff;
margin-top: 4%;
margin-bottom: 0rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-2 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-3 p:nth-child(2) {
width: 62%;
margin-bottom: 5rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p,
.product-page-benefits-container-mobile .benefit-text-2 p,
.product-page-benefits-container-mobile .benefit-text-3 p {
color: #ffffff;
}
.product-page-benefits-container-mobile .benefit-1,
.product-page-benefits-container-mobile .benefit-2,
.product-page-benefits-container-mobile .benefit-3 {
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .composition-text {
margin-top: 1rem;
}
.product-page-benefits-container-mobile .composition-text p,
.product-page-benefits-container-mobile .composition-text p strong {
text-align: center;
color: #ffffff;
}
.product-page-benefits-container-mobile .soup-bricks-container img {
width: 90%;
height: auto;
}
.product-page-soup-nutrition {
height: 82vh;
}
.product-page-soup-nutrition .nutrition-title {
margin-top: 9rem;
}
.product-page-nutrition h2 {
font-size: 3rem;
}
.product-page-soup-nutrition .tips-container .deliciousmartha {
left: 3%;
width: 97%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha img {
width: 70%;
}
.product-page-soup-nutrition .tips-container .download-tips {
left: 41%;
}
.product-page-soup-nutrition .bowl-image {
position: relative;
top: -21%;
left: -38%;
}
.product-page-soup-nutrition .round-arrows {
bottom: 55%;
}
.product-page-soup-nutrition .bowl-image img {
width: 80%;
}
.corporate-video-container {
height: 63vh;
}
.corporate-video-container .corporate-text-container {
margin-top: 4rem;
}
.corporate-video-container .corporate-text-container h1 {
width: 67%;
font-size: 3rem;
}
.corporate-video-container .corporate-text-container h2 {
width: 50%;
font-weight: 600;
font-size: 2rem;
}
.corporate-video-container .video-container {
width: 100%;
text-align: center;
}
.corporate-video-container .video-container #corporateVideo {
width: 513px;
height: 256px;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 513px;
height: 256px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
} @media (min-width: 768px) and (max-width: 819px) {
.product-page-module-3 {
height: fit-content;
}
.product-page-module-3 .round-arrows-2 {
position: absolute;
bottom: -5%;
}
.container-mod3 #descubre-interior img {
width: 50%;
height: auto;
position: relative;
top: 18%;
left: 30%;
}
.custom-video-container {
height: 42vh;
}
.round-arrows-2 {
position: absolute;
bottom: -6%;
}
.interior-text {
width: 80%;
margin-top: -1%;
} .product-page-benefits-container {
display: none;
}
.product-page-benefits h2 {
font-size: 3rem;
}
.product-page-benefits h3 {
margin-bottom: 1rem;
}
.product-page-benefits-container-mobile {
width: 100%; background-color: #e1302b;
display: flex;
flex-direction: column;
align-items: center;
}
.soup-benefits-container {
margin-top: 10%;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits-title {
margin-bottom: 7%;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits {
flex-direction: column;
}
.product-page-benefits-container-mobile .benefit-1 .white-box img {
position: relative;
top: -30%;
right: 32%;
}
.product-page-benefits-container-mobile .benefit-2 .white-box img {
position: relative;
top: -46%;
right: 56%;
}
.product-page-benefits-container-mobile .benefit-3 .white-box img {
position: relative;
top: -65%;
right: 61%;
}
.product-page-benefits-container-mobile .benefit-text-1,
.product-page-benefits-container-mobile .benefit-text-2,
.product-page-benefits-container-mobile .benefit-text-3 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .benefit-text-1 p:first-child,
.product-page-benefits-container-mobile .benefit-text-2 p:first-child,
.product-page-benefits-container-mobile .benefit-text-3 p:first-child {
font-weight: 800;
color: #ffffff;
margin-top: 4%;
margin-bottom: 0rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-2 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-3 p:nth-child(2) {
width: 62%;
margin-bottom: 5rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p,
.product-page-benefits-container-mobile .benefit-text-2 p,
.product-page-benefits-container-mobile .benefit-text-3 p {
color: #ffffff;
}
.product-page-benefits-container-mobile .benefit-1,
.product-page-benefits-container-mobile .benefit-2,
.product-page-benefits-container-mobile .benefit-3 {
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .composition-text {
margin-top: 1rem;
}
.product-page-benefits-container-mobile .composition-text p,
.product-page-benefits-container-mobile .composition-text p strong {
text-align: center;
color: #ffffff;
}
.product-page-benefits-container-mobile .soup-bricks-container img {
width: 90%;
height: auto;
}
.product-page-soup-nutrition {
height: 57vh;
}
.product-page-soup-nutrition .nutrition-title {
margin-top: 9rem;
}
.product-page-soup-nutrition .tips-container .deliciousmartha {
left: 3%;
width: 97%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha img {
width: 70%;
}
.product-page-soup-nutrition .tips-container .download-tips {
left: 41%;
}
.product-page-soup-nutrition .bowl-image {
position: relative;
top: -26%;
left: -22%;
}
.product-page-soup-nutrition .round-arrows {
bottom: 48%;
}
.product-page-soup-nutrition .bowl-image img {
width: 60%;
}
.corporate-video-container .corporate-text-container h1 {
width: 67%;
font-size: 3rem;
}
.corporate-video-container .corporate-text-container h2 {
width: 50%;
font-weight: 600;
font-size: 2rem;
}
.corporate-text-container p {
width: 70%;
}
.corporate-video-container {
height: 35vh;
}
.corporate-video-container .corporate-text-container {
margin-top: 4rem;
}
.corporate-video-container .video-container {
width: 100%;
text-align: center;
}
.corporate-video-container .video-container #corporateVideo {
width: 513px;
height: 256px;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 513px;
height: 256px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
}
@media (min-width: 390px) and (max-width: 767px) {
.product-page-module-3 {
height: fit-content;
}
.custom-video-container {
height: 25vh;
}
.container-mod3 {
flex-direction: column;
align-items: center;
justify-content: center;
}
.round-arrows-2 {
position: absolute;
bottom: -2%;
}
.interior-text {
width: 85%;
margin-top: 0;
}
.container-mod3 #descubre-interior img {
width: 60%;
top: 30%;
left: 50%;
transform: translate(-50%, 0);
}
.twentytwenty-container {
top: 20%;
left: -1%;
}
.twentytwenty-handle:after {
right: 94% !important;
}
.twentytwenty-handle:before {
width: 30% !important;
}
.product-page-benefits-container {
display: none;
}
.product-page-benefits h2 {
font-size: 2.5rem;
}
.product-page-benefits h3 {
font-size: 1.7rem;
}
.product-page-benefits-container-mobile {
width: 100%;
height: 1741px;
background-color: #e1302b;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .soup-benefits-container {
margin-top: 4rem;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits-title {
margin-bottom: 4rem;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits {
flex-direction: column;
}
.product-page-benefits-container-mobile .benefit-1 .white-box img {
position: relative;
top: -30%;
right: 32%;
}
.product-page-benefits-container-mobile .benefit-2 .white-box img {
position: relative;
top: -46%;
right: 56%;
}
.product-page-benefits-container-mobile .benefit-3 .white-box img {
position: relative;
top: -65%;
right: 61%;
}
.product-page-benefits-container-mobile .benefit-text-1,
.product-page-benefits-container-mobile .benefit-text-2,
.product-page-benefits-container-mobile .benefit-text-3 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .benefit-text-1 p:first-child,
.product-page-benefits-container-mobile .benefit-text-2 p:first-child,
.product-page-benefits-container-mobile .benefit-text-3 p:first-child {
font-weight: 800;
color: #ffffff;
margin-top: 2rem;
margin-bottom: 1rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-2 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-3 p:nth-child(2) {
width: 80%;
margin-bottom: 5rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p,
.product-page-benefits-container-mobile .benefit-text-2 p,
.product-page-benefits-container-mobile .benefit-text-3 p {
color: #ffffff;
}
.product-page-benefits-container-mobile .benefit-1,
.product-page-benefits-container-mobile .benefit-2,
.product-page-benefits-container-mobile .benefit-3 {
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .composition-text {
width: 80%;
margin-top: 1rem;
}
.product-page-benefits-container-mobile .composition-text p,
.product-page-benefits-container-mobile .composition-text p strong {
color: #ffffff;
text-align: center;
}
.product-page-benefits-container-mobile .soup-bricks-container img {
width: 100%;
height: auto;
}
.product-page-soup-nutrition {
height: 75vh;
position: relative;
}
.product-page-soup-nutrition .nutrition-title {
margin-top: 6rem;
}
.product-page-nutrition h2 {
font-size: 1.78rem;
}
.product-page-nutrition h3 {
font-size: 3rem;
}
.product-page-soup-nutrition .nutrition-text {
width: 80%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha {
left: 3%;
width: 97%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha img {
width: 100%;
}
.tips-delicious-2 {
display: block;
}
.tips-delicious {
display: none;
}
.product-page-soup-nutrition .tips-container .download-tips {
width: 255px;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/free-download-2.png);
background-size: contain;
left: 23%;
bottom: 10%;
}
.product-page-soup-nutrition .tips-container #download-form {
top: 30%;
}
.product-page-soup-nutrition .tips-container #download-form input[type="email"] {
width: 82%;
}
.download-tips form {
top: 28%;
left: 5%;
}
#wpcf7-f17780-o1 form p input[type="submit"] {
left: -18%;
}
.checkbox-container label {
left: 7%;
}
.download-tips .wpcf7-spinner {
display: none;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 91%;
left: -29%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -2%;
}
.product-page-soup-nutrition .bowl-image img {
width: 75%;
}
.corporate-video-container .corporate-text-container h1 {
width: 67%;
font-size: 3rem;
}
.corporate-video-container .corporate-text-container h2 {
width: 50%;
font-weight: 600;
font-size: 2rem;
}
.corporate-text-container p {
width: 80%;
}
.corporate-video-container {
height: 50vh;
}
.sostenible-desktop {
display: none;
}
.corporate-video-container .corporate-text-container {
margin-top: 10rem;
}
.corporate-video-container .video-container {
width: 100%;
text-align: center;
}
.corporate-video-container .video-container #corporateVideo {
width: 370px;
height: 256px;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 370px;
height: 256px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
}
@media (min-width: 319px) and (max-width: 389px) {
.product-page-module-3 {
height: fit-content;
}
.custom-video-container {
height: 27vh;
}
.round-arrows-2 {
position: absolute;
bottom: -3%;
}
.soup-bricks-img {
width: 970px;
height: 590px;
}
.container-mod3 {
flex-direction: column;
align-items: center;
justify-content: center;
}
.interior-text {
width: 85%;
margin-top: 0;
}
.container-mod3 #descubre-interior img {
width: 60%;
top: 30%;
left: 50%;
transform: translate(-50%, 0);
}
.twentytwenty-container {
top: 20%;
left: -1%;
}
.twentytwenty-handle:after {
right: 94% !important;
}
.twentytwenty-handle:before {
width: 30% !important;
}
.product-page-benefits-container {
display: none;
}
.product-page-benefits-container-mobile {
width: 100%;
height: 1810px;
background-color: #e1302b;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits h2 {
font-size: 2.8rem;
}
.product-page-benefits h3 {
font-size: 1.6rem;
margin-bottom: 1rem;
}
.product-page-benefits-container-mobile .soup-benefits-container {
margin-top: 4rem;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits-title {
margin-bottom: 4rem;
}
.product-page-benefits-container-mobile .soup-benefits-container .benefits {
flex-direction: column;
}
.product-page-benefits-container-mobile .benefit-1 .white-box img {
position: relative;
top: -30%;
right: 32%;
}
.product-page-benefits-container-mobile .benefit-2 .white-box img {
position: relative;
top: -46%;
right: 56%;
}
.product-page-benefits-container-mobile .benefit-3 .white-box img {
position: relative;
top: -65%;
right: 61%;
}
.product-page-benefits-container-mobile .benefit-text-1,
.product-page-benefits-container-mobile .benefit-text-2,
.product-page-benefits-container-mobile .benefit-text-3 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .benefit-text-1 p:first-child,
.product-page-benefits-container-mobile .benefit-text-2 p:first-child,
.product-page-benefits-container-mobile .benefit-text-3 p:first-child {
font-weight: 800;
color: #ffffff;
margin-top: 2rem;
margin-bottom: 1rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-2 p:nth-child(2),
.product-page-benefits-container-mobile .benefit-text-3 p:nth-child(2) {
width: 80%;
margin-bottom: 5rem;
}
.product-page-benefits-container-mobile .benefit-text-1 p,
.product-page-benefits-container-mobile .benefit-text-2 p,
.product-page-benefits-container-mobile .benefit-text-3 p {
color: #ffffff;
}
.product-page-benefits-container-mobile .benefit-1,
.product-page-benefits-container-mobile .benefit-2,
.product-page-benefits-container-mobile .benefit-3 {
display: flex;
flex-direction: column;
align-items: center;
}
.product-page-benefits-container-mobile .composition-text {
margin-top: 1rem;
width: 80%;
}
.product-page-benefits-container-mobile .composition-text p,
.product-page-benefits-container-mobile .composition-text p strong {
text-align: center;
color: #ffffff;
}
.product-page-benefits-container-mobile .soup-bricks-container {
z-index: 9;
}
.product-page-benefits-container-mobile .soup-bricks-container img {
width: 100%;
height: auto;
}
.product-page-soup-nutrition {
height: 90vh;
position: relative;
}
.product-page-soup-nutrition .nutrition-title {
margin-top: 6rem;
}
.product-page-soup-nutrition .nutrition-title h1 {
font-size: 1.8rem;
}
.product-page-soup-nutrition .nutrition-title h2 {
font-size: 3rem;
}
.product-page-soup-nutrition .nutrition-text {
width: 80%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha {
left: 3%;
width: 97%;
}
.product-page-soup-nutrition .tips-container .deliciousmartha img {
width: 100%;
}
.tips-delicious-2 {
display: block;
}
.tips-delicious {
display: none;
}
.product-page-soup-nutrition .tips-container .download-tips {
left: 41%;
}
.checkbox-container label {
left: 7%;
}
.download-tips .wpcf7-spinner {
display: none;
}
.product-page-soup-nutrition .bowl-image {
position: absolute;
top: 93%;
left: -25%;
}
.product-page-soup-nutrition .round-arrows {
position: absolute;
bottom: -2%;
}
.product-page-soup-nutrition .bowl-image img {
width: 70%;
}
.product-page-soup-nutrition .tips-container .download-tips {
left: 23%;
width: 256px;
background-image: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/images/free-download-2.png);
background-size: contain;
bottom: 10%;
}
.product-page-soup-nutrition .tips-container .download-tips #download-form {
top: 20%;
width: 92%;
left: 2%;
}
.product-page-soup-nutrition .tips-container .download-tips #download-form input[type="email"] {
width: 82%;
}
.download-tips form {
top: 26%;
left: 8%;
}
#wpcf7-f17780-o1 form p input[type="submit"] {
left: -18%;
}
.corporate-text-container p {
width: 80%;
}
.corporate-video-container .corporate-text-container h2 {
width: 73%;
font-size: 1.3rem;
}
.corporate-video-container {
height: 45vh;
}
.corporate-video-container .corporate-text-container {
margin-top: 8rem;
}
.corporate-video-container .video-container {
width: 100%;
text-align: center;
}
.corporate-video-container .video-container #corporateVideo {
width: 350px;
height: 256px;
}
.corporate-video-container .video-container {
display: flex;
justify-content: center;
align-items: center;
}
.video-overlay-2 {
position: absolute;
width: 350px;
height: 256px;
background-color: rgba(0, 0, 0, 0.5); z-index: 2;
border-radius: 15px;
}
} @media screen and (min-width: 375px) and (max-width: 375px) and (min-height: 667px) and (max-height: 667px) {
.product-page-benefits-container-mobile {
height: 1790px;
}
.product-page-soup-nutrition {
height: 195vh;
}
.corporate-video-container .corporate-text-container {
margin-top: 8rem;
}
å .corporate-video-container {
height: 120vh;
}
} @media screen and (min-width: 360px) and (max-width: 360px) and (min-height: 740px) and (max-height: 740px) {
.product-page-benefits-container-mobile {
height: 1865px;
}
.product-page-benefits h2 {
font-size: 2.7rem;
}
.product-page-benefits h3 {
font-size: 1.5rem;
}
.product-page-soup-nutrition .nutrition-title h2 {
font-size: 1.7;
}
.product-page-soup-nutrition .nutrition-title h3 {
font-size: 2.8rem;
}
.corporate-video-container {
height: 102vh;
}
} @font-face {
font-family: 'BebasNeue';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/BebasNeue/BebasNeueRegular.woff2) format('woff2'),
url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/BebasNeue/BebasNeueRegular.woff) format('woff');
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url(//dev-newgallo25.iboomobile.com/wp-content/themes/bricks-child/assets/fonts/Barlow/BarlowCondensedRegular.otf) format('opentype');
font-style: normal;
}
.product-page-nutrition h2,
.product-page-nutrition h3,
.product-page-benefits h2,
.product-page-benefits h3,
.soup-components-container h2,
.soup-components-container h3 {
font-family: 'Barlow', sans-serif;
} .single-product.custom-caldo-pollo .product-page-benefits-container {
height: fit-content;
position: relative;
}
.single-product.custom-caldo-pollo .product-page-benefits-container .soup-bricks-container {
margin-bottom: -175px;
}
.single-product.custom-caldo-pollo .product-page-module-3 .round-arrows-2 {
z-index: 1;
}
.single-product.custom-caldo-pollo .product-page-module-3 .product-page-module-3 {
background-image: unset !important;
}
.single-product.custom-caldo-pollo .product-page-module-3 .product-page-module-3 .interior-text {
padding-top: 30px;
}
.single-product.custom-caldo-pollo .product-page-soup-nutrition {
height: fit-content;
}
.single-product.custom-caldo-pollo .corporate-video-container {
height: fit-content;
padding-bottom: 80px;
}
.single-product.custom-caldo-pollo .product-page-soup-nutrition .nutrition-title {
margin-top: 200px;
}
.product-page-benefits-container-mobile .soup-bricks-img {
margin-bottom: -170px;
max-width: 100%;
}
.single-product.custom-caldo-pollo .deliciousmartha {
margin-bottom: -100px;
}
.download-tips:before {
content: '';
width: 80px;
height: 80px;
position: absolute;
z-index: 3;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCA2NyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTk1ODk4IDEuOTIyNDZDMC43MTQ1ODEgMS40NDcxOSAwLjg3MTgwOCAwLjgzMzg1NiAxLjM0NzA4IDAuNTUyNTM4QzEuODIyMzQgMC4yNzEyMjEgMi40MzU2OCAwLjQyODQ0OSAyLjcxNjk5IDAuOTAzNzE2TDAuOTk1ODk4IDEuOTIyNDZaTTY2LjA5NDggMjIuNzgxN0M2Ni41NjM0IDIzLjA3MzkgNjYuNzA2NCAyMy42OTA3IDY2LjQxNDEgMjQuMTU5M0w2MS42NTE2IDMxLjc5NkM2MS4zNTkzIDMyLjI2NDYgNjAuNzQyNSAzMi40MDc2IDYwLjI3MzkgMzIuMTE1M0M1OS44MDUzIDMxLjgyMzEgNTkuNjYyMyAzMS4yMDYzIDU5Ljk1NDYgMzAuNzM3N0w2NC4xODc5IDIzLjk0OTVMNTcuMzk5OCAxOS43MTYyQzU2LjkzMTIgMTkuNDIzOSA1Ni43ODgyIDE4LjgwNzEgNTcuMDgwNCAxOC4zMzg1QzU3LjM3MjcgMTcuODY5OSA1Ny45ODk1IDE3LjcyNjkgNTguNDU4MSAxOC4wMTkxTDY2LjA5NDggMjIuNzgxN1pNMi43MTY5OSAwLjkwMzcxNkM4Ljk1NjI1IDExLjQ0NDUgMzAuMjc3IDMwLjc4MzUgNjUuMzM5OCAyMi42NTZMNjUuNzkxNCAyNC42MDQzQzI5LjcyMDQgMzIuOTY1NiA3LjU5MDMzIDEzLjA2MzMgMC45OTU4OTggMS45MjI0NkwyLjcxNjk5IDAuOTAzNzE2WiIgZmlsbD0iI0UxMzAyQiIvPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-size: auto;
left: -80px;
bottom: 45px;
}
section.product-page-banner {
overflow: hidden;
}
.benefits>div:not(.active) {
opacity: 0.5;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
.single-product.custom-caldo-pollo .product-page-module-3 {
position: relative;
z-index: 1;
padding-top: 50px;
height: fit-content;
}
.single-product.custom-caldo-pollo section.product-page-nutrition {
overflow-x: clip;
}
section.product-page-benefits {
overflow-x: clip;
}
.single-product.custom-caldo-pollo .product-page-module-3 .product-page-module-3 .interior-text {
padding-top: 30px;
padding-bottom: 50px;
}
.single-product.custom-caldo-pollo .product-page-module-3 .round-arrows-2 {
bottom: -27px;
}
.single-product.custom-caldo-pollo .nutrition-title h3 {
font-size: 2.5rem;
margin-bottom: 100px;
}
.single-product.custom-caldo-pollo .nutrition-title h2 {
font-size: 1.6rem;
}
.download-tips:before {
display: none;
}
.single-product.custom-caldo-pollo .deliciousmartha {
margin-bottom: -28px;
}
.single-product.custom-caldo-pollo .product-page-soup-nutrition {
height: fit-content;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 575px) {
.single-product.custom-caldo-pollo .product-page-module-3 .product-page-module-3 {
padding-bottom: 50px;
} .single-product.custom-caldo-pollo .product-page-soup-nutrition .nutrition-title {
margin-top: 120px;
}
.single-product.custom-caldo-pollo .nutrition-title h3 {
margin-bottom: 50px;
}
.product-page-benefits-container-mobile .benefit-text-3 p:nth-child(2) {
margin-bottom: 40px;
}
.product-page-benefits-container-mobile .composition-text p {
margin-bottom: 50px;
margin-top: 20px;
}
}
@media only screen and (max-width: 500px) { }
@media only screen and (max-width: 400px) { }
@media only screen and (max-width: 390px) { }
@media only screen and (max-width: 359px) {
.single-product.custom-caldo-pollo .product-page-soup-nutrition .nutrition-title h2 {
font-size: 2.5rem;
}
.single-product.custom-caldo-pollo .product-page-nutrition h3 {
font-size: 3rem;
}
.single-product.custom-caldo-pollo .product-page-module-3 .product-page-module-3 .interior-text {
padding: 0;
}
}
.single-product.custom-caldo-pollo .product-page-video {
line-height: 0;
}
@media (min-width: 319px) and (max-width: 389px) {
.single-product.custom-caldo-pollo .nutrition-title h2 {
font-size: 1.6rem;
}
.single-product.custom-caldo-pollo .nutrition-title h3 {
font-size: 2.5rem;
margin-bottom: 60px;
}
.product-page-benefits h2 {
font-size: 2.3rem;
}
}
@media only screen and (max-width: 998px) {
.single-product.custom-caldo-pollo .twentytwenty-container #imageBottom {
left: -2%;
}
.single-product.custom-caldo-pollo .twentytwenty-container #imageTop {
left: auto;
}
}
@media only screen and (max-width: 768px) {
.single-product.custom-caldo-pollo .container-mod3 #descubre-interior {
left: auto;
margin-bottom: 50px;
}
.single-product.custom-caldo-pollo .twentytwenty-container #imageTop {
left: auto;
}
.single-product.custom-caldo-pollo .twentytwenty-container #imageBottom {
left: -2%;
}
.benefits-title {
padding: 0 20px;
}
}
@media only screen and (max-width: 1025px) {
.single-product.custom-caldo-pollo .custom-video-container {
height: auto;
max-height: 90vh;
}
}
@media only screen and (max-width: 768px) {
.benefits:hover>div {
opacity: 0.5;
transition: opacity 0.3s ease;
}
.single-product.custom-caldo-pollo .container-mod3 .twentytwenty-wrapper.twentytwenty-vertical {
margin-left: -25px;
}
}
@media only screen and (max-width: 767px) {
.product-page-module-3__outside .twentytwenty-wrapper div#reveal-images {
margin-bottom: -80px;
}
.product-page-module-3__inside {
padding: 100px 0 50px 0px;
}
}
@media only screen and (max-width: 575px) {
.product-page-benefits-container-mobile .soup-bricks-container img {
min-height: 250px;
max-height: 250px;
}
.product-page-benefits-container-mobile .soup-bricks-img {
margin-bottom: -90px;
max-width: 100%;
}
.product-page-benefits-container-mobile {
width: 100%;
height: fit-content !important;
}
.twentytwenty-container {
height: 400px !important;
}
}  .banner-nutrition-and-tips-single .content-banner .publication-date {
display: block !important;
text-align: center !important;
color: #e1302b !important;
font-family: Karma, serif !important;
font-size: 18px !important;
font-weight: 500 !important;
margin-bottom: 10px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
} .brxe-pastas-gallo-press-single .banner-nutrition-and-tips-single .content-banner h1 {
font-family: Arquitecta, sans-serif !important;
font-size: 38px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
line-height: 1.15 !important;
text-transform: uppercase !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
}
.brxe-pastas-gallo-press-single .banner-nutrition-and-tips-single .content-banner {
padding: 50px 80px !important;
background-color: #f0ebe7 !important;
max-width: 840px !important;
text-align: center !important;
box-shadow: none !important;
border: none !important;
}
@media (max-width: 1023px) {
.brxe-pastas-gallo-press-single .banner-nutrition-and-tips-single .content-banner {
width: calc(100% - 60px) !important;
padding: 40px 20px !important;
}
.brxe-pastas-gallo-press-single .banner-nutrition-and-tips-single .content-banner h1 {
font-size: 28px !important;
}
} .brxe-pastas-gallo-press-single .banner-nutrition-and-tips-single {
width: 100vw;
margin-left: calc(-50vw + 50%);
max-width: 100vw;
}
.brxe-pastas-gallo-press-single .single-content {
max-width: 600px !important; margin: auto !important;
padding: 0 20px !important;
position: relative !important;
} .brxe-pastas-gallo-press-single .shared-social {
position: fixed !important;
top: 42vh !important;
right: 0 !important;
z-index: 9999 !important;
background-color: #e1302b !important;
padding: 0 !important;
margin: 0 !important;
}
.brxe-pastas-gallo-press-single .shared-social .collapse:not(.show) {
display: block !important;
}
.brxe-pastas-gallo-press-single .shared-social .card-body {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
margin: 0 !important;
background-color: #e1302b !important;
border: none !important;
border-radius: 0 !important;
}
.brxe-pastas-gallo-press-single .shared-social .resp-sharing-button__link {
display: block !important;
margin: 0 !important;
padding: 10px 12px !important;
transition: background-color 0.2s ease-in-out !important;
}
.brxe-pastas-gallo-press-single .shared-social .resp-sharing-button__link:hover {
background-color: #b71c1c !important;
}
.brxe-pastas-gallo-press-single .shared-social .resp-sharing-button__icon img {
width: 20px !important;
height: auto !important;
display: block !important;
margin: 0 auto !important;
} .brxe-pastas-gallo-press-single .single-content article ul {
list-style-type: disc !important;
margin-left: 20px !important;
margin-bottom: 20px !important;
padding-left: 0 !important;
}
.brxe-pastas-gallo-press-single .single-content article li {
font-family: Arquitecta, sans-serif !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #1d1d1b !important;
margin-bottom: 12px !important;
list-style-type: disc !important;
display: list-item !important;
}
.brxe-pastas-gallo-press-single .single-content article p {
font-family: Arquitecta, sans-serif !important;
font-size: 16px !important;
line-height: 1.6 !important;
color: #1d1d1b !important;
margin-bottom: 25px !important;
}
.brxe-pastas-gallo-press-single .single-content article p strong,
.brxe-pastas-gallo-press-single .single-content article li strong {
font-weight: 800 !important;
}
@media (max-width: 767px) {
.brxe-pastas-gallo-press-single .single-content {
padding: 0 15px !important;
}
.brxe-pastas-gallo-press-single .banner-nutrition-and-tips-single .content-banner h1 {
font-size: 22px !important;
} .brxe-pastas-gallo-press-single .shared-social {
position: absolute !important;
top: 15px !important;
right: 15px !important;
}
} .banner-nutrition-and-tips-single .content-banner {
padding: 50px 80px !important;
background-color: #f0ebe7 !important;
max-width: 840px !important;
text-align: center !important;
box-shadow: none !important;
border: none !important;
}
.banner-nutrition-and-tips-single .content-banner h1.banner-black-text {
font-family: Arquitecta !important;
font-size: 60px !important;
font-weight: 900 !important;
font-stretch: normal;
font-style: normal;
line-height: 0.8 !important;
letter-spacing: normal;
text-align: center !important;
color: #000000 !important;
}
@media (max-width: 1023px) {
.banner-nutrition-and-tips-single .content-banner {
width: calc(100% - 120px) !important;
padding: 50px 15px !important;
}
}
@media (max-width: 767px) {
.banner-nutrition-and-tips-single .content-banner h1.banner-black-text {
font-size: 40px !important;
line-height: 1.0 !important;
}
}   .gallo-accordion {
border: 1px solid #ECECEC;
background-color: #FFFFFF;
margin: 30px 0;
width: 100%;
box-sizing: border-box;
}
.gallo-accordion .accordion-item {
border-bottom: 1px solid #ECECEC;
box-sizing: border-box;
}
.gallo-accordion .accordion-item:last-child {
border-bottom: none;
}
.gallo-accordion summary {
display: flex;
flex-direction: row;
align-items: flex-start; justify-content: flex-start;
padding: 20px 20px; list-style: none;
cursor: pointer;
outline: none;
box-sizing: border-box;
}
.gallo-accordion summary::-webkit-details-marker {
display: none;
}
.gallo-accordion .accordion-icon {
display: flex;
align-items: center;
justify-content: center;
width: 16px; height: 24px;
margin-right: 15px; flex-shrink: 0;
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1;
}
.gallo-accordion .accordion-icon::before {
content: "+";
color: #5DBBE3; }
.gallo-accordion details[open] .accordion-icon::before {
content: "—"; color: #47C373; font-weight: 900;
}
.gallo-accordion .accordion-title {
color: #E1302B; font-family: 'Arquitecta', sans-serif;
font-size: 18px;
font-weight: 700;
text-align: left;
line-height: 1.4;
}
.gallo-accordion .accordion-content { font-family: 'Arquitecta', sans-serif;
font-size: 18px;
line-height: 1.22;
color: #333333;
border-top: 1px solid #d5d8dc;
padding: 15px 20px;
}
.gallo-accordion .accordion-content p {
margin: 0;
}