@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.1/animate.css);
@charset "UTF-8";
:root {
  --bs-primary: var(--primary-color);
  --bs-bg-primary: var(--primary-color);
  --bs-primary-rgb: var(--primary-color-rgb);
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}


ins {
  background: 0 0;
  text-decoration: none;
}

article,
aside,
details,
footer,
header,
menu,
nav,
section {
  display: block;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}


[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}


strong {
  font-weight: inherit;
}


strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code {
  font-family: monospace, monospace;
  font-size: 1em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  overflow: auto;
}

[type=checkbox] {
  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-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.text-red {
  color: #cb4321 !important;
}

.text-green {
  color: #2f8a33 !important;
}

.text-gray {
  color: #999 !important;
}

.form-control:focus {
  box-shadow: none;
}

.btn {
  font-size: 1em;
  box-shadow: none;
  text-decoration: none;
}
.btn:focus {
  box-shadow: none;
}
.btn.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.65;
}
.btn.loading .svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 1em;
  height: 1em;
}
.btn.loading .svg-icon svg {
  display: none;
}
.btn.loading .svg-icon:before {
  content: " ";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #777 transparent;
  animation: lds-dual-ring 0.5s linear infinite;
  display: inline-block;
  margin-right: 2px;
  position: absolute;
}

.btn-secondary {
  color: #000;
  font-weight: 700;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  padding: 0.5rem 1rem;
}
.btn-secondary .svg-icon {
  margin-right: 5px;
}
.btn-secondary:hover, .btn-secondary:focus {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary {
  font-weight: 700;
  border: 0;
  border-radius: 3px;
  transition: 0.5s;
  outline: 0;
  padding: 0.8rem 0.5rem;
  background-color: var(--primary-button-background-color);
  color: var(--primary-button-color);
  box-shadow: none !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: var(--text-color);
  background-color: var(--primary-color);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #6c757d;
}

.toast .toast-body .icon- {
  font-size: 22px;
}

* {
  font-family: var(--primary-font);
}

body {
  font-size: 14px;
  font-weight: 400;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

p {
  font-size: 14px;
  line-height: 1.6em;
  color: var(--text-color);
}
p span {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
}

a {
  position: relative;
  color: inherit;
  text-decoration: none;
  transition: all 0.4s ease;
}
a:hover {
  color: var(--primary-color);
}

a,
input,
textarea,
button,
select {
  outline: none;
}

a:hover,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
  text-decoration: none;
}

a:focus,
button:focus,
select:focus,
input:focus,
textarea:focus {
  outline: none;
  text-decoration: none;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  outline: none;
  transition: 0.5s;
}

.header ul {
  margin: 0;
  padding: 0;
}
.header.header--sticky .header-content-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  border-bottom: none;
  padding: 0;
  animation: fadeInDown 0.6s both;
}
.header.header--sticky .header-content-sticky .header-wrapper {
  padding: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .header.header--sticky .header-content-sticky.header-top {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .header.header--sticky .header-content-sticky.header-top .header-wrapper {
  box-shadow: none;
}
.header .header-top {
  font-size: 13px;
  line-height: 1;
  padding: 10px 0;
  background-color: var(--top-header-background-color);
  border-bottom: 1px solid var(--header-deliver-color);
}
.header .header-top .header-info-right {
  display: flex;
  justify-content: flex-end;
}
.header .header-top .header-info > ul {
  display: flex;
}
.header .header-top .header-info > ul > li {
  margin-right: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.header .header-top .header-info > ul > li:before {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #dedfe2;
}
.header .header-top .header-info > ul > li:last-child {
  margin-right: 0;
}
.header .header-top .header-info > ul > li:last-child:before {
  display: none;
}
.header .header-top .header-info > ul > li a {
  color: var(--text-color);
  font-weight: 500;
}
.header .header-top .header-info > ul > li a:hover {
  color: var(--primary-color);
}
.header .header-top .header-info > ul > li a:hover span {
  color: var(--primary-color);
}
.header .header-top .header-info > ul > li .language-dropdown-active {
  cursor: pointer;
}
.header .header-top .header-info > ul > li .language-dropdown-active:hover {
  color: var(--primary-color);
}
.header .header-top .header-info > ul > li .language-dropdown-active .svg-icon {
  font-size: 0.9em;
  margin-left: 2px;
  margin-right: 5px;
}
.header .header-top .header-info > ul > li > ul.language-dropdown {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 2;
  min-width: 50px;
  background: #fff;
  transform: translateY(20px) translateX(-10px);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid #ececec;
  padding: 0;
  border-radius: 0;
}
.header .header-top .header-info > ul > li > ul li {
  display: block;
}
.header .header-top .header-info > ul > li > ul li a {
  color: #696969;
  display: flex;
  align-items: center;
  height: 40px;
}
.header .header-top .header-info > ul > li > ul li a:hover {
  color: var(--primary-color);
  background: none;
}
.header .header-top .header-info > ul > li > ul li a img {
  max-width: 15px;
  display: inline-block;
  margin-right: 5px;
}
.header .header-top .header-info > ul > li:hover > a {
  color: #333;
}
.header .header-top .header-info > ul > li:hover > ul.language-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(1);
  top: 35px;
}
.header .header-top .header-info i {
  font-size: 12px;
  margin-right: 5px;
  line-height: 6px;
}
.header .header-bottom {
  background: #c7272b;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.header .header-bottom .header-wrapper {
  height: 70px;
  position: relative;
}
.header .header-bottom .header-wrapper .navigation > .container-xxxl {
  display: flex;
  padding: 0px 40px;
  flex-flow: row nowrap;
}
.header .header-bottom .header-wrapper .navigation > .container-xxxl > * {
  width: 100%;
}
.header .header-bottom .header-wrapper .navigation .navigation__center {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  padding-left: 35px;
}

.show-admin-bar .header.header--sticky .header-content-sticky {
  top: 40px;
}
@media (max-width: 420px) {
  .logo img {
    max-height: 55px !important;
  }
  .header .header-bottom .header-wrapper .navigation .navigation__center {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 0px;
  }
  .header-items.header__right {
    margin-left: 10px !important;
    margin-right: 5px !important;
  }
  .header .header-bottom .menu > li > a {
    font-size: 12px !important;
  }
  .header-items.header__right {
    margin-left: 10px;
    margin-right: 5px;
  }
  .header .header-bottom .header-wrapper .navigation > .container-xxxl {
    padding: 0px 10px;
  }
}
@media (max-width: 600px) {
  .header-items.header__left .logo img {
    max-height: 60px;
  }
  .header .header-bottom .header-wrapper .navigation .navigation__center {
    transition: 0.2s;
    transform: translateY(35px);
    justify-content: flex-end;
  }
  .header .header-bottom .header-wrapper .navigation > .container-xxxl {
    display: flex;
    padding: 0px 40px;
    flex-flow: row nowrap;
    flex-direction: column;
    height: 45px;
    background: #ac1830;
  }
  .header-items.header__left .logo {
    width: 100%;
    display: flex;
    transform: translateY(10px);
    justify-content: space-between;
  }
  .header .header-bottom {
    height: 112px;
  }
}
@media (max-width: 848px) {
  .header .header-bottom .header-wrapper .navigation > .container-xxxl {
    padding: 0px 10px;
  }
}
@media (max-width: 1199px) {
  .header-bottom {
    display: block;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
/* Styling for the hamburger */
.mburguer {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.line-top,
.line-bottom,
.cross-left,
.cross-right {
  position: absolute;
  height: 2px;
  width: 28px;
  background-color: var(--line-color);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Top and Bottom Lines */
.line-top {
  top: 15px;
  background: #fff;
  left: 4px;
}

.line-bottom {
  bottom: 8px;
  background: #fff;
  left: 4px;
}

.modal.show .modal-dialog {
  margin-top: 100px !important;
}

/* Cross Lines (Hidden by Default) */
.cross-left,
.cross-right {
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
}

.cross-right {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Active State - Transforms to X */
.mburguer.active .line-top {
  transform: translate(-50%, -50%) rotate(45deg);
  top: 50%;
  left: 50%;
  opacity: 0;
}

.mburguer.active .line-bottom {
  transform: translate(-50%, -50%) rotate(-45deg);
  bottom: 50%;
  left: 50%;
  opacity: 0;
}

.mburguer.active .cross-left,
.mburguer.active .cross-right {
  opacity: 1;
}

#footer {
  margin-bottom: 0px;
  color: var(--footer-text-color);
}
#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color: var(--footer-heading-color);
}
#footer .border-top {
  border-top: 1px solid var(--footer-border-color) !important;
}
#footer .widget {
  font-size: 16px;
}
#footer .widget .widget-title {
  font-size: 18px;
}
#footer .widget.widget-custom-menu ul li {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
#footer .widget.widget-custom-menu ul li a {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
#footer ul {
  list-style-type: none;
}
#footer ul li a {
  color: var(--footer-text-color);
}
#footer ul li a:hover {
  color: var(--footer-hover-color);
}

.site-info__item .site-info__image img {
  max-width: 100%;
  height: 37px;
}
.site-info__item .site-info__title {
  font-size: 18px;
  letter-spacing: -1px;
  color: var(--footer-heading-color);
  margin: 0 0 3px;
}

@media screen and (min-width: 1024px) {
  #footer {
    margin-bottom: 0;
  }
}
.footer-socials-container ul li a {
  border-radius: 3px;
  padding: 4px;
  background-color: var(--primary-button-background-color);
}
.footer-socials-container ul li a img {
  width: 16px;
  height: 16px;
}

.footer-socials {
  align-items: center;
}
.cart-form__contents > :not(:first-child) {
  border-top-width: 0;
}
.cart-form__contents tbody td {
  vertical-align: top;
  padding: 20px 10px;
}
.cart-form__contents tbody td.product-thumbnail {
  width: 90px;
}
.cart-form__contents tbody td .product-button .quantity {
  margin-bottom: 0px;
}
.cart-form__contents tbody td.product-quantity {
  min-width: 120px;
}
.cart-form__contents thead th {
  background-color: #f5f5f5;
  font-weight: 400;
  color: #555;
  padding: 11px 10px;
}
.cart-form__contents thead tr {
  border-top: 1px solid #eeeeee;
}
.cart-form__contents tbody tr, .cart-form__contents thead tr {
  border-bottom: 1px solid #eeeeee;
}
.cart-form__contents tbody td, .cart-form__contents tbody th, .cart-form__contents thead td, .cart-form__contents thead th {
  border-bottom-width: 0;
}
.cart-form__contents tbody td:first-child, .cart-form__contents tbody th:first-child, .cart-form__contents thead td:first-child, .cart-form__contents thead th:first-child {
  border-left-width: 1px;
}
.cart-form__contents tbody td:last-child, .cart-form__contents tbody th:last-child, .cart-form__contents thead td:last-child, .cart-form__contents thead th:last-child {
  border-right-width: 1px;
}

@media (max-width: 992px) {
  .cart-form__contents tbody td {
    padding: 10px 10px;
  }
}
@media (max-width: 767px) {
  .cart-form__contents tbody td {
    padding: 10px 7px;
  }
  .cart-form__contents tbody td.product-md {
    border-top-width: 0;
    padding-top: 0px;
  }
  .cart-form__contents tbody td.product-subtotal .box-price .amount {
    color: #2f8a33;
  }
}
.wishlist-page-content .cart-form__contents .cart_item .product-button .quantity {
  display: none;
}

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  z-index: 1000;
  transition: all 0.4s ease;
  background-color: #fff;
  border: 1px solid #ccc;
  visibility: hidden;
  opacity: 0;
  padding: 10px 0;
}
.sub-menu:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: none;
}
.sub-menu > li {
  display: block;
}
.sub-menu > li > a {
  display: inline-block;
  padding: 6px 20px;
  width: 100%;
  font-size: 14px;
  color: var(--heading-color);
  text-transform: capitalize;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.sub-menu > li > a:hover {
  color: var(--primary-color);
}
.sub-menu > li:last-child {
  border-bottom: none;
}
.sub-menu > li.menu-item-has-children {
  position: relative;
}
.sub-menu > li.menu-item-has-children > .sub-toggle {
  display: none;
}
.sub-menu > li.menu-item-has-children > .sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
}
.sub-menu > li.menu-item-has-children > .sub-menu:before {
  display: none;
}
.sub-menu > li.menu-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.mega-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 15px 30px 10px;
  background-color: #fff;
  transition: all 0.4s ease;
  border: 1px solid #d3d3d3;
  flex-wrap: wrap;
}
.mega-menu > * {
  width: 100%;
  padding: 10px 15px;
}
.mega-menu h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
}
.mega-menu .mega-menu__column {
  min-width: 180px;
  flex-shrink: 0;
  width: 50%;
}
.mega-menu .mega-menu__list {
  background-color: transparent;
}
.mega-menu .mega-menu__list li a {
  display: block;
  color: var(--heading-color);
  line-height: 20px;
  padding: 5px 0;
  font-size: 14px;
  background-color: transparent;
}
.mega-menu .mega-menu__list li a:hover {
  color: var(--primary-color);
}

.menu {
  text-align: left;
}
.menu > li {
  display: inline-block;
  margin: 2px 0;
}
.menu > li > a {
  display: inline-block;
  padding: 0.9rem 1.1rem;
  font-weight: 700;
  line-height: 20px;
  color: var(--bottom-header-text-color);
}
.menu > li > a:hover {
  color: var(--primary-color);
  background: #e50000;
}
.menu > li > a i {
  font-size: 16px;
  margin-right: 3px;
}
.menu > li.current-menu-item a {
  color: var(--primary-color);
}
.menu > li:first-child {
  padding-left: 0;
}
.menu > li:first-child > a {
  padding-left: 0;
}
.menu > li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.menu > li .sub-toggle {
  padding-left: 5px;
}
.menu > li .sub-menu {
  visibility: hidden;
  opacity: 0;
}
.menu > li .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
}
.menu > li.menu-item-has-children {
  position: relative;
}
.menu > li.menu-item-has-children > a:before {
  content: "";
  width: 13px;
  height: 13px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10000;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  transition: all 0.4s ease;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 0 0;
  visibility: hidden;
  opacity: 0;
}
.menu > li.has-mega-menu {
  position: relative;
}
.menu > li.has-mega-menu .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
}
.menu > li.has-mega-menu:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.menu > li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
}
.menu > li:hover.menu-item-has-children > a:before {
  visibility: visible;
  opacity: 1;
}

.section-content.section-content__slider {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 0px 0px;
  background-color: #f3f3f3;
}
.section-content.section-content__slider .section-slides-wrapper {
  border-radius: 0px;
  overflow: hidden;
  margin: 0 !important;
  position: relative;
}
.section-content.section-content__slider .section-slides-wrapper .slick-slides-carousel:not(.slick-initialized) {
  height: 34vw;
  max-height: 460px;
}
.section-content.section-content__slider .section-slides-wrapper .slide-item {
  position: relative;
  display: block !important;
}
.section-content.section-content__slider .section-slides-wrapper .slide-item .slide-item__image {
  height: 100%;
  max-height: 95vh;
  padding-top: 70px;
  background-color: #d6dee5;
}
.section-content.section-content__slider .section-slides-wrapper .slide-item .slide-item__image img {
  width: 100%;
  max-height: 90vh;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-content.section-content__slider .section-slides-wrapper .arrows-wrapper {
  position: absolute;
  z-index: 2;
}

.arrows-wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  top: 50%;
  width: 100%;
}
.arrows-wrapper .slick-arrow {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 65px;
  border: 1px solid #c7272b;
  border-radius: 3px;
  background-color: #c7272b;
  outline: none;
  text-align: center;
  font-size: 21px;
  transition: ease 0.5s;
  cursor: pointer;
  position: relative;
  transform: none;
}
.arrows-wrapper .slick-arrow.slick-prev-arrow {
  margin-right: 5px;
  left: 20px;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  z-index: 5;
}
.arrows-wrapper .slick-arrow.slick-next-arrow {
  margin-left: 5px;
  right: 20px;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  z-index: 5;
}
.arrows-wrapper .slick-arrow.slick-disabled {
  background-color: #fff;
}
.arrows-wrapper .slick-arrow:hover {
  background-color: #ff6165;
}

.arrows-top-right {
  position: relative;
}
.arrows-top-right .arrows-wrapper {
  position: absolute;
  top: -40px;
  right: 0;
  left: auto;
}

.section-banner-wrapper {
  border-radius: 10px;
  overflow: hidden;
}
.section-banner-wrapper .banner-medium {
  position: relative;
}
.section-banner-wrapper .banner-medium .banner-item__image {
  height: 34vw;
  max-height: 460px;
  background-color: #d6dee5;
}
.section-banner-wrapper .banner-medium .banner-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slick-dots {
  position: absolute;
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  list-style: none;
  position: relative;
  display: inline-block;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: 0 0;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ddd;
  transition: 0.5s;
  content: "";
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  background-color: var(--primary-color);
}

.slick-arrow {
  font-size: 11px;
  position: absolute;
  top: 50%;
  display: block;
  transition: ease 0.5s;
  width: 34px;
  height: 34px;
  line-height: 31px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  outline: none;
  z-index: 1;
  text-align: center;
}
.slick-arrow.slick-disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.slick-arrow.slick-next-arrow {
  right: 10px;
}

.slick-slides-carousel .slick-track {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 360px) and (max-width: 560px) {
  .section-content.section-content__slider .section-slides-wrapper .slide-item .slide-item__image {
    padding-top: 110px;
  }
}

.panel__header {
  position: relative;
  text-align: center;
  background-color: var(--primary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 20px 23px;
}
.panel__header .panel__header-title {
  font-weight: 700;
}
.panel__header .close-toggle--sidebar {
  color: #000;
  font-size: 24px;
  padding: 0 0 0 3px;
}
.panel__header h3 {
  margin-bottom: 0;
}

.side-left .panel__header .panel__header-title {
  order: 1;
}
.side-left .panel__header .close-toggle--sidebar {
  transform: rotateY(180deg);
}

.slick-slides-carousel:hover .slick-list {
  padding-bottom: 170px;
  margin-bottom: -170px;
}
.slick-slides-carousel:hover .slick-list:hover {
  z-index: 2;
}
.slick-slides-carousel .product-inner {
  background-color: #fff;
  border-width: 1px 0 1px 1px;
  border-color: #c9c9c9;
}
.slick-slides-carousel .product-inner:last-child {
  margin-right: -1px;
  border-width: 1px;
}
.slick-slides-carousel:not(.slick-initialized) {
  height: 300px;
  overflow: hidden;
}
.slick-slides-carousel:not(.slick-initialized) > * {
  display: none;
}
.slick-slides-carousel:not(.slick-initialized):after {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #bdbdbd transparent;
  animation: lds-dual-ring 0.5s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
}

.product-inner {
  padding: 20px 25px 30px;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: transparent;
}
.product-inner .product-thumbnail {
  position: relative;
  margin-bottom: 20px;
}
.product-inner .product-thumbnail .product-loop__buttons {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  display: block;
}
.product-inner .product-thumbnail .product-loop__buttons .product-loop_button {
  margin-bottom: 10px;
}
.product-inner .product-thumbnail .product-loop__buttons .product-loop_button a {
  transform: translateX(10px);
  transition-delay: 0s;
  transition: 0.3s;
}
.product-inner:hover {
  border-color: #c9c9c9;
  position: relative;
}
.product-inner:hover .product-loop__buttons {
  opacity: 1;
  z-index: 1;
}
.product-inner:hover .product-loop__buttons .product-loop_button a {
  transform: translateX(0);
}
.product-inner:hover .product-loop__buttons .quick-view-button .quick-view {
  transition-delay: 0s;
}
.product-inner:hover .product-loop__buttons .wishlist-button .wishlist {
  transition-delay: 75ms;
}
.product-inner:hover .product-loop__buttons .compare-button .compare {
  transition-delay: 0.15s;
}
.product-inner .meta-sku {
  display: none;
}
.product-inner .product-button .add-to-cart-button {
  width: 100%;
  padding-left: 7px;
  padding-right: 7px;
}
.product-details .product-entry-meta {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.product-details .product-entry-meta > div {
  position: relative;
  margin-right: 14px;
  padding-right: 15px;
}
.product-details .meta-sku .meta-value {
  margin-left: 5px;
  color: #888;
}

.product-price {
  color: #690;
  margin-bottom: 5px;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
}
.product-price del {
  font-weight: 400;
  margin-right: 4px;
  order: 2;
  color: #888;
  font-size: 0.85em;
}
.product-price ins {
  color: #cb4321;
  background-color: transparent;
  margin-right: 4px;
  order: 1;
}

.product-stock:not(.without-bg) {
  font-weight: 700;
  padding: 7px 15px;
  background-color: #ebfae9;
  border: 1px solid #82d45e;
  border-radius: 5px;
  margin: 14px 0 20px;
}
.product-stock label {
  color: #222;
  font-weight: 400;
  margin-right: 8px;
}
.product-stock.in-stock {
  font-weight: 700;
  color: #26901b;
}
.product-stock.out-of-stock {
  background-color: #ffe9e1;
  border-color: #f79090;
  color: #e84506;
}
.product-stock.out-of-stock.without-bg {
  font-weight: 700;
  background-color: unset;
}

.product-loop__buttons {
  display: flex;
}
.product-loop__buttons .wishlist-button .wishlist .svg-icon:nth-of-type(2) {
  color: var(--primary-color);
}
.product-loop__buttons .wishlist-button .wishlist:not(.added-to-wishlist) .svg-icon:nth-of-type(2) {
  display: none;
}
.product-loop__buttons .wishlist-button .wishlist.added-to-wishlist .svg-icon:nth-of-type(1) {
  display: none;
}
.product-loop__buttons .product-loop_button {
  margin-bottom: 10px;
}
.product-loop__buttons .product-loop_button a {
  display: block;
  font-size: 15px;
  color: var(--primary-color);
  line-height: 1;
  text-align: right;
}
.product-loop__buttons .product-loop_button span:not(.svg-icon) {
  display: none;
}
.product-loop__buttons .product-loop_button .product-loop_action.loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-loop__buttons .product-loop_button .product-loop_action.loading .svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
}
.product-loop__buttons .product-loop_button .product-loop_action.loading .svg-icon:before {
  content: " ";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #777 transparent;
  animation: lds-dual-ring 0.5s linear infinite;
  display: inline-block;
  margin-right: 2px;
  position: absolute;
}

.product-button {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.product-button .quantity {
  flex: 0 1 100px;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.product-button .quantity .qty-box {
  width: 100%;
  border: 1px solid #ddd;
  position: relative;
  border-radius: 3px;
}
.product-button .quantity .qty {
  font-size: 15px;
  color: #000;
  font-weight: 700;
  border-width: 0;
  width: 100%;
  padding: 10px 0;
  -moz-appearance: textfield;
  appearance: textfield;
  -webkit-appearance: textfield;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  height: 38px;
  line-height: 38px;
  border-radius: 3px;
}
.product-button .quantity .qty::-webkit-inner-spin-button, .product-button .quantity .qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-button .quantity .decrease,
.product-button .quantity .increase {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-size: 10px;
  color: #000;
  font-weight: 700;
  cursor: pointer;
  transition: 0.5s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.product-button .quantity .increase {
  right: 0;
  left: auto;
}
.product-button .label-quantity {
  display: none;
  margin-bottom: 10px;
}
.product-button .box-price {
  display: flex;
  margin-bottom: 10px;
  font-size: 13px;
  align-items: center;
}
.product-button .box-price .title-price {
  margin: 0 5px 0 0;
  color: #888;
}
.product-button .box-price .price-current {
  color: #690;
  font-weight: 700;
}

#product-quick-view-modal .product-button {
  align-items: flex-end;
  display: flex;
  border-top: 1px solid #eee;
  padding: 17px 0 0;
}
#product-quick-view-modal .product-button .label-quantity {
  display: block;
}
#product-quick-view-modal .product-button .box-price {
  display: none;
}
#product-quick-view-modal .product-button .add-to-cart-button {
  width: auto;
  padding-right: 20px;
  padding-left: 20px;
}
#product-quick-view-modal .product-entry-meta > div:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #e5e5e5;
}
#product-quick-view-modal .entry-product-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#product-quick-view-modal .product-loop__buttons {
  margin-left: 10px;
}
#product-quick-view-modal .product-loop__buttons .quick-view {
  display: none;
}
#product-quick-view-modal .product-loop__buttons .product-loop_action {
  margin-right: 10px;
}
#product-quick-view-modal .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  z-index: 1;
}
#product-quick-view-modal.loading .modal-dialog {
  display: none;
}
#product-quick-view-modal.loading .modal-loading {
  opacity: 1;
  z-index: 99;
  transition: 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#product-quick-view-modal.loading .modal-loading:after {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #fff transparent;
  animation: lds-dual-ring 0.5s linear infinite;
}

.product-detail-container .cart-form {
  border-bottom: 1px solid #d2d2d2;
  padding: 17px 0;
  margin-bottom: 30px;
}
.product-detail-container .product-details .product-meta-sold-by a {
  font-weight: 700;
  color: #09f;
  font-size: 16px;
  text-transform: uppercase;
}
.product-detail-container .product-details .product-entry-meta {
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}
.product-detail-container .product-details .product-entry-meta a {
  color: #09f;
}
.product-detail-container .product-details .product-entry-meta p, .product-detail-container .product-details .product-entry-meta small {
  font-size: 13px;
}
.product-detail-container .product-details .product-price ins {
  font-weight: 700;
  font-size: 24px;
}
.product-detail-container .product-details .product-price del {
  font-size: 16px;
  font-weight: 500;
}
.product-detail-container .product-button .label-quantity {
  display: inline-block;
}
.product-detail-container .product-button .add-to-cart-button {
  flex: 1 1 30%;
  margin-right: 0.5rem;
  white-space: nowrap;
}
.product-detail-container .product-button .quantity .qty {
  height: 46px;
}
.product-detail-container .box-price {
  display: none;
}
.product-detail-container .product-loop__buttons {
  margin-top: 20px;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
}
.product-detail-container .product-loop__buttons .quick-view-button {
  display: none;
}
.product-detail-container .product-loop__buttons .product-loop_button .product-loop_action {
  display: flex;
  margin-right: 20px;
  color: #000;
}
.product-detail-container .product-loop__buttons .product-loop_button .product-loop_action .product-loop_icon {
  display: flex;
  margin-right: 7px;
}
.product-detail-container .product-loop__buttons .product-loop_button .product-loop_action span.text {
  display: block;
}
.product-detail-container .col .site-info__item {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 15px;
}
.product-detail-container .col:last-child .site-info__item {
  border: none;
  padding: 0;
}
.product-detail-container .meta-sku, .product-detail-container .meta-categories {
  margin-bottom: 5px;
}
.product-detail-container .meta-sku .meta-label, .product-detail-container .meta-categories .meta-label {
  color: #888;
}
.product-detail-container .meta-sku .meta-value, .product-detail-container .meta-categories .meta-value {
  color: #000;
}
.product-detail-container .meta-categories a {
  color: #09f;
}

.star-rating-wrapper {
  display: flex;
  align-items: center;
}
.star-rating-wrapper .star-rating {
  margin-right: 2px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
}
.star-rating-wrapper .star-rating .rating-stars {
  display: block;
  line-height: 0;
}
.star-rating-wrapper .star-rating .rating-stars .svg-icon {
  color: #999;
  display: inline-block;
}
.star-rating-wrapper .star-rating .user-rating {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.star-rating-wrapper .star-rating .user-rating .svg-icon {
  color: #fab528;
}
.star-rating-wrapper .star-count {
  line-height: 12px;
}

.store-social-wrapper .store-social {
  margin: 5px 0 0;
  padding: 0;
  list-style: none;
}
.store-social-wrapper .store-social li {
  margin-left: 0;
  margin-right: 7px;
  display: inline-block;
}
.store-social-wrapper .store-social li:last-child {
  margin-right: 0;
}
.store-social-wrapper .store-social li a {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #1b4e9b;
  color: #fff;
  border-radius: 3px;
  display: block;
}

.vendor-info {
  background-color: #2f2f2f;
}

.vendor-avatar img {
  background-color: #fff;
}

.vendor-store-info {
  list-style: none;
  color: #fff;
}
.vendor-store-info .star-rating-wrapper .star-count {
  color: #fff !important;
}
.vendor-store-info li {
  position: relative;
  list-style: none;
  display: block;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.vendor-store-info li.vendor-store-register-date span {
  color: #cbc4c4;
}

.shop-products-listing__list .product-inner {
  display: flex;
  border-width: 1px;
  border-color: transparent;
}
.shop-products-listing__list .product-inner:hover {
  border-color: #ddd;
}
.shop-products-listing__list .product-inner .product-thumbnail {
  flex-basis: 21%;
  width: 21%;
  margin-bottom: 0;
}
.shop-products-listing__list .product-inner .product-details {
  padding-left: 30px;
  display: flex;
  justify-content: space-between;
  flex: 1 0 0%;
}

.catalog-primary-sidebar .widget-wrapper {
  margin-bottom: 50px;
  background: #f5f5f5;
  padding: 20px;
}
.catalog-primary-sidebar .widget-wrapper .widget-title {
  padding-bottom: 25px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}
.catalog-primary-sidebar .widget-wrapper .widget-content ul {
  padding-left: 0;
}
.catalog-primary-sidebar .widget-wrapper .widget-filter-item {
  border: none;
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-bottom: 0;
  padding-top: 40px;
}

.toolbar-view__icon a {
  padding-right: 7px;
  margin-right: 7px;
}
.toolbar-view__icon a.active {
  color: var(--primary-color);
}
.toolbar-view__icon a.list {
  font-size: 28px;
}
.toolbar-view__icon a.grid {
  font-size: 21px;
}

.catalog-header__right .catalog-toolbar__ordering .dropdown .dropdown-toggle {
  min-width: 170px;
  color: #999;
  cursor: pointer;
  min-height: 44px;
  line-height: 42px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  padding: 0 35px 0 15px;
  text-align: left;
  font-weight: normal;
}
.catalog-header__right .catalog-toolbar__ordering .dropdown .dropdown-toggle:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-weight: 700;
}
.catalog-header__right .catalog-toolbar__ordering .dropdown .dropdown-menu {
  min-width: 170px;
}
.catalog-header__right .text {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin-right: 30px;
}

.widget-layered-nav-list ul {
  list-style-type: none;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.widget-layered-nav-list ul:first-child {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.widget-layered-nav-list ul li {
  position: relative;
  margin: 6px 0;
}
.widget-layered-nav-list ul li > .widget-layered-nav-list__item .cat-menu-close.opened-icon {
  display: none;
}
.widget-layered-nav-list ul li.opened > .widget-layered-nav-list__item .cat-menu-close.closed-icon {
  display: none;
}
.widget-layered-nav-list ul li.opened > .widget-layered-nav-list__item .cat-menu-close.opened-icon {
  display: block;
}
.widget-layered-nav-list ul li.opened > ul {
  display: block;
}
.widget-layered-nav-list ul li ul {
  display: none;
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .cat-menu-close {
  font-size: 12px;
  padding-right: 10px;
  cursor: pointer;
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .nav-list__item-title .nav-list__item-link {
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
  min-width: 100px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .nav-list__item-title .nav-list__item-link:hover, .widget-layered-nav-list ul li .widget-layered-nav-list__item .nav-list__item-title .nav-list__item-link.active {
  color: var(--primary-color);
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .form-check {
  font-weight: 600;
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .form-check .form-check-input:checked ~ .form-check-label {
  color: var(--primary-color);
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .form-check .form-check-label {
  cursor: pointer;
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .form-check:hover {
  color: var(--primary-color);
}
.widget-layered-nav-list ul li .widget-layered-nav-list__item .form-check .count {
  display: inline-block;
  margin-left: 5px;
  color: #999;
  transition: 0.5s;
}

.loading-skeleton h1,
.loading-skeleton h2,
.loading-skeleton h3,
.loading-skeleton h4,
.loading-skeleton h5,
.loading-skeleton h6,
.loading-skeleton p,
.loading-skeleton a,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control {
  color: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: var(--primary-color);
  border-color: #eee;
}
.loading-skeleton h1::-moz-placeholder, .loading-skeleton h2::-moz-placeholder, .loading-skeleton h3::-moz-placeholder, .loading-skeleton h4::-moz-placeholder, .loading-skeleton h5::-moz-placeholder, .loading-skeleton h6::-moz-placeholder, .loading-skeleton p::-moz-placeholder, .loading-skeleton a::-moz-placeholder, .loading-skeleton .btn::-moz-placeholder, .loading-skeleton label::-moz-placeholder, .loading-skeleton .form-control::-moz-placeholder {
  color: transparent;
}
.loading-skeleton h1::placeholder,
.loading-skeleton h2::placeholder,
.loading-skeleton h3::placeholder,
.loading-skeleton h4::placeholder,
.loading-skeleton h5::placeholder,
.loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder,
.loading-skeleton a::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder {
  color: transparent;
}

@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}
.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}
.text-swatch li {
  display: inline-block;
  margin-right: 5px;
}
 .text-swatch li input[type=checkbox] {
  display: none;
}
 .text-swatch li input[type=checkbox]:checked ~ span {
  border: 1px solid var(--primary-color);
}
 .text-swatch li input[type=checkbox]:checked ~ span:after {
  width: 16px;
  height: 16px;
  content: "\e934";
  font-family: "Linearicons" !important;
  position: absolute;
  overflow: hidden;
  right: -8px;
  bottom: -5px;
  color: #fff;
  font-size: 8px;
}
 .text-swatch li input[type=checkbox]:checked ~ span:before {
  border: 16px solid transparent;
  border-bottom: 16px solid var(--primary-color);
  content: "";
  position: absolute;
  right: -16px;
  bottom: -1px;
}
.text-swatch li span {
  padding: 5px 15px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.custom-checkbox input[type=checkbox] {
  display: none;
}
.custom-checkbox label {
  display: block;
}
.custom-checkbox span {
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox]:checked ~ span:before {
  content: "";
  display: block;
  border: 2px solid var(--primary-color);
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
}
.custom-checkbox.disabled label {
  position: relative;
}
.custom-checkbox.disabled label:before, .custom-checkbox.disabled label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: #ececec;
  transform-origin: 50% 50%;
  transition: all 0.4s ease;
  z-index: 20;
}
.custom-checkbox.disabled label:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.custom-checkbox.disabled label:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.custom-checkbox.disabled span {
  opacity: 0.9;
}
.custom-checkbox.disabled input[type=checkbox]:checked ~ span:before {
  display: none;
}

.color-swatch li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 10px;
  vertical-align: top;
}

.nonlinear-wrapper .nonlinear {
  width: 90%;
  margin: 10px auto;
}
.nonlinear-wrapper .noUi-connect {
  background-color: var(--primary-color);
}
.nonlinear-wrapper .noUi-horizontal {
  height: 8px;
}
.nonlinear-wrapper .noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -17px;
  top: -5px;
}
.nonlinear-wrapper .noUi-handle {
  border: 3px solid var(--primary-color);
  border-radius: 50%;
  box-shadow: none;
}
.nonlinear-wrapper .noUi-handle:after, .nonlinear-wrapper .noUi-handle:before {
  display: none;
}
.nonlinear-wrapper .slider__meta {
  background-color: #f3f3f3;
  padding: 5px 13px;
  border-radius: 5px;
  font-size: 13px;
  min-width: 100px;
  font-weight: 600;
  margin: 8px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -7px;
}
@media (max-width: 991px) {
  .product-inner {
    border-bottom-width: 1px;
  }
  .product-inner .product-thumbnail .product-loop__buttons {
    opacity: 1;
    z-index: 1;
  }
  .product-inner .product-thumbnail .product-loop__buttons .product-loop_button .product-loop_action {
    transition-delay: 0s;
    transform: translateX(0);
  }
  .product-deals-day__body .slick-track {
    display: flex;
  }
  .product-deals-day__body .slick-track .slick-slide {
    height: inherit;
  }
  .product-deals-day__body .product-inner {
    height: inherit;
  }
  .catalog-primary-sidebar {
    position: absolute;
    right: 0;
    top: 100%;
  }
  .catalog-primary-sidebar .backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(157, 151, 151, 0.368627451);
  }
  .catalog-primary-sidebar .catalog-sidebar--inner {
    position: fixed;
    top: 0;
    width: 82%;
    max-width: 400px;
    height: 100%;
    overflow-y: auto;
    z-index: 10001;
    background-color: #fff;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    left: auto;
    right: 0;
    transform: translateX(100%);
    padding-top: 0;
  }
  .catalog-primary-sidebar .catalog-sidebar--inner.side-left {
    left: 0;
    right: auto;
    transform: translateX(-100%);
  }
  .catalog-primary-sidebar.active {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 10001;
    left: auto;
  }
  .catalog-primary-sidebar.active .catalog-sidebar--inner {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }
  .catalog-header__right .catalog-toolbar__ordering .dropdown .dropdown-toggle {
    min-width: 140px;
    border-color: transparent;
    color: #222;
  }
}
@media (max-width: 576px) {
  .product-inner {
    padding: 10px;
    border-width: 1px;
  }
  .product-inner .product-button {
    display: block;
  }
  .product-inner .product-button .quantity {
    width: 100px;
  }
  .shop-products-listing__list .product-inner .product-details {
    display: block;
  }
  .shop-products-listing__list .product-inner .product-thumbnail {
    flex-basis: 43%;
    width: 43%;
  }
}

@media (max-width: 767px) {
  .vendor-info-summary .vendor-info {
    background-image: none !important;
  }
}
.widget-blog {
  background-color: #f3f3f3;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
.widget-blog .widget-blog-container {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 25px 0;
  border-radius: 10px;
}
.widget-blog .widget-blog-container .entry-description p {
  margin-bottom: 0;
}
.widget-blog .slick-dots {
  bottom: -20px;
}
.widget-blog .post-item-wrapper {
  padding-right: 25px;
  padding-left: 25px;
  border-left: 1px solid #eee;
}
.widget-blog .post-item-wrapper .card .row > div {
  width: 100%;
}
.widget-blog .post-item-wrapper .post-item__image {
  margin-bottom: 1.5rem;
}
.widget-blog .post-item-wrapper .post-item__image .img-fluid-eq__dummy {
  margin-top: 67%;
}
.widget-blog .post-item-wrapper .post-item__image img {
  border-radius: 10px;
}
.widget-blog .slick-current .post-item-wrapper {
  border-left-color: transparent;
}

.widget-mobile-apps {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 0 15px 250px;
  border-radius: 10px;
  background-color: #e4eaee;
}
.widget-mobile-apps .widget-header {
  padding-top: 50px;
}

.blog-page-content .blog-page-content-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
.blog-page-content .post-item-wrapper .card {
  padding-top: 1.5rem;
  border-bottom-width: 1px;
}
.blog-page-content .post-item-wrapper:first-child .card {
  padding-top: 0;
}
.blog-page-content .post-item-wrapper:last-child .card {
  border-bottom-width: 0px;
}
.blog-page-content .post-item-wrapper .post-item__content > div {
  display: flex;
  flex-wrap: wrap;
}
.blog-page-content .post-item-wrapper .post-item__content > div .entry-meta {
  order: 2;
  color: #888;
}
.blog-page-content .post-item-wrapper .post-item__content > div .entry-meta .author-name {
  color: #09f;
  font-weight: 700;
}
.blog-page-content .post-item-wrapper .post-item__content > div .entry-meta .entry-meta-categories {
  color: #000;
  font-weight: 700;
}
.blog-page-content .post-item-wrapper .post-item__content > div .entry-title {
  order: 1;
}
.blog-page-content .post-item-wrapper .post-item__content > div .entry-description {
  order: 3;
  margin-top: 15px;
}
.blog-page-content .post-item-wrapper .post-item__content .entry-title a {
  color: #000;
  position: relative;
  background: linear-gradient(to right, currentColor 0, currentColor 100%) no-repeat 0 95%;
  background-size: 0 2px;
  transition: background-size 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 3px 0;
  background-position: 0 95%;
  font-size: 28px;
}
.blog-page-content .post-item-wrapper .post-item__content .entry-title a:hover {
  background-size: 100% 2px;
}

.blog-page-content .post-item__image img {
  max-width: 270px;
}

.post-item__inner {
  border-width: 0;
}
.post-item__inner .post-item__image .img-fluid-eq__dummy {
  margin-top: 67%;
}
.post-item__inner .entry-meta {
  display: flex;
  flex-wrap: wrap;
}
.post-item__inner .entry-meta a {
  font-weight: 700;
}
.post-item__inner .entry-meta .entry-meta-author, .post-item__inner .entry-meta .entry-meta-categories, .post-item__inner .entry-meta span {
  padding-right: 3px;
}
.post-item__inner .entry-meta .post-item__image img {
  border-radius: 10px;
}
.post-item__inner .entry-meta .entry-meta-author a {
  color: #09f;
}
.post-item__inner .entry-meta .entry-meta-author a:hover {
  text-decoration: underline;
}

.widget-blog-categories ul li {
  padding: 0 0 6px;
  list-style: none;
  color: #666;
}

.widget-area {
  font-size: 16px;
}
.widget-area ul {
  margin-left: 0;
  padding-left: 0;
}
.widget-area .widget-title {
  font-size: 24px;
  line-height: 1.75;
  margin: 0;
  padding: 0 0 13px;
  color: #000;
  padding-bottom: 21px;
}
.widget-area .post-item-small .entry-meta {
  font-size: 13px;
  margin-bottom: 7px;
  color: #888;
}
.widget-area .post-item-small .entry-meta .entry-meta-date a {
  color: #09f;
  font-weight: 600;
}
.widget-area .post-item-small .entry-meta .author-name {
  color: #09f;
  font-weight: 700;
}
.widget-area .post-item-small .entry-title {
  font-size: 14px;
}
.widget-area .post-item-small .img-fluid-eq .img-fluid-eq__wrap img {
  -o-object-fit: cover;
     object-fit: cover;
}
.widget-area .tag-cloud-link {
  color: #666;
  font-size: 14px !important;
  margin: 0 4px 6px 0;
  padding: 4px 15px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f7f7f7;
  transition: all 0.5s;
  border-radius: 3px;
}
.widget-area .tag-cloud-link:hover {
  color: var(--text-color);
  background-color: var(--primary-color);
}
.widget-area .widget-sidebar {
  margin-bottom: 20px;
  border-bottom: 1px solid #dee2e6;
}
.widget-area .widget-sidebar:last-child, .widget-area .widget-sidebar.widget-search {
  border-bottom-width: 0;
}

.related-posts .list-post--wrapper {
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 1px solid #eee;
}
.related-posts .list-post--wrapper .slick-slides-carousel {
  padding-bottom: 60px;
}
.related-posts .list-post--wrapper .post-item-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.related-posts .list-post--wrapper .post-item-wrapper .post-item__image, .related-posts .list-post--wrapper .post-item-wrapper .post-item__content {
  width: 100%;
}
.related-posts .list-post--wrapper .post-item-wrapper .post-item__image {
  margin-bottom: 20px;
}
.related-posts .list-post--wrapper .post-item-wrapper .entry-meta .entry-meta-author, .related-posts .list-post--wrapper .post-item-wrapper .entry-meta .entry-meta-date {
  display: none;
}
.related-posts .list-post--wrapper .post-item-wrapper .entry-title {
  font-size: 16px;
}
.related-posts .list-post--wrapper .slick-arrow {
  z-index: 3;
}
.related-posts .list-post--wrapper .slick-arrow.slick-next-arrow {
  right: 0;
}

.store-card-wrapper .card-header {
  border: 0;
  border-radius: 0;
}

@media (min-width: 769px) {
  .store-listing__list .store-card-wrapper {
    display: flex;
    flex-direction: unset;
  }
  .store-listing__list .store-card-wrapper .card-header {
    flex-basis: 21%;
    width: 21%;
    margin-bottom: 0;
  }
  .store-listing__list .store-card-wrapper .card-body {
    flex-basis: 50%;
    width: 50%;
    margin-bottom: 0;
  }
  .store-listing__list .store-card-wrapper .card-footer {
    flex-basis: 29%;
    width: 29%;
    margin-bottom: 0;
  }
  .store-listing__list .store-card-wrapper .card-footer .visit-store-wrapper {
    border-top: 0 !important;
  }
}
.dashboard-navigation {
  border: 1px solid #eaeaea;
  text-transform: uppercase;
  color: #000;
}
.dashboard-navigation .nav-item {
  border-bottom: 1px solid #eaeaea;
  background-color: #f5f5f5;
}
.dashboard-navigation .nav-item:last-child {
  border-bottom: 0;
}
.dashboard-navigation .nav-item .nav-link {
  padding: 12px 30px;
  color: inherit;
}
.dashboard-navigation .nav-item .nav-link.active {
  font-weight: 700;
}
.container-xxxl {
  margin: 0 auto;
  max-width: 1650px;
  padding: 0px;
  width: 100%;
}

.svg-icon svg {
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
}

.form-control {
  font-size: 1em;
  outline: none;
  border-radius: 3px;
}
.form-control:not(.form-control-lg) {
  padding: 8px 15px;
}

.form-select {
  font-size: 1em;
}

.required:after {
  color: #cb4321;
  content: " *";
}

.dropdown-menu {
  font-size: 1em;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.countdown-wrapper .header-countdown {
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
  padding: 5px 10px;
  background-color: #cb4321;
}
.countdown-wrapper .header-countdown .svg-icon {
  font-size: 18px;
}
.countdown-wrapper .header-countdown .ends-text {
  font-weight: 600;
  line-height: 1;
}
.countdown-wrapper .expire-countdown .digits {
  font-weight: 600;
  font-size: 16px;
}
.countdown-wrapper .expire-countdown .text {
  display: none;
}
.countdown-wrapper .expire-countdown .divider {
  margin: 0 2px;
}
.countdown-wrapper .expire-countdown .divider:last-child {
  display: none;
}

.widget-header {
  margin-right: 96px;
}
.widget-header h2 {
  font-size: 1.5rem;
}

.extra-links-wrapper .extra-links {
  align-items: center;
  list-style: none;
  padding: 4px 0;
  margin: 0;
}
.extra-links-wrapper .extra-links li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
  flex-shrink: 0;
}
.extra-links-wrapper .extra-links li:first-child {
  padding-left: 0;
}
.extra-links-wrapper .extra-links li.view-all-btn {
  text-shadow: 0 0 #000;
}

.widget-featured-banners .featured-banner-item {
  border-radius: 10px;
  overflow: hidden;
}
.widget-featured-banners .featured-banner-item .img-fluid-eq__dummy {
  margin-top: 65%;
}
.widget-featured-banners .featured-banner-item .featured-banner-item__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.widget-product-categories .category__thumb .img-fluid-eq__dummy {
  margin-top: 70%;
}

.featured-brands-body .brand__thumb .img-fluid-eq__dummy {
  margin-top: 65%;
}

.img-fluid-eq {
  display: inline-block;
  position: relative;
  width: 100%;
}
.img-fluid-eq .img-fluid-eq__dummy {
  margin-top: 100%;
}
.img-fluid-eq .img-fluid-eq__dummy.dummy-mt-3 {
  margin-top: 30%;
}
.img-fluid-eq .img-fluid-eq__dummy.dummy-mt-5 {
  margin-top: 50%;
}
.img-fluid-eq .img-fluid-eq__dummy.dummy-mt-6 {
  margin-top: 60%;
}
.img-fluid-eq .img-fluid-eq__dummy.dummy-mt-7 {
  margin-top: 70%;
}
.img-fluid-eq .img-fluid-eq__dummy.dummy-mt-8 {
  margin-top: 80%;
}
.img-fluid-eq .img-fluid-eq__dummy.dummy-mt-9 {
  margin-top: 90%;
}
.img-fluid-eq .img-fluid-eq__wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.img-fluid-eq .img-fluid-eq__wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.img-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.widget-socials-share {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget-socials-share li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 3px;
}
.widget-socials-share li:last-child {
  margin-right: 0;
}
.widget-socials-share .svg-icon {
  font-size: 15px;
  color: #fff;
}
.widget-socials-share a {
  display: block;
  width: 38px;
  height: 38px;
  line-height: 40px;
  text-align: center;
}
.widget-socials-share a.share-facebook {
  background-color: #4267b2;
}
.widget-socials-share a.share-twitter {
  background-color: #3eb0ff;
}
.widget-socials-share a.share-pinterest {
  background-color: #b10c0c;
}
.widget-socials-share a.share-google-plus {
  background-color: #cb1717;
}
.widget-socials-share a.share-linkedin {
  background-color: #0271ae;
}
.widget-socials-share a.share-vkontakte {
  background-color: #4c75a3;
}
.widget-socials-share a.share-whatsapp {
  background-color: #2ab200;
}
.widget-socials-share a.share-email {
  background-color: #cb1717;
}
.widget-socials-share a.share-tumblr {
  background-color: #3c586d;
}
.widget-socials-share a.share-instagram {
  background-color: #bc2a8d;
}
.widget-socials-share a .text {
  display: none;
}
.widget-socials-share.widget-socials__text li {
  margin-right: 4px;
}
.widget-socials-share.widget-socials__text li:last-child {
  margin-right: 0;
}
.widget-socials-share.widget-socials__text .svg-icon {
  font-size: 12px;
}
.widget-socials-share.widget-socials__text a {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 5px 7px;
  color: #fff;
  border-radius: 3px;
}
.widget-socials-share.widget-socials__text a .text {
  display: inline-block;
  margin: 1px 0 0 5px;
  font-size: 10px;
  font-weight: 700;
}

.progress {
  border-radius: 0;
  height: 0.6rem;
}
.progress .progress-bar {
  background-color: var(--primary-color);
}

.pagination-numeric-short {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #000;
  margin-top: 80px;
}
.pagination-numeric-short > a {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #ccc;
  margin: 0 20px;
}
.pagination-numeric-short > a:hover, .pagination-numeric-short > a:focus {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.pagination-numeric-short > a.disabled {
  pointer-events: none;
  opacity: 0.65;
}
.pagination-numeric-short input[type=number] {
  width: 50px;
  height: 35px;
  padding: 0;
  text-align: center;
  border-radius: 3px;
  margin-right: 8px;
  border: 1px solid #ddd;
}
.pagination-numeric-short input[type=number]::-webkit-inner-spin-button, .pagination-numeric-short input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.page-item .page-link {
  font-size: 16px;
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  color: #000;
  margin-right: 7px;
  background-color: transparent;
  transition: ease 0.5s;
}
.page-item.active .page-link, .page-item:hover:not(.disabled) .page-link {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

input[type=button],
input[type=reset],
input[type=submit] {
  font-size: 14px;
  font-weight: 700;
  line-height: 42px;
  border: 0;
  border-radius: 3px;
  padding: 0 36px;
  background-color: var(--primary-button-background-color);
  transition: 0.5s;
  outline: 0;
}

.search-form {
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #000;
  position: relative;
  max-width: 370px;
  margin: auto;
}
.search-form label {
  width: 100%;
  margin-bottom: 0;
}
.search-form .screen-reader-text {
  display: none;
}
.search-form .search-field {
  border: none;
  color: #000;
  width: 100%;
  background-color: #fff;
  padding: 9px 20px;
}
.search-form .search-submit {
  width: 42px;
  height: 42px;
  background: 0 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: none;
  text-indent: -9999px;
  z-index: 10;
  padding: 0;
}
.search-form:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0zMC4xOSAzMC42NTlsLTkuNTA5LTEwLjM3NGMyLjE0My0yLjI0MiAzLjMyLTUuMTczIDMuMzItOC4yODYgMC0zLjIwNS0xLjI0OC02LjIxOS0zLjUxNS04LjQ4NXMtNS4yOC0zLjUxNS04LjQ4NS0zLjUxNS02LjIxOSAxLjI0OC04LjQ4NSAzLjUxNS0zLjUxNSA1LjI4LTMuNTE1IDguNDg1IDEuMjQ4IDYuMjE5IDMuNTE1IDguNDg1IDUuMjggMy41MTUgOC40ODUgMy41MTVjMi43NjEgMCA1LjM4LTAuOTI3IDcuNTAxLTIuNjMzbDkuNTA5IDEwLjM3M2MwLjE1OCAwLjE3MiAwLjM3NCAwLjI1OSAwLjU5IDAuMjU5IDAuMTkzIDAgMC4zODctMC4wNzAgMC41NC0wLjIxIDAuMzI2LTAuMjk5IDAuMzQ4LTAuODA1IDAuMDQ5LTEuMTN6TTEuNiAxMmMwLTUuNzM1IDQuNjY1LTEwLjQgMTAuNC0xMC40czEwLjQgNC42NjUgMTAuNCAxMC40LTQuNjY1IDEwLjQtMTAuNCAxMC40LTEwLjQtNC42NjUtMTAuNC0xMC40eiI+PC9wYXRoPg0KPC9zdmc+DQo=);
  width: 18px;
  height: 18px;
}

.error-404 .search-form {
  max-width: 370px;
  margin: auto;
}

.page-breadcrumbs {
  padding: 19px 0;
}
.page-breadcrumbs .breadcrumb {
  margin-bottom: 0;
}

.page-header .page-breadcrumbs {
  background-color: #f5f5f5;
}

.faqs-nav-tab .nav-tabs {
  list-style-type: none;
  border-bottom: 0;
}
.faqs-nav-tab .nav-tabs .nav-link {
  font-size: 16px;
  color: #888;
  font-weight: 700;
  display: inline-block;
  border: 0;
  text-transform: uppercase;
}
.faqs-nav-tab .nav-tabs .nav-link.active {
  color: var(--primary-color);
}
.faqs-nav-tab .tab-content .tab-pane .faq-tab-wrapper {
  border-bottom: 1px solid #dee2e6;
}
.faqs-nav-tab .tab-content .tab-pane .col:last-child .faq-tab-wrapper:last-child {
  border: 0;
}

@media (min-width: 991px) {
  .faqs-nav-tab .nav-tabs {
    display: block;
  }
}
@media (min-width: 576px) {
  .tab-content .tab-pane .faq-tab-wrapper:last-child {
    border: 0;
  }
}
.fb_dialog .fb_dialog_content iframe {
  bottom: 100px !important;
}

.input-group.input-group-with-text .form-control {
  border-right-width: 0;
  border-color: #ccc;
}
.input-group.input-group-with-text .input-group-text {
  background-color: #fff;
  color: var(--primary-color);
  font-size: 1em;
}

.form-check .form-check-input[type=checkbox] {
  border-radius: 0;
}
.form-check .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-check .form-check-input:focus {
  border-color: var(--primary-color);
  box-shadow: none;
}

.lg-backdrop {
  z-index: 10001;
}

.lg-outer {
  z-index: 10002;
}

.coming-soon-page {
  height: 100vh;
  overflow: hidden;
}
.coming-soon-page .countdown-wrapper .expire-countdown {
  display: flex;
}
.coming-soon-page .countdown-wrapper .expire-countdown .digits {
  font-size: 45px;
  font-weight: 700;
  color: var(--primary-color);
  display: block;
  margin-bottom: 3px;
  line-height: 1;
}
.coming-soon-page .countdown-wrapper .expire-countdown .text {
  display: block;
  color: #666;
}
.coming-soon-page .countdown-wrapper .expire-countdown .timer {
  display: inline-block;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
.coming-soon-page .countdown-wrapper .expire-countdown .divider {
  font-size: 26px;
  color: #aaa;
  margin: 0 10px;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.half-circle-spinner {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  margin: 20px auto;
  border-radius: 100%;
  position: relative;
}
.half-circle-spinner * {
  box-sizing: border-box;
}
.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid transparent;
}
.half-circle-spinner .circle.circle-1 {
  border-top-color: var(--primary-color);
  animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
  border-bottom-color: var(--primary-color);
  animation: half-circle-spinner-animation 1s infinite alternate;
}

.loading-container {
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  position: absolute;
  z-index: 10;
}

.product-attributes .attribute-values > ul {
  margin: 10px 0;
  padding-left: 0;
}

.ps-custom-scrollbar {
  max-height: 250px;
  overflow-y: auto;
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgb(102, 102, 102);
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(204, 204, 204, 0.9);
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.customer-auth-page h2 {
  text-transform: capitalize;
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  margin: 7px 0 20px;
}

.color-primary {
  color: var(--primary-color) !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.color-swatch li:last-child,
.text-swatch li:last-child {
  margin-right: 0;
}

.btn-primary.btn-black {
  background-color: #000;
  color: #fff;
}

.breadcrumb li.breadcrumb-item.active {
  color: #000;
}
.breadcrumb li.breadcrumb-item a {
  color: #09c;
  line-height: 20px;
}

#product-quick-view-modal {
  z-index: 10000;
}
#product-quick-view-modal .product-button .add-to-cart-button {
  margin-right: 10px;
}
#product-quick-view-modal .product-button .quantity .qty {
  height: 46px;
}

.sticky-atc-wrap {
  z-index: 340;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  transition: transform 0.25s ease;
  transform: translate3d(0, 100%, 0);
  background: #fff;
  right: 0;
  padding-bottom: 10px;
  position: fixed;
  width: 100%;
}
.sticky-atc-wrap.sticky-atc-shown {
  transform: translate3d(0, 0, 0);
}
.sticky-atc-wrap .product-button .quantity {
  flex: 0 1 80px;
}
.sticky-atc-wrap .sticky-atc-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.sticky-atc-wrap .sticky-atc-btn .btn {
  width: 100%;
  margin: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 0.5rem;
}

@media (max-width: 1024px) {
  .sticky-atc-wrap {
    bottom: 48px;
  }
  header.header--product {
    display: none;
  }
  header.header--product.header--sticky {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }
}
@media (max-width: 767px) {
  .product-detail-container .product-button .quantity {
    flex: none;
    width: 100%;
  }
  .product-detail-container .product-button .add-to-cart-button {
    margin-right: 0;
    flex: none;
    max-width: 100%;
    width: 100%;
  }
  .product-detail-container .product-details .product-entry-meta {
    display: block;
  }
  .product-detail-container .product-details .product-entry-meta .star-rating-wrapper {
    margin-top: 10px;
  }
  .widget-product-deals-day .widget-header {
    margin-right: 0;
  }
  .widget-product-deals-day .countdown-wrapper .header-countdown {
    padding: 1px 5px;
    margin: 0;
  }
  .widget-product-deals-day .arrows-top-right .arrows-wrapper {
    top: -42px;
  }
  .section-banner-wrapper .banner-medium .banner-item__image {
    height: auto;
  }
}
.product-categories-body .arrows-wrapper .slick-arrow.slick-next-arrow, .product-categories-body .arrows-wrapper .slick-arrow.slick-prev-arrow,
.featured-brands__body .arrows-wrapper .slick-arrow.slick-next-arrow,
.featured-brands__body .arrows-wrapper .slick-arrow.slick-prev-arrow,
.product-deals-day__body .arrows-wrapper .slick-arrow.slick-next-arrow,
.product-deals-day__body .arrows-wrapper .slick-arrow.slick-prev-arrow {
  background-color: #f3f3f3;
  color: #000;
  border-color: rgba(2, 1, 1, 0);
}

.bg-light .arrows-wrapper .slick-arrow.slick-next-arrow, .bg-light .arrows-wrapper .slick-arrow.slick-prev-arrow {
  border: 1px solid #ddd;
  background-color: #fff;
}

.product-categories-body .slick-list,
.featured-brands__body .slick-list {
  margin: 0 -15px;
}

.header--product {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.header--product .navigation {
  transition: transform 0.25s ease;
  transform: translateY(-50%);
}
.header--product.header--sticky {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.header--product.header--sticky .navigation {
  padding: 12px 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #eaeaea;
  transform: translateY(0);
}
.header--product .ps-product--header-sticky {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.header--product .ps-product--header-sticky > * {
  flex-basis: 100%;
}
.header--product .ps-product--header-sticky .ps-product__content {
  max-width: 500px;
  margin-right: 25px;
}
.header--product .ps-product--header-sticky .ps-product__title {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  margin: 0 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header--product .ps-product--header-sticky ul {
  padding: 0;
  margin: 0;
}
.header--product .ps-product--header-sticky ul li {
  display: inline-block;
  margin-right: 20px;
}
.header--product .ps-product--header-sticky ul li a {
  font-weight: 600;
  color: var(--text-color);
}
.header--product .ps-product--header-sticky ul li a:hover {
  color: var(--primary-color);
}
.header--product .ps-product--header-sticky ul li.active a {
  color: var(--primary-color);
}
.header--product .ps-product--header-sticky ul li:last-child {
  margin-right: 0;
}
.header--product .ps-product--header-sticky .ps-product__thumbnail {
  max-width: 60px;
}
.header--product .ps-product--header-sticky .ps-product__shopping {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header--product .ps-product--header-sticky .ps-product__wrapper {
  padding-left: 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.header--product .ps-product--header-sticky .add-to-cart-button {
  min-width: 150px;
}

body.show-admin-bar .header--product.header--sticky .navigation {
  top: 40px;
}

#back2top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  background-color: #222;
  border-radius: 3px;
  z-index: 1000;
  transition: ease 0.3s;
  visibility: hidden;
  opacity: 0;
}
#back2top svg {
  z-index: 10001;
  font-size: 14px;
}
#back2top:hover {
  cursor: pointer;
  background-color: var(--primary-button-background-color);
  border-color: var(--primary-button-color);
}
#back2top.active {
  bottom: 30px;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1780px) {
  #back2top.active {
    bottom: 120px;
  }
}
@media (max-width: 767px) {
  #back2top.active {
    bottom: 70px;
  }
  .single-product #back2top.active {
    bottom: 120px;
  }
}
.products-with-border .product-inner {
  background-color: #fff;
  border-width: 1px 0 1px 1px;
  border-color: #c9c9c9;
}
.products-with-border .product-inner:last-child {
  border-right-width: 1px;
}

.button-loading {
  border: 1px solid #c4cdd5;
  cursor: default;
  text-shadow: none;
  color: transparent !important;
  position: relative;
  transition: border-color 0.2s ease-out;
}

.button-loading,
.button-loading:hover,
.button-loading:focus,
.button-loading:active {
  color: transparent;
}

.button-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: #ffffff;
  border-bottom-color: transparent;
}
@keyframes button-loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.toast {
  top: 100px;
}
.toast.toast--error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.toast.toast--success {
  background-color: #bff9d0;
  color: #299c77;
  border-color: #c3e6cb;
}
.toast .toast-message {
  margin-left: 10px;
}
.toast .btn-close {
  text-shadow: 0 1px 0 #fff;
  font-size: 10px;
  opacity: 0.5;
  outline: none !important;
  border: none !important;
}
.toast .btn-close:hover {
  cursor: pointer;
  opacity: 0.75;
}

body.show-admin-bar .toast {
  top: 140px;
}

.text-link {
  color: var(--primary-color);
}

#store-short-description,
#store-content {
  display: inline-block;
}

.brand__desc p,
.brand__desc span {
  font-weight: 700 !important;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.compare-page-content table .btn-primary {
  padding: 0.55rem 0.5rem;
}
.compare-page-content table .attribute-values ul {
  padding-left: 0;
}

.footer-payments img {
  max-height: 30px;
}

.product-gallery__variants {
  float: none;
  max-width: 100%;
  padding: 0 40px;
  position: relative;
  width: 100%;
  min-width: 60px;
}
.product-gallery__variants .slick-slide .item .border {
  text-align: center;
}
.product-gallery__variants .slick-slide .item .border img {
  display: inline-block;
}

.header .header-top .header-info > ul > li a,
.header .header-top .header-info > ul > li .language-dropdown-active {
  color: #fff;
}

.header-recently-viewed .recently-title,
.header-recently-viewed .recent-icon {
  color: var(--bottom-header-text-color);
}

.card-social-login-container .social-login-text {
  position: relative;
}
.card-social-login-container .social-login-text .login-text {
  text-align: center;
  position: relative;
  margin: 15px 0 10px;
}
.card-social-login-container .social-login-text:before, .card-social-login-container .social-login-text:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 1px;
  width: 34%;
  background-color: #e5e5e5;
}
.card-social-login-container .social-login-text:after {
  left: auto;
  right: 0;
}
.card-social-login-container .card-social-login-content .sl-button {
  vertical-align: top;
  border-radius: 4px;
  color: #fff;
  display: flex;
}
.card-social-login-container .card-social-login-content svg {
  height: 24px;
  width: 24px;
  vertical-align: top;
}
.card-social-login-container .card-social-login-content .sl-button-google,
.card-social-login-container .card-social-login-content .sl-button-linkedin {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.54);
}
.card-social-login-container .card-social-login-content .sl-button-facebook {
  background-color: #1877f2;
  box-shadow: inset 0 0 0 1px #1877f2;
}
.card-social-login-container .card-social-login-content .sl-button-github {
  background-color: #0d1117;
  box-shadow: inset 0 0 0 1px #0d1117;
}
.card-social-login-container .card-social-login-content .sl-button-label-container {
  margin: 0 24px 0 12px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  overflow: hidden;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
  flex: 1 1 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  display: inline-block;
}
.card-social-login-container .card-social-login-content .sl-button-svg-container {
  flex: 0 0 auto;
  padding: 8px;
  display: flex;
  align-items: center;
}

.footer-widgets .widget.widget-custom-menu ul li a img {
  vertical-align: top;
  margin-top: 5px;
}

.product-gallery--with-images img {
  opacity: 0;
}
.product-gallery--with-images .slick-slide img {
  opacity: 1;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .blog-page-content .post-item__image {
    margin-bottom: 20px;
  }
  .blog-page-content .post-item__image img {
    max-width: 100%;
  }
  .store-toolbar__view {
    display: none !important;
  }
}
#footer .subscribe-form .input-group {
  margin-bottom: 10px;
}

.product-gallery .product-gallery__variants .slick-arrow {
  top: auto;
  bottom: -30px;
  left: calc(50% - 17px);
  right: 0;
  background: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  border: none;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  line-height: 34px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.product-gallery .product-gallery__variants .slick-arrow.slick-prev-arrow {
  top: 5px;
}
.product-gallery .product-gallery__variants .slick-slide.slick-active.slick-current .border {
  border-color: var(--primary-color) !important;
}

.menu--product-categories .menu--dropdown > li > a {
  padding-inline-end: 25px;
}

.product-detail-container .product-details .product-price .product-price-original bdi {
  font-size: 24px;
}

@media (max-width: 768px) {
  .product-gallery .product-gallery__variants .slick-arrow {
    top: 14px;
    left: 0;
    bottom: 0;
    transform: rotate(270deg);
  }
  .product-gallery .product-gallery__variants .slick-arrow.slick-prev-arrow {
    top: 14px;
  }
  .product-gallery .product-gallery__variants .slick-arrow.slick-next-arrow {
    left: auto;
    right: 10px;
  }
}
.product-details .product-attributes .attribute-values {
  margin-bottom: 10px;
}
.product-details .product-attributes .attribute-values .dropdown-swatch, .product-details .product-attributes .attribute-values label {
  width: 100%;
}

.bb-product-attribute-swatch-list.text-swatch li input[type=radio]:checked ~ span:after,
.bb-product-attribute-swatch-list.text-swatch li input[type=checkbox]:checked ~ span:after {
  bottom: -1px !important;
}

.bb-form-quick-search .bb-quick-search-item-image {
  border: 1px solid #eaeaef;
  padding: 10px;
}

.header .header-bottom .menu > li > a {
  color: var(--bottom-header-text-color);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  height: auto;
  display: block;
  color: #fff;
  padding: 5px 3px;
  margin: 3px 0;
  overflow: hidden;
}

a.sl-button.sl-button-zalo.mt-2 {
  background: #006af5;
}

.menu--mobile .menu-item-has-children .sub-menu,
.menu--mobile .menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.btn-loading {
  position: relative;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none;
  transition: none;
}
.btn-loading:after {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 100rem;
  color: rgb(110, 110, 110);
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: calc(50% - 0.625rem);
  top: calc(50% - 0.625rem);
  animation: spinner-border 0.75s linear infinite;
}

.loading-spinner {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.5);
  display: flex;
  height: 100%;
  inset-inline-start: 0;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.loading-spinner:after {
  animation: loading-spinner-rotation 0.5s linear infinite;
  border-color: var(--primary-color) transparent var(--primary-color) transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  content: " ";
  display: block;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 1;
}

@keyframes loading-spinner-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.header-items.header__center .btn-loading svg.icon {
  display: none;
}

.widget-socials-share li a svg.icon, .footer-socials-container li a svg.icon {
  width: 16px;
  height: 16px;
}

.footer-socials-container li a svg.icon {
  color: #fff !important;
  vertical-align: top;
  margin-top: 2px;
}

.boton[el="kimo cono"][data-v-57d48d54] {
  right: 0px;
  top: 60px;
}

.producto-home .boton {
  width: 210px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  position: absolute;
  transition: 0.8s;
  opacity: 0.5;
}

.producto-home .boton img {
  max-width: 150px;
  width: 100%;
  display: inline-block;
}

.producto-home .boton .color {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.8s;
}

.producto-home .contenedor-ruleta {
  padding: 70px 200px;
  position: relative;
  z-index: 3;
  width: 70%;
}

.producto-home .contenedor-ruleta .contenedor-imagen {
  width: 496px;
  height: 461px;
  overflow: hidden;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

.producto-home[data-v-50963428] {
  background-image: linear-gradient(178deg, #ffca00, #feb600);
}

.producto-home[data-v-50963428]:nth-child(1) {
  background-image: linear-gradient(178deg, #70ff08, rgba(133, 255, 0, 0.6784313725));
}

.producto-home[data-v-50963428]:nth-child(3) {
  background-image: linear-gradient(178deg, #ff7a00, rgba(255, 0, 0, 0.6784313725));
}

.producto-home {
  height: 100vh;
  min-height: 700px;
  position: relative;
  overflow: hidden;
}

.column-center, .column-start {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.producto-home .container-title {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.container-title {
  margin-top: 70px;
}

.container, .container.-xs {
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  width: 80vw;
}

.container {
  max-width: 1180px;
  min-width: 1024px;
}

.big-title.launched {
  opacity: 1;
}

.big-title {
  text-transform: uppercase;
  font-size: 200px;
  color: rgba(0, 0, 0, 0.1);
  font-family: "Oswald", serif;
  font-weight: 800;
  text-align: center !important;
  overflow: hidden;
  line-height: 1em;
  position: relative;
  z-index: 4;
  opacity: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img,
.slick-slide video {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
} /* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
} /* Psuedo-element chars */
.splitting .char {
  position: relative;
} /**
* Populate the psuedo elements with the character to allow for expanded effects
* Set to `display: none` by default; just add `display: block` when you want
* to use the psuedo elements
*/
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
} /* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}
@keyframes allReset {
  to {
    transform: translate(0, 0) translateZ(0px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes opacity1 {
  to {
    opacity: 1;
  }
}
@keyframes btnVariedades {
  to {
    transform: translate(9px, 0) translateZ(0px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes secondDecoracion {
  to {
    transform: translateY(-95%);
  }
}
.-backgroundLoad {
  animation: GrisAnimation 2s ease infinite;
  background: linear-gradient(274deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
  background-size: 400% 400%;
}
@keyframes GrisAnimation {
  0% {
    background-position: 0% 48%;
  }
  50% {
    background-position: 100% 53%;
  }
  100% {
    background-position: 0% 48%;
  }
}
@keyframes float-1 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes float-2 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(10px) rotate(5deg);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes float-3 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(15px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes float-4 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
} /*!
* animate.css - https://animate.style/
* Version - 4.0.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1 ;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    opacity: 1;
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    opacity: 1;
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  to {
    opacity: 1;
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  to {
    opacity: 1;
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-appearance: none !important;
  -moz-appearance: none;
  appearance: none !important;
  font-weight: inherit;
  color: inherit;
  font-family: "Oswald";
}

a {
  text-decoration: none;
  cursor: pointer;
}

li, ul {
  list-style: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body {
  font-weight: 300;
  text-align: center;
  font-size: 14px;
}

p {
  line-height: 1.6em;
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

p strong {
  font-weight: 700;
}

.column-center {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.column-start {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.column-between {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-align-items: space-between;
  align-items: center;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.row-center {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row-between {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row-around {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-align-items: center;
  align-items: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row-start {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row-end {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-align-items: center;
  align-items: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row-center-stretch {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: stretch;
  align-items: stretch;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.aic {
  -ms-align-items: center;
  align-items: center;
}

.ais {
  -ms-align-items: stretch;
  align-items: stretch;
}

.fdc {
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 25px;
  width: 80vw;
  min-width: 1024px;
}

.container.-xs {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 25px;
  width: 80vw;
  min-width: 768px;
}

.container.-xxs {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 25px;
  width: 80vw;
  min-width: 600px;
}

.waypoints {
  opacity: 0;
}

.view {
  min-height: 100vh;
}

@media screen and (max-width: 1025px) {
  .container {
    min-width: 0;
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .container.-xs {
    min-width: 0;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .hoja-contacto .texto .contacto-el .icon {
    margin-bottom: 5px;
    max-width: 25px;
  }
  .hoja-contacto .texto .contacto-el p {
    font-size: 14px;
    line-height: 1.4em;
  }
}
.enlace-cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

#app[route=contacto] {
  overflow: hidden;
}

.padding-menu {
  padding-top: 0px;
}

.padding-menu.-big {
  padding-top: 50px;
}

.yummy {
  font-family: "Conv_YummyCupcakes";
}

.yummy span {
  font-family: "Conv_YummyCupcakes";
}

.container-title {
  margin-top: 70px;
}

.container-title.-xs {
  margin-top: 30px;
}

.contenedor-view {
  width: 100%;
  display: block;
  min-height: 100vh;
  position: relative;
}

.big-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 200px;
  color: rgba(0, 0, 0, 0.1);
  font-family: "Oswald";
  overflow: hidden;
  line-height: 1em;
  position: relative;
  z-index: 4;
  opacity: 0;
}

.big-title.-m {
  font-size: 120px;
}

.big-title.-xs {
  font-size: 80px;
  transform: translateY(-20px);
  position: relative;
  z-index: 11;
  text-align: left;
}

.big-title .char {
  font-family: "Oswald";
  transform: translateY(300px);
  display: inline-block;
  transition: 0.6s;
  line-height: 1em;
  opacity: 0;
}

.big-title .char:nth-child(1) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(2) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(3) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(4) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(5) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(6) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(7) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(8) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(9) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(10) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(11) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(12) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(13) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(14) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(15) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(16) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(17) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(18) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(19) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title .char:nth-child(20) {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.big-title.launched {
  opacity: 1;
}

.big-title.launched .char {
  transform: translate(0);
  opacity: 1;
}

img.historiaFabs-1 {
  position: absolute;
  right: 500px;
  top: 50px;
  max-width: 250px;
}

img.historiaFabs-2 {
  position: absolute;
  max-width: 360px;
  bottom: 170px;
  right: 710px;
}

img.historiaFabs-3 {
  position: absolute;
  max-width: 300px;
  bottom: 240px;
  left: -140px;
}

.title-historia {
  font-size: 100px;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.9em;
  font-family: "Oswald";
  margin-bottom: 40px;
}

.title-historia span {
  width: 100%;
  display: inline-block;
  text-align: left;
  line-height: 0.9em;
  font-family: "Oswald";
}

.title-historia span.ghost {
  font-size: 70px;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 2px;
}

.menu-productos .menu-el {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  height: auto;
  line-height: 20px;
  font-family: "Futura LT CondensedBold";
  overflow: hidden;
  display: block;
  padding: 20px 10px;
}

.menu-productos .menu-el .char {
  transition: 0.3s;
  font-family: "Futura LT CondensedBold";
  transform: translateX(200px);
  display: inline-block;
}

.menu-productos .menu-el.router-link-active {
  background: #68131d;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(1) {
  animation-delay: 0.6s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(2) {
  animation-delay: 0.7s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(3) {
  animation-delay: 0.8s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(4) {
  animation-delay: 0.9s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(5) {
  animation-delay: 1s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(6) {
  animation-delay: 1.1s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(7) {
  animation-delay: 1.2s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(8) {
  animation-delay: 1.3s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(9) {
  animation-delay: 1.4s;
}

.menu-productos .menu-el:nth-child(1) .char:nth-child(10) {
  animation-delay: 1.5s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(1) {
  animation-delay: 1.1s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(2) {
  animation-delay: 1.2s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(3) {
  animation-delay: 1.3s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(4) {
  animation-delay: 1.4s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(5) {
  animation-delay: 1.5s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(6) {
  animation-delay: 1.6s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(7) {
  animation-delay: 1.7s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(8) {
  animation-delay: 1.8s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(9) {
  animation-delay: 1.9s;
}

.menu-productos .menu-el:nth-child(2) .char:nth-child(10) {
  animation-delay: 2s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(1) {
  animation-delay: 1.6s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(2) {
  animation-delay: 1.7s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(3) {
  animation-delay: 1.8s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(4) {
  animation-delay: 1.9s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(5) {
  animation-delay: 2s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(6) {
  animation-delay: 2.1s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(7) {
  animation-delay: 2.2s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(8) {
  animation-delay: 2.3s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(9) {
  animation-delay: 2.4s;
}

.menu-productos .menu-el:nth-child(3) .char:nth-child(10) {
  animation-delay: 2.5s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(1) {
  animation-delay: 2.1s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(2) {
  animation-delay: 2.2s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(3) {
  animation-delay: 2.3s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(4) {
  animation-delay: 2.4s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(5) {
  animation-delay: 2.5s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(6) {
  animation-delay: 2.6s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(7) {
  animation-delay: 2.7s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(8) {
  animation-delay: 2.8s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(9) {
  animation-delay: 2.9s;
}

.menu-productos .menu-el:nth-child(4) .char:nth-child(10) {
  animation-delay: 3s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(1) {
  animation-delay: 2.6s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(2) {
  animation-delay: 2.7s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(3) {
  animation-delay: 2.8s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(4) {
  animation-delay: 2.9s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(5) {
  animation-delay: 3s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(6) {
  animation-delay: 3.1s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(7) {
  animation-delay: 3.2s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(8) {
  animation-delay: 3.3s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(9) {
  animation-delay: 3.4s;
}

.menu-productos .menu-el:nth-child(5) .char:nth-child(10) {
  animation-delay: 3.5s;
}

.header.launched .menu-el .char {
  animation-name: quitTransform;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}

.-snacks .slick-slide {
  outline: none;
  border: none;
}
@keyframes quitTransform {
  to {
    transform: translate(0);
  }
}
.download-burdeos {
  padding-left: 60px;
  text-align: left;
  width: auto;
  margin-top: 20px;
  font-size: 18px;
  height: 45px;
  font-weight: 600;
}

.download-burdeos::before {
  background: #960234 url(https://risi.es/static/img/download.svg) center/20px no-repeat;
  content: "";
  width: 45px;
  height: 45px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}

.banner-placersofia {
  width: 100%;
  background: #000 url(https://risi.es/static/img/background-placersofia.jpg) center top/auto 80% no-repeat;
}

.banner-placersofia .contenedor-productos {
  display: inline;
  position: relative;
  height: 33vw;
  width: 100%;
  max-width: 800px;
  margin-bottom: 50px;
  min-height: 550px;
}

.banner-placersofia .contenedor-productos img {
  position: absolute;
}

.banner-placersofia .contenedor-productos .titulo {
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: -250px;
}

.banner-placersofia .contenedor-productos .cebolla {
  bottom: 0;
  right: 0;
  top: auto;
}

.banner-placersofia .contenedor-productos .espinaca {
  left: 50%;
  bottom: 30px;
  margin-left: -114px;
}

.banner-placersofia .contenedor-productos .chia {
  left: 0;
  bottom: 0;
}

.banner-placersofia .contenedor-productos .btn {
  position: absolute;
  right: -400px;
  bottom: 200px;
  color: #d6ae69;
  box-shadow: 1px 1px 25px 6px rgba(0, 0, 0, 0.79);
}

.rrss {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 25px;
}

.rrss h3 {
  font-family: "Futura LT Condensed";
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  transform: translateY(200px);
  transition: 0.5s;
  transition-delay: 0.2s;
}

.rrss a {
  color: white;
  width: 25px;
  height: 20px;
  transform: translateY(200px);
  transition: 0.5s;
}

.rrss a i {
  font-size: 18px;
}

.rrss a:nth-child(1) {
  transition-delay: 0.7s;
}

.rrss a:nth-child(2) {
  transition-delay: 0.8s;
}

.rrss a:nth-child(3) {
  transition-delay: 0.9s;
}

.rrss a:nth-child(4) {
  transition-delay: 1s;
}

.rrss a:nth-child(5) {
  transition-delay: 1.1s;
}

.rrss a:nth-child(6) {
  transition-delay: 1.2s;
}

.rrss a:nth-child(7) {
  transition-delay: 1.3s;
}

.rrss a:nth-child(8) {
  transition-delay: 1.4s;
}

.rrss a:nth-child(9) {
  transition-delay: 1.5s;
}

.rrss a:nth-child(10) {
  transition-delay: 1.6s;
}

[show=true] .rrss a, [show=true] .rrss h3 {
  transform: translate(0);
}

.contenedor-input {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 10px;
  position: relative;
}

.contenedor-input.middle {
  width: calc(50% - 5px);
}

.contenedor-input.triple {
  width: calc(33.333333% - 5px);
}

.contenedor-input input, .contenedor-input textarea, .contenedor-input select {
  width: 100%;
  background: rgba(31, 32, 32, 0.2);
  height: 50px;
  line-height: 50px;
  border: none;
  padding: 10px;
  color: #fff;
  outline: none;
}

.contenedor-input input::-moz-placeholder, .contenedor-input textarea::-moz-placeholder, .contenedor-input select::-moz-placeholder {
  color: #fff;
}

.contenedor-input input::placeholder, .contenedor-input textarea::placeholder, .contenedor-input select::placeholder {
  color: #fff;
}

.contenedor-input input:focus::-moz-placeholder, .contenedor-input textarea:focus::-moz-placeholder, .contenedor-input select:focus::-moz-placeholder {
  opacity: 0.4;
}

.contenedor-input input:focus::placeholder, .contenedor-input textarea:focus::placeholder, .contenedor-input select:focus::placeholder {
  opacity: 0.4;
}

.contenedor-input textarea {
  height: 125px;
  line-height: 25px;
}

.contenedor-input select {
  background: rgba(31, 32, 32, 0.2) url("https://risi.es/static/img/arrow-down.svg") calc(100% - 10px) center/15px no-repeat;
  line-height: 50px;
  height: 50px;
  display: inline-block;
  padding: 0 10px;
}

.contenedor-input input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

.contenedor-input input[type=checkbox] + label {
  width: 100%;
  text-align: left;
  display: inline-block;
  color: #fff;
  position: relative;
  padding-left: 18px;
}

.contenedor-input input[type=checkbox] + label a {
  text-decoration: underline;
}

.contenedor-input input[type=checkbox] + label::before {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 10px;
  text-align: center;
  display: inline-block;
  content: "";
  border: 1px solid white;
  position: absolute;
  left: 0;
  top: 0;
}

.contenedor-input input[type=checkbox]:checked + label::before {
  content: "✓";
}

.contenedor-input input[type=file] {
  display: none;
}

.contenedor-input .error {
  font-size: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ffde2f;
}

.contenedor-input.file {
  display: flex;
  flex-direction: column;
}

.contenedor-input.file h4 {
  font-size: 18px;
  font-family: "Oswald";
  color: white;
  margin-bottom: 15px;
  animation-delay: 0.5s;
  text-transform: uppercase;
}

.btn.-action.file {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn.-action.file span {
  margin-left: 10px;
  font-size: 12px;
}

.btn.-action.file::before {
  display: none;
}

.contenedor-checks {
  width: 100%;
  display: inline-block;
}

.contenedor-boton {
  width: 100%;
  margin-top: 25px;
}

.contenedor-boton .gracias {
  margin-top: 20px;
  font-size: 26px;
  color: white;
  max-width: 500px;
  font-family: "Oswald";
  text-transform: uppercase;
  transform: translateY(200px);
  opacity: 0;
  transition: 1s;
  transition-delay: 2s;
}

.contenedor-boton .gracias[show=true] {
  opacity: 1;
  transform: translate(0);
}

.btn.-action {
  height: 80px;
  line-height: 80px;
  display: inline-block;
  padding: 0 10px 0 15px;
  background: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  color: #960234;
  font-size: 40px;
  border: none;
  position: relative;
  cursor: pointer;
  outline: none;
}

.btn.-action::before {
  right: 1px;
  top: 0;
  bottom: 0;
  transform: translateX(100%);
  position: absolute;
  width: 35px;
  content: "";
  display: inline-block;
  background: url("https://risi.es/static/img/flecha-boton.svg") center left/auto 100% no-repeat;
}

.btn.-action[sended=true]::after {
  position: absolute;
  left: 10px;
  top: 0;
  content: "";
  width: calc(100% + 9px);
  height: 80px;
  display: inline-block;
  background: url("https://risi.es/static/img/boton-gracias.gif") center/100% no-repeat;
}

.btn.-action[sending=true] {
  pointer-events: none;
}

.btn.-action.-xs {
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}

.breadcrumb {
  height: 40px;
  line-height: 40px;
  color: #960234;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: white;
  display: inline-block;
  padding: 0 20px;
}

.breadcrumb.-red {
  background: #960234;
  color: white;
}

.categoria-el {
  text-transform: uppercase;
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid white;
  min-width: 138px;
  margin-right: 25px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 6;
}

.categoria-el:last-of-type {
  margin-right: 0;
}

.categoria-el:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.categoria-el[active=true] {
  color: #960234;
  background-color: rgba(255, 255, 255, 0.7);
}

.categoria-el.-red {
  color: #960234;
  border-color: #960234;
  background: rgba(172, 24, 48, 0.3);
}

.categoria-el.-red:hover {
  background: rgba(172, 24, 48, 0.5);
}

.titulo-noticia {
  font-weight: bold;
  font-size: 30px;
  color: #1f2020;
  font-size: 30px;
  line-height: 1.1em;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.fecha {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  background: #1f2020;
  min-width: 83px;
  min-height: 136px;
}

.fecha span {
  width: 100%;
  display: inline-block;
  color: white;
}

.fecha .dia {
  font-size: 42px;
  font-family: "Oswald";
  max-width: 140px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 1.1em;
}

.fecha .mes {
  font-size: 24px;
  font-family: "Oswald";
  max-width: 140px;
  width: 100%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.fecha .year {
  font-size: 18px;
  line-height: 26px;
  font-family: "Oswald";
  max-width: 60px;
  width: 100%;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 2.57px;
}

.volver {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 25px;
  height: 40px;
  background: #960234;
  text-transform: uppercase;
  color: white;
  font-weight: 800;
}

.volver > img {
  width: 25px;
  margin-right: 10px;
}

.parrafo {
  margin-bottom: 20px;
}

.parrafo p em {
  font-style: italic;
}

.parrafo p strong, .parrafo p b {
  font-weight: 800;
}

.parrafo p a {
  text-decoration: underline;
}

li b, li strong {
  font-weight: 800;
}

li a {
  text-decoration: none;
}

.slider-galeria {
  position: relative;
}

.-snacks .slick-arrow, .slider-galeria .slick-arrow, .producto-cont .slick-arrow {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: -70px;
  border: none;
  font-size: 0;
  background: #960234 url("https://risi.es/static/img/flecha.svg") center/25px no-repeat;
  transform: rotate(-180deg);
  outline: none;
  cursor: pointer;
}

.-snacks .slick-arrow.slick-prev, .slider-galeria .slick-arrow.slick-prev, .producto-cont .slick-arrow.slick-prev {
  right: 50px;
  transform: rotate(0);
}

.-snacks .slick-arrow {
  top: 50%;
  background-color: #68131d;
  right: -50px;
  margin-top: -20px;
}

.-snacks .slick-arrow.slick-prev {
  left: -50px;
  right: auto;
}

.otras-noticias .titulo .word {
  overflow: hidden;
  display: inline-block;
}

.otras-noticias .titulo .char {
  line-height: 0.9em;
  display: inline-block;
  font-family: "Oswald";
  transform: translateX(-100vw);
  transition: 1s;
}

.otras-noticias .titulo .char:nth-child(1) {
  transition-delay: 1.88889s;
}

.otras-noticias .titulo .char:nth-child(2) {
  transition-delay: 1.77778s;
}

.otras-noticias .titulo .char:nth-child(3) {
  transition-delay: 1.66667s;
}

.otras-noticias .titulo .char:nth-child(4) {
  transition-delay: 1.55556s;
}

.otras-noticias .titulo .char:nth-child(5) {
  transition-delay: 1.44444s;
}

.otras-noticias .titulo .char:nth-child(6) {
  transition-delay: 1.33333s;
}

.otras-noticias .titulo .char:nth-child(7) {
  transition-delay: 1.22222s;
}

.otras-noticias .titulo .char:nth-child(8) {
  transition-delay: 1.11111s;
}

.otras-noticias .titulo .char:nth-child(9) {
  transition-delay: 1s;
}

.otras-noticias .titulo .char:nth-child(10) {
  transition-delay: 0.88889s;
}

.otras-noticias .titulo .char:nth-child(11) {
  transition-delay: 0.77778s;
}

.otras-noticias .titulo .char:nth-child(12) {
  transition-delay: 0.66667s;
}

.otras-noticias .titulo strong {
  margin-top: -10px;
}

.otras-noticias.launched .titulo .char {
  transform: translateX(0);
}

.-backgroundLoad {
  animation: GrisAnimation 2s ease infinite;
  background: linear-gradient(274deg, #fff, #cecece);
  background-size: 400% 400%;
}

@keyframes GrisAnimation {
  0% {
    background-position: 0% 48%;
  }
  50% {
    background-position: 100% 53%;
  }
  100% {
    background-position: 0% 48%;
  }
}
.contenedor-texto-asset {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(calc(-100% - 10px), 50%);
}

.contenedor-texto-asset .espiral {
  transform: translateX(40px);
}

.contenedor-texto-asset p {
  color: white;
  font-size: 48px;
  max-width: 300px;
}

.contenedor-texto-asset p span {
  font-family: "Conv_YummyCupcakes";
  opacity: 0;
  transition: 0.5s;
}

.contenedor-texto-asset p .char {
  transition-delay: calc(20ms + 30ms * var(--char-index));
}

.launched .contenedor-texto-asset p span {
  opacity: 1;
}

.share {
  font-size: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("https://risi.es/static/img/share.svg") center/cover no-repeat;
}

.toggle {
  font-size: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("https://risi.es/static/img/mas.svg") center/cover no-repeat;
}

.toggle[show=true] {
  background: url("https://risi.es/static/img/menos.svg") center/cover no-repeat;
}

.promocion .cuerpo span {
  font-size: 16px !important;
  font-family: "Oswald" !important;
}

.promocion .cuerpo p {
  margin-bottom: 15px;
  text-align: justify;
}

.promocion .cuerpo a {
  text-decoration: underline;
  font-weight: 600;
}

.contenedor-cuerpo-legales *:empty {
  display: none;
}

.contenedor-promos-anteriores {
  position: relative;
  padding-top: 90px;
  padding-bottom: 100px;
  display: inline-block;
  width: auto;
  cursor: pointer;
}

.contenedor-promos-anteriores .espiral {
  width: 150px;
  transform: rotate(-90deg) translateY(-70%);
  position: absolute;
  left: 0;
  top: -15px;
}

.contenedor-promos-anteriores p {
  color: white;
  font-size: 48px;
  line-height: 46px;
  text-decoration: underline;
  max-width: 300px;
  display: inline-block;
  width: auto;
  transform: rotate(-15deg);
}

.contenedor-cuerpo-legales {
  padding: 50px 100px;
  background: white;
  display: inline-block;
  min-height: 100vh;
  text-align: left;
  position: relative;
  margin-top: 60px;
  margin-bottom: 100px;
}

.contenedor-cuerpo-legales .volver {
  transform: translateX(-100%);
}

.contenedor-cuerpo-legales p {
  text-align: justify;
  margin-bottom: 15px;
}

.historia-slider > .slick-arrow {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  border: none;
  font-size: 0;
  margin-top: -20px;
  background: none;
  outline: none;
  cursor: pointer;
  z-index: 5;
}

.historia-slider > .slick-arrow.slick-prev {
  background: url("https://risi.es/static/img/left-arrow.svg") center/40px no-repeat;
  left: 20px;
}

.historia-slider > .slick-arrow.slick-next {
  background: url("https://risi.es/static/img/right-arrow.svg") center/40px no-repeat;
  right: 20px;
}

.historia-slider p {
  color: white;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 20px;
  text-align: left;
  font-weight: 800;
}

.historia-slider .slide:not(.-slide-1) .yummy.words {
  overflow: hidden;
  display: inline-block;
}

.historia-slider .slide:not(.-slide-1) .yummy .word {
  transform: translateX(-100px);
  display: inline-block;
  transition: 0.5s;
  opacity: 0;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(1) {
  transition-delay: 0.3s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(2) {
  transition-delay: 0.4s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(3) {
  transition-delay: 0.5s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(4) {
  transition-delay: 0.6s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(5) {
  transition-delay: 0.7s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(6) {
  transition-delay: 0.8s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(7) {
  transition-delay: 0.9s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(8) {
  transition-delay: 1s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(9) {
  transition-delay: 1.1s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(10) {
  transition-delay: 1.2s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(11) {
  transition-delay: 1.3s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(12) {
  transition-delay: 1.4s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(13) {
  transition-delay: 1.5s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(14) {
  transition-delay: 1.6s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(15) {
  transition-delay: 1.7s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(16) {
  transition-delay: 1.8s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(17) {
  transition-delay: 1.9s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(18) {
  transition-delay: 2s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(19) {
  transition-delay: 2.1s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(20) {
  transition-delay: 2.2s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(21) {
  transition-delay: 2.3s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(22) {
  transition-delay: 2.4s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(23) {
  transition-delay: 2.5s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(24) {
  transition-delay: 2.6s;
}

.historia-slider .slide:not(.-slide-1) .yummy .word:nth-child(25) {
  transition-delay: 2.7s;
}

.historia-slider .slide:not(.-slide-1) .title-historia {
  overflow: hidden;
}

.historia-slider .slide:not(.-slide-1) .title-historia span:first-of-type {
  transform: translateY(-200%);
  transition: 0.7s;
  transition-delay: 0.3s;
}

.historia-slider .slide:not(.-slide-1) .title-historia span:last-of-type {
  transition: 0.7s;
  transition-delay: 1s;
  transform: translateY(200%);
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy) {
  transform: translateY(100px);
  opacity: 0;
  transition-duration: 0.8s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(1) {
  transition-delay: 1.4s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(2) {
  transition-delay: 1.5s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(3) {
  transition-delay: 1.6s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(4) {
  transition-delay: 1.7s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(5) {
  transition-delay: 1.8s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(6) {
  transition-delay: 1.9s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(7) {
  transition-delay: 2s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(8) {
  transition-delay: 2.1s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(9) {
  transition-delay: 2.2s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(10) {
  transition-delay: 2.3s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(11) {
  transition-delay: 2.4s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(12) {
  transition-delay: 2.5s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(13) {
  transition-delay: 2.6s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(14) {
  transition-delay: 2.7s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(15) {
  transition-delay: 2.8s;
}

.historia-slider .slide:not(.-slide-1) p:not(.yummy):nth-child(16) {
  transition-delay: 2.9s;
}

.historia-slider .slick-active .slide:not(.-slide-1) .title-historia span:first-of-type, .historia-slider .slick-active .slide:not(.-slide-1) .title-historia span:last-of-type {
  transform: translateY(0px);
  opacity: 1;
}

.historia-slider .slick-active .slide:not(.-slide-1) p:not(.yummy) {
  transform: translateY(0px);
  opacity: 1;
}

.historia-slider .slick-active .slide:not(.-slide-1) .yummy .word {
  transform: translateX(0%);
  opacity: 1;
}

.-slide-1 .contenedor-texto {
  max-width: 566px;
}

.-slide-1 .contenedor-texto .title-historia span:first-of-type, .-slide-1 .contenedor-texto .title-historia span:last-of-type {
  transform: translateY(-200px);
  opacity: 0;
}

.-slide-1 .contenedor-texto .title-historia span:last-of-type {
  transform: translateY(200px);
}

.-slide-1 .contenedor-texto p:not(.yummy) {
  transform: translateY(200px);
  opacity: 0;
}

.-slide-1 .contenedor-imagen {
  position: relative;
  width: 320px;
  height: 330px;
}

.-slide-1 .contenedor-imagen p {
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(10deg);
}

.-slide-1 .contenedor-imagen p.yummy {
  overflow: hidden;
}

.-slide-1 .contenedor-imagen p.yummy .word {
  transform: translateX(-400px);
  display: inline-block;
}
@keyframes pHistoria {
  from {
    opacity: 0;
    transform: translateY(300px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.-slide-1 .contenedor-imagen .gusanitos-1 {
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  transform: rotate(10deg) perspective(200px) translate(50px, 50px) translateZ(150px);
}
@keyframes gusanito1 {
  from {
    transform: rotate(10deg) perspective(200px) translate(50px, 50px) translateZ(150px);
  }
  to {
    transform: rotate(10deg) perspective(200px) translate(0px, 0px) translateZ(0px);
    opacity: 1;
  }
}
.-slide-1 .contenedor-imagen .gusanitos-2 {
  position: absolute;
  left: 0;
  bottom: 30px;
  opacity: 0;
  transform: rotate(10deg) perspective(200px) translate(50px, 50px) translateZ(150px);
}
@keyframes gusanito2 {
  from {
    transform: rotate(10deg) perspective(200px) translate(50px, 50px) translateZ(150px);
  }
  to {
    transform: rotate(10deg) perspective(200px) translate(0px, 0px) translateZ(0px);
    opacity: 1;
  }
}
.-slide-1 .contenedor-imagen .espiral {
  position: absolute;
  left: 160px;
  bottom: 30px;
  width: 140px;
  height: 180px;
  transform: rotate(50deg) rotateY(180deg);
}

.-slide-1 .contenedor-imagen .espiral img {
  max-width: 140px;
}

.slick-active .-slide-1 .gusanitos-1 {
  animation-name: gusanito1;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}

.slick-active .-slide-1 .gusanitos-2 {
  animation-name: gusanito1;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

.slick-active .-slide-1 .title-historia span:first-of-type, .slick-active .-slide-1 .title-historia span:last-of-type {
  animation-name: pHistoria;
  animation-duration: 0.8s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.slick-active .-slide-1 .title-historia span:last-of-type {
  animation-delay: 1s;
}

.slick-active .-slide-1 p:not(.yummy) {
  animation-name: pHistoria;
  animation-duration: 0.8s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(1) {
  animation-delay: 1.4s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(2) {
  animation-delay: 1.5s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(3) {
  animation-delay: 1.6s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(4) {
  animation-delay: 1.7s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(5) {
  animation-delay: 1.8s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(6) {
  animation-delay: 1.9s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(7) {
  animation-delay: 2s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(8) {
  animation-delay: 2.1s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(9) {
  animation-delay: 2.2s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(10) {
  animation-delay: 2.3s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(11) {
  animation-delay: 2.4s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(12) {
  animation-delay: 2.5s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(13) {
  animation-delay: 2.6s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(14) {
  animation-delay: 2.7s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(15) {
  animation-delay: 2.8s;
}

.slick-active .-slide-1 p:not(.yummy):nth-child(16) {
  animation-delay: 2.9s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(1) {
  animation-delay: 1.4s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(2) {
  animation-delay: 1.5s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(3) {
  animation-delay: 1.6s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(4) {
  animation-delay: 1.7s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(5) {
  animation-delay: 1.8s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(6) {
  animation-delay: 1.9s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(7) {
  animation-delay: 2s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(8) {
  animation-delay: 2.1s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(9) {
  animation-delay: 2.2s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(10) {
  animation-delay: 2.3s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(11) {
  animation-delay: 2.4s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(12) {
  animation-delay: 2.5s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(13) {
  animation-delay: 2.6s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(14) {
  animation-delay: 2.7s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(15) {
  animation-delay: 2.8s;
}

.slick-active .-slide-1 p.yummy .word:nth-child(16) {
  animation-delay: 2.9s;
}

.slick-active .-slide-1 p.yummy .word {
  animation-name: pYummy;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes pYummy {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.-slide-2 .contenedor-texto {
  max-width: 481px;
}

.-slide-2 .title-historia {
  font-size: 70px;
}

.-slide-2 .title-historia span.ghost {
  font-size: 49px;
}

.-slide-2 .slider-galeria .slick-arrow {
  top: auto;
  bottom: -20px;
  z-index: 3;
}

.-slide-2 .slider-galeria .slick-arrow.slick-prev {
  left: 20px;
  right: auto;
}

.-slide-2 .slider-galeria .slick-arrow.slick-next {
  left: 60px;
  right: auto;
}

.-slide-3 .title-historia {
  font-size: 40px;
  line-height: 1.2em;
}

.-slide-3 .title-historia span.ghost {
  font-size: 40px;
  line-height: 1.2em;
}

.-slide-3 .contenedor-superior {
  align-items: center;
  margin-top: 30px;
}

.-slide-3 .contenedor-superior .title-historia {
  width: 50%;
  margin-bottom: 0;
}

.-slide-3 .contenedor-superior p {
  width: 50%;
  margin-bottom: 0;
}

.-slide-3 .contenedor-inferior {
  margin-top: 50px;
}

.-slide-3 .contenedor-inferior .title-historia {
  font-size: 50px;
  margin-bottom: 20px;
}

.-slide-3 .contenedor-inferior .title-historia span {
  font-size: 50px;
  transition-delay: 2s;
}

.-slide-3 .contenedor-inferior .contenedor-texto p {
  max-width: 630px;
  transition-delay: 2.3s;
}

.-slide-3 .contenedor-inferior .contenedor-texto img {
  width: 235px;
  height: 288px;
  margin-right: 20px;
  transform: perspective(320px) translateZ(-20px) translate(-200px, 800px);
  transition: 2s;
  transition-delay: 2s;
  transition-timing-function: ease-in-out;
}

.slick-active .-slide-3 .contenedor-texto img {
  transform: perspective(320px) translateZ(0px);
}

.-slide-4 .contenedor-superior {
  margin-top: 50px;
}

.-slide-4 .contenedor-superior .contenedor-texto {
  max-width: 511px;
}

.-slide-4 .contenedor-superior .title-historia {
  font-size: 50px;
  margin-bottom: 25px;
}

.-slide-4 .contenedor-superior .title-historia span {
  font-size: 50px;
}

.-slide-4 .contenedor-superior .contenedor-imagen {
  position: relative;
  padding-right: 120px;
  opacity: 0;
  transition: 1s;
  transition-delay: 1s;
}

.-slide-4 .contenedor-superior p.yummy {
  position: absolute;
  right: 0;
  top: 30px;
  transform: rotate(10deg);
  font-size: 36px;
  font-weight: 300;
}

.-slide-4 .contenedor-superior .linea-logo {
  position: absolute;
  right: 50px;
  top: 80px;
  width: 50px;
}

.-slide-4 .contenedor-superior .imagen-container {
  background: url("https://risi.es/static/img/historia/risi-logo-vintage.jpg") center/cover no-repeat;
}

.-slide-4 .contenedor-inferior {
  margin-top: 20px;
}

.-slide-4 .contenedor-inferior .title-historia {
  font-size: 40px;
  line-height: 1.1em;
  margin-bottom: 25px;
}

.-slide-4 .contenedor-inferior .title-historia span.ghost:first-of-type {
  transition-delay: 1.8s;
}

.-slide-4 .contenedor-inferior .title-historia span.ghost:last-of-type {
  transition-delay: 2s;
}

.-slide-4 .contenedor-inferior .title-historia span.ghost {
  font-size: 40px;
  text-align: left;
  line-height: 1.1em;
}

.-slide-4 .contenedor-inferior p:not(.yummy):last-of-type {
  max-width: 669px;
  transition-delay: 2.5s;
}

.slick-active .-slide-4 .contenedor-superior .contenedor-imagen {
  opacity: 1;
}

.-slide-5 .title-historia {
  margin-top: 70px;
  font-size: 50px;
}

.-slide-5 .title-historia span {
  text-align: center;
  font-size: 50px;
  line-height: 1.3em;
}

.-slide-5 .texto {
  max-width: 480px;
}

.-slide-6 .contenido-slide {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.-slide-6 .contenedor-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.-slide-6 .contenedor-logo p {
  font-size: 36px;
  width: 320px;
  text-align: center;
  line-height: 40px;
  font-weight: 300;
  transform: rotate(20deg);
  position: absolute;
  right: -260px;
  top: -200px;
  opacity: 0;
  transition: 0.5s;
  transition-delay: 1s;
  transition-timing-function: ease-in-out;
}

.-slide-6 .contenedor-logo .espiral {
  width: 150px;
  height: 180px;
  position: absolute;
  right: 0px;
  top: -200px;
  transform: rotate(-12deg);
  opacity: 0;
  transition: 0.5s;
  transition-delay: 0.5s;
  transition-timing-function: ease-in-out;
}

.-slide-6 .contenedor-logo .espiral .gif {
  max-width: 100%;
  max-height: 100%;
}

.-slide-6 .contenedor-logo .logo-risi {
  max-width: 500px;
  transition: 60s;
}

.-slide-6 p {
  max-width: 500px;
}

.slick-active .-slide-6 .logo-risi {
  transform: scale(1.6);
}

.slick-active .-slide-6 .contenedor-logo p {
  opacity: 1;
}

.slick-active .-slide-6 .contenedor-logo .espiral {
  opacity: 1;
}

.-slide-7 .contenido-slide {
  align-items: center;
  -webkit-align-items: center;
}

.-slide-7 .contenedor-texto {
  max-width: 495px;
  position: relative;
}

.-slide-7 .contenedor-imagen {
  position: absolute;
  right: 0;
  top: 50%;
  transform: scale(0.7) translate(150px, 300%);
  opacity: 0;
  transition: 1s;
  transition-delay: 1s;
}

.-slide-7 .title-historia {
  margin-bottom: 0;
}

.-slide-7 .title-historia span {
  font-size: 50px;
}

.slick-active .-slide-7 .contenedor-imagen {
  opacity: 1;
  transform: scale(0.7) translate(150px, -100%);
}

.-slide-8 .contenedor-texto {
  max-width: 415px;
}

.-slide-8 .title-historia {
  font-size: 50px;
  line-height: 1.2em;
}

.-slide-8 .title-historia span {
  line-height: 1.2em;
  font-size: 50px;
}

.-slide-8 .slider-galeria .slick-arrow {
  top: -25px;
  z-index: 3;
}

.logo-fabs {
  max-width: 300px;
  margin-bottom: 50px;
}

.-slide-13 .contenedor-texto {
  text-align: left;
}

.-slide-13 .contenedor-texto p {
  color: black;
}

.-slide-13 .contenedor-texto p strong {
  font-size: 24px;
  margin-bottom: 15px;
}

img.patatas-clasicas.fabs {
  position: absolute;
  right: -260px;
  top: -145px;
  width: 170%;
  transform: rotate(-6deg) perspective(100px) translate(100px, 2000px) translateZ(-100px);
  transition: 1s;
  transition-delay: 1.7s;
  transition-timing-function: ease-in-out;
}

.-slide-9.once .contenedor-texto {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  margin-left: 100px;
}

.-slide-9.once .contenedor-texto p {
  color: black !important;
  margin-top: 20px;
}

.-slide-9 .contenedor-texto {
  max-width: 420px;
}

.-slide-9 .contenedor-imagen {
  position: relative;
  margin-top: 50px;
  margin-right: 200px;
  margin-left: 100px;
  width: 300px;
  height: 360px;
}

.-slide-9 .contenedor-imagen .patatas-originales {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  max-width: 360px;
  width: 100%;
  transform: rotate(6deg) perspective(100px) translate(100px, 2000px) translateZ(-100px);
  transition: 1s;
  transition-delay: 1s;
  transition-timing-function: ease-in-out;
}

.-slide-9 .contenedor-imagen .patatas-clasicas {
  position: absolute;
  right: -160px;
  top: -50px;
  max-width: 360px;
  width: 100%;
  transform: rotate(-6deg) perspective(100px) translate(100px, 2000px) translateZ(-100px);
  transition: 1s;
  transition-delay: 1.7s;
  transition-timing-function: ease-in-out;
}

.-slide-9 .contenedor-imagen .espiral {
  width: 140px;
  height: 180px;
  position: absolute;
  right: -260px;
  bottom: -20px;
  transform: rotate(-160deg);
  opacity: 0;
  transition: 1s;
  transition-delay: 2s;
}

.-slide-9 .contenedor-imagen p {
  position: absolute;
  right: -370px;
  bottom: 110px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  transform: rotate(10deg);
  overflow: hidden;
  transition: 1s;
  transition-delay: 1s;
}

.-slide-9 .contenedor-imagen p span {
  transform: translateY(100px);
  transition: 0.3s;
  transition-delay: 2s;
  display: inline-block;
}

.-slide-9 .contenedor-imagen p span:nth-child(1) {
  transition-delay: 3.1s;
}

.-slide-9 .contenedor-imagen p span:nth-child(2) {
  transition-delay: 3.2s;
}

.-slide-9 .contenedor-imagen p span:nth-child(3) {
  transition-delay: 3.3s;
}

.-slide-9 .contenedor-imagen p span:nth-child(4) {
  transition-delay: 3.4s;
}

.-slide-9 .contenedor-imagen p span:nth-child(5) {
  transition-delay: 3.5s;
}

.-slide-9 .contenedor-imagen p span:nth-child(6) {
  transition-delay: 3.6s;
}

.-slide-9 .contenedor-imagen p span:nth-child(7) {
  transition-delay: 3.7s;
}

.-slide-9 .contenedor-imagen p span:nth-child(8) {
  transition-delay: 3.8s;
}

.-slide-9 .contenedor-imagen p span:nth-child(9) {
  transition-delay: 3.9s;
}

.-slide-9 .contenedor-imagen p span:nth-child(10) {
  transition-delay: 4s;
}

.-slide-9 .contenedor-imagen p span:nth-child(11) {
  transition-delay: 4.1s;
}

.-slide-9 .contenedor-imagen p span:nth-child(12) {
  transition-delay: 4.2s;
}

.-slide-9 .contenedor-imagen p span:nth-child(13) {
  transition-delay: 4.3s;
}

.-slide-9 .contenedor-imagen p span:nth-child(14) {
  transition-delay: 4.4s;
}

.-slide-9 .contenedor-imagen p span:nth-child(15) {
  transition-delay: 4.5s;
}

.-slide-9 .contenedor-imagen p span:nth-child(16) {
  transition-delay: 4.6s;
}

.-slide-9 .contenedor-imagen p span:nth-child(17) {
  transition-delay: 4.7s;
}

.-slide-9 .contenedor-imagen p span:nth-child(18) {
  transition-delay: 4.8s;
}

.-slide-9 .contenedor-imagen p span:nth-child(19) {
  transition-delay: 4.9s;
}

.-slide-9 .contenedor-imagen p span:nth-child(20) {
  transition-delay: 5s;
}

.slick-active .-slide-9 .patatas-originales {
  transform: rotate(-6deg) perspective(100px) translate(0px, 0px) translateZ(0px);
}

.slick-active .-slide-9 .patatas-clasicas {
  transform: rotate(0deg) perspective(100px) translate(0px, 0px) translateZ(0px);
}

.slick-active .-slide-9 p.yummy span {
  transform: translateY(0);
}

.slick-active .-slide-9 .espiral {
  opacity: 1;
}

.-slide-10 .contenedor-texto {
  max-width: 500px;
  position: relative;
  width: 50%;
}

.-slide-10 .contenedor-texto .espiral {
  width: 130px;
  height: 180px;
  position: absolute;
  right: -30px;
  bottom: -150px;
  transform: rotate(-100deg) translateY(-100px);
  opacity: 0;
  transition: 1s;
  transition-delay: 1.5s;
}

.-slide-10 .contenedor-imagenes {
  width: 50%;
  max-width: 470px;
  height: 440px;
  position: relative;
  margin-left: 60px;
}

.-slide-10 .contenedor-imagenes .periodico {
  width: 500px;
  height: 300px;
  background: url("https://risi.es/static/img/historia/periodico-historia.png") center/100% auto no-repeat;
  padding: 20px;
  padding-right: 40px;
  padding-left: 50px;
  display: inline-block;
  opacity: 0;
  transform: translateY(100px);
  transition: 1s;
  transition-delay: 1s;
}

.-slide-10 .contenedor-imagenes .periodico h2 {
  font-size: 28px;
  font-family: "Oswald";
  display: inline-block;
  text-align: left;
  margin-top: 80px;
  transform: rotate(-5deg);
}

.-slide-10 .contenedor-imagenes .imagen-container:nth-child(2) {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("https://risi.es/static/img/historia/expositor-1.jpg") center/cover no-repeat;
  transition: 3s;
  transition-delay: 0.5s;
  transition-timing-function: ease-in-out;
  transform: perspective(1000px) translate(0px, 1240px) translateZ(-800px);
  box-shadow: 4px 2px 7px 8px rgba(0, 0, 0, 0.2);
}

.slick-active .-slide-10 .contenedor-texto .espiral {
  transform: rotate(-100deg);
  opacity: 1;
}

.slick-active .-slide-10 .contenedor-imagenes .periodico {
  opacity: 1;
  transform: translate(0);
}

.slick-active .-slide-10 .contenedor-imagenes .imagen-container:nth-child(2) {
  transform: perspective(1000px) translate(0px, 0px) translateZ(0px);
}

.-slide-11 .contenedor-texto {
  width: 100%;
}

.-slide-11 .contenedor-texto p {
  max-width: 600px;
  font-size: 30px;
  line-height: 1.5em;
}

.-slide-11 .btn.-action {
  opacity: 0;
  transform: translateY(100px);
  transition: 1s;
  transition-delay: 3s;
}

.-slide-11 .contenedor-boton {
  position: relative;
  width: auto;
  margin-top: 100px;
}

.-slide-11 .contenedor-boton .espiral {
  width: 130px;
  height: 180px;
  position: absolute;
  left: -230px;
  bottom: -30px;
  transform: rotate(-100deg);
}

.-slide-12 .contenedor-texto {
  position: relative;
  width: 50%;
  padding-left: 40px;
  padding-right: 50px;
}

.-slide-12 .espiral {
  position: absolute;
  right: 50px;
  top: -180px;
  max-width: 150px;
  transform: rotate(25deg);
}

.patatas-clasicas.fab {
  width: 500px;
}

.-slide-13 .chica-promociones {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 95px;
  max-width: 60vw;
  max-height: 50vh;
}

.-slide-13 .contenedor-texto {
  max-width: 450px;
}

.-slide-13 .btn {
  font-size: 26px;
  margin-top: 30px;
  height: 60px;
  line-height: 60px;
}

.-slide-13 h2 {
  width: 100%;
  display: inline-block;
  font-size: 36px;
  color: white;
  line-height: 45px;
  font-weight: 800;
  text-align: left;
  margin-top: 20px;
}

.-slide-13 .espiral {
  max-width: 150px;
  transform: rotate(-100deg) translateX(-58px) translateY(230px);
}

.-slide-14 .contenedor-texto {
  width: 100%;
  align-items: center;
  position: relative;
}

.-slide-14 h2 {
  font-size: 328px;
  line-height: 0.9em;
  color: white;
  font-weight: bold;
  font-family: "Oswald";
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
}

.-slide-14 h2 img {
  max-width: 150px;
}

.-slide-14 p {
  margin-bottom: 0;
  text-align: left;
  width: 100%;
  max-width: 660px;
  display: inline-block;
}

.-slide-14 .bolsas {
  position: absolute;
  left: -50px;
  top: 0;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 0.3s;
}

.-slide-14 .trikers {
  position: absolute;
  right: 0px;
  top: 120px;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 0.8s;
}

.-slide-14 .matchball {
  position: absolute;
  right: -60px;
  top: 100px;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 1.2s;
}

.-slide-14 .gusanitos {
  position: absolute;
  right: 300px;
  top: -150px;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 1.5s;
}

.-slide-14 .triskis {
  position: absolute;
  left: 300px;
  top: -100px;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 1.3s;
}

.-slide-14 .risketos {
  position: absolute;
  left: 390px;
  top: -120px;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 0.8s;
}

.slick-active .-slide-14 h2 {
  transform: translateY(0);
  opacity: 1;
}

.slick-active .-slide-14 .bolsas, .slick-active .-slide-14 .risketos, .slick-active .-slide-14 .triskis, .slick-active .-slide-14 .gusanitos, .slick-active .-slide-14 .matchball, .slick-active .-slide-14 .trikers {
  transform: translateY(0);
  opacity: 1;
}

.-slide-15 .background {
  transform: none !important;
}

.-slide-15 .contenido-slide {
  padding-bottom: 100px !important;
}

.-slide-15 .contenido-slide .contenedor-texto {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  height: 100%;
  margin-top: 100px;
}

.-slide-15 .contenido-slide .contenedor-texto .title {
  font-size: 30px;
  font-weight: 700;
}

.-slide-15 .contenido-slide .contenedor-texto .texto-dos {
  font-weight: 400;
  max-width: 90%;
}

.-slide-15 .contenido-slide .nikoala {
  height: 100%;
  width: 50% !important;
  display: flex;
  align-items: end;
  justify-content: end;
}

.-slide-15 .contenido-slide .nikoala img {
  width: 70%;
  height: auto;
  margin-bottom: 50px;
  transition: 60s;
  will-change: transform;
}

.-slide-15 .imagenes-extra-kids .galletas-kids {
  top: 20%;
  position: absolute;
  z-index: 1;
  left: 0;
  max-width: 200px;
}

.-slide-15 .imagenes-extra-kids .cajas-kids {
  bottom: 15%;
  position: absolute;
  z-index: 1;
  left: 20%;
}

.-slide-15 .imagenes-extra-kids .nube-kids {
  top: 25%;
  position: absolute;
  display: inline-block;
  z-index: 1;
  right: 10%;
  max-width: 250px;
  min-height: 100px;
  transition: 30s;
  will-change: transform;
}

.-slide-15 .imagenes-extra-kids .luna-kids {
  top: 15%;
  position: absolute;
  display: inline-block;
  z-index: 1;
  right: 5%;
  max-width: 180px;
  transition: 30s;
  will-change: transform;
}

.slick-active .-slide-11 .btn.-action {
  opacity: 1;
  transform: translateY(0px);
}

@media screen and (min-height: 900px) {
  .-slide-3 .contenedor-superior {
    margin-top: 70px;
  }
}
.contenedor-espiral p .word {
  transform: translateY(200px);
  display: inline-block;
}

.contenedor-espiral p .word:nth-child(1) {
  animation-delay: 1.1s;
}

.contenedor-espiral p .word:nth-child(2) {
  animation-delay: 1.2s;
}

.contenedor-espiral p .word:nth-child(3) {
  animation-delay: 1.3s;
}

.contenedor-espiral p .word:nth-child(4) {
  animation-delay: 1.4s;
}

.contenedor-espiral p .word:nth-child(5) {
  animation-delay: 1.5s;
}

.contenedor-espiral p .word:nth-child(6) {
  animation-delay: 1.6s;
}

.contenedor-espiral p .word:nth-child(7) {
  animation-delay: 1.7s;
}

.contenedor-espiral p .word:nth-child(8) {
  animation-delay: 1.8s;
}

.contenedor-espiral p .word:nth-child(9) {
  animation-delay: 1.9s;
}

.contenedor-espiral p .word:nth-child(10) {
  animation-delay: 2s;
}

.contenedor-espiral p .word:nth-child(11) {
  animation-delay: 2.1s;
}

.contenedor-espiral p .word:nth-child(12) {
  animation-delay: 2.2s;
}

.contenedor-espiral p .word:nth-child(13) {
  animation-delay: 2.3s;
}

.contenedor-espiral p .word:nth-child(14) {
  animation-delay: 2.4s;
}

.contenedor-espiral p .word:nth-child(15) {
  animation-delay: 2.5s;
}

.contenedor-espiral p .word:nth-child(16) {
  animation-delay: 2.6s;
}

.launched .contenedor-espiral p .word, .launched.contenedor-espiral p .word {
  animation-name: allReset;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.sitios-list {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  max-width: 400px;
  padding: 25px;
  top: 70px;
  transform: translateX(110%);
  transition: 0.5s;
  transition-timing-function: ease-in-out;
}

.sitios-list .cerrar {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
}

.sitios-list[show=true] {
  transform: translateX(0);
}

.sitios-list::before {
  position: absolute;
  left: -20px;
  top: 50%;
  border: 10px solid transparent;
  border-right-color: white;
  content: "";
  display: inline-block;
}

.sitios-list > h2 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.sitios-list .sitio {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ac1830;
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.sitios-list .sitio:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sitios-list .sitio .nombre {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
}

.sitios-list .sitio .region {
  font-size: 14px;
  width: 100%;
  text-align: left;
  margin-bottom: 6px;
}

.sitios-list .sitio .direccion {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-left: 40px;
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
  line-height: 1.3em;
  background: url("https://risi.es/static/img/location.svg") left 3px/18px no-repeat;
}

.sitios-list .sitio .telefono {
  width: 100%;
  text-align: left;
  display: inline-block;
  padding-left: 40px;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  line-height: 40px;
  background: url("https://risi.es/static/img/tlf.svg") left center/20px no-repeat;
}

.sitios-list .sitio .mail {
  width: 100%;
  text-align: left;
  display: inline-block;
  padding-left: 40px;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  line-height: 40px;
  background: url("https://risi.es/static/img/mail.svg") left center/25px no-repeat;
  font-weight: 800;
}

.logo-virginias {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.encabezado-producto {
  min-height: 80vh;
  width: 100%;
  display: block;
  position: relative;
}

.encabezado-producto.-video {
  min-height: 0;
}

.encabezado-producto video {
  max-width: 100%;
  display: block;
  max-height: calc(100vh - 150px);
  margin: 0 auto;
}

.encabezado-producto .contenedor-breadcrumb {
  position: absolute;
  right: 0;
  bottom: 0;
}

.encabezado-producto .volver {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 5;
}

.claim-intro {
  width: 100%;
  padding: 50px 20px 50px 20px;
  position: relative;
}

.claim-intro h1 {
  font-size: 36px;
  line-height: 46px;
  max-width: 768px;
  width: 100%;
  display: inline-block;
  color: #000;
  font-weight: 800;
  font-family: "Oswald";
}

.claim-intro .img-left {
  position: absolute;
  left: 100px;
  bottom: 0;
  transform: translateY(22%);
  z-index: 3;
}

.claim-intro .img-right {
  position: absolute;
  right: 0px;
  bottom: 0;
  transform: translateY(22%);
  z-index: 3;
}

.producto-info-container {
  padding: 110px 0px 100px 0;
  position: relative;
}

.producto-info-container .stickers-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 50px 20px;
}

.producto-info-container .stickers-container .sticker {
  padding: 0 20px;
  overflow: hidden;
}

.producto-info-container .stickers-container .sticker:nth-child(1) {
  animation-delay: 0.2s;
}

.producto-info-container .stickers-container .sticker:nth-child(2) {
  animation-delay: 0.3s;
}

.producto-info-container .stickers-container .sticker:nth-child(3) {
  animation-delay: 0.4s;
}

.producto-info-container .stickers-container .sticker:nth-child(4) {
  animation-delay: 0.5s;
}

.producto-info-container .stickers-container .sticker:nth-child(5) {
  animation-delay: 0.6s;
}

.producto-info-container .contenedor-producto {
  width: 100%;
  margin: 0px auto 200px auto;
  position: relative;
  max-width: 1600px;
}

.producto-info-container .contenedor-producto .producto-cont {
  position: relative;
  display: inline-block;
  z-index: 3;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim {
  width: 370px;
  height: 200px;
  display: inline-block;
  position: absolute;
  right: -390px;
  top: 0px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim[how=buscalios] {
  right: -320px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim[how=tejitas] {
  right: -290px;
  width: 300px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim[how=tejitas] p {
  font-size: 46px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim[how=doble] {
  right: -320px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim[how=doble] p {
  margin-left: -100px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim .linea {
  width: 107px;
  height: 128px;
  position: absolute;
  left: 0;
  top: 28px;
  transform: rotateY(180deg) rotate(30deg);
}

.producto-info-container .contenedor-producto .contenedor-texto-claim p {
  color: #fff;
  font-size: 54px;
  text-align: center;
  line-height: 0.9em;
  transform: rotate(-9deg);
  opacity: 0;
  transition: 0.8s;
  transition-delay: 1.5s;
  position: relative;
  top: 100px;
  z-index: 1;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim.launched p {
  opacity: 1;
}

.producto-info-container .contenedor-producto .second-decoration {
  position: absolute;
  right: 0;
  top: 90px;
  z-index: 2;
  transform: perspective(100px) translateZ(-90px);
}

.producto-info-container .contenedor-producto .absoluta-derecha {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  animation-delay: 1s;
}

.producto-info-container .contenedor-producto .centrado-superior {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  animation-delay: 1s;
}

.producto-info-container .contenedor-producto .superior-izquierda {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  animation-delay: 1s;
}

.producto-info-container .contenedor-producto .inferior-izquierda {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  animation-delay: 1s;
}

.producto-info-container .contenedor-producto .second-line {
  width: 107px;
  max-width: 107px;
  height: 128px;
  max-height: 128px;
  position: absolute;
  bottom: -158px;
  left: 50%;
  transform: translateX(-50%);
}

.producto-info-container .contenedor-producto.launched .second-decoration {
  animation-name: secondDecoracion;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.05);
  animation-fill-mode: forwards;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral {
  width: 370px;
  height: 200px;
  display: inline-block;
  position: absolute;
  left: -390px;
  top: 220px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral.-espiral-digestiva-chocolate {
  left: -450px;
  top: 190px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral[how=surtis4u] {
  left: -360px;
  top: 60px !important;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral .gif {
  width: 250px;
  height: 250px;
  position: absolute;
  right: 0;
  top: -240px;
  transform: rotate(20deg);
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral[how=surtis4u] .gif {
  right: -40px;
  transform: rotate(30deg);
  top: -200px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral[how=surtis4u] p {
  font-size: 40px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral p {
  color: #fff;
  font-size: 58px;
  text-align: center;
  line-height: 1em;
  transform: rotate(9deg);
  opacity: 0;
  transition: 0.8s;
  transition-delay: 2.5s;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral.launched p {
  opacity: 1;
}

.producto-info-container .contenedor-producto [how=triskys-jamon] .contenedor-texto-claim-espiral {
  top: 180px;
}

.producto-info-container .contenedor-producto [how=triskys-jamon] .gif {
  width: 190px;
  height: 210px;
  top: -180px;
}

.rrss-cont {
  display: inline-block;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.rrss-cont .contenedor-linea-gif {
  max-width: 120px;
  width: 100%;
  max-height: 120px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: -140px;
}

.gif {
  max-width: 215px;
  max-height: 280px;
  opacity: 0;
}

.launched.espiral-ani .gif {
  opacity: 1;
}

.contenedor-linea-gif {
  max-width: 107px;
  height: 128px;
  max-height: 128px;
}

.contenedor-linea-gif .gif {
  max-width: 100%;
  max-height: 100%;
}

.espiral-queso {
  position: absolute;
  left: -230px;
  top: -60px;
  transform: rotate(-330deg);
}

.espiral-queso .gif {
  max-width: 160px;
}

.contenedor-sin-gluten {
  position: absolute;
  left: -40px;
  top: 100px;
  padding-top: 210px;
  padding-left: 60px;
}

.contenedor-sin-gluten .contenedor-espiral {
  transform: rotateY(-185deg);
  position: absolute;
  left: 0;
  top: 0;
}

.contenedor-sin-gluten .contenedor-espiral .gif {
  max-height: 210px;
}

.contenedor-sin-gluten .sin_gluten {
  max-width: 120px;
  width: 100%;
  opacity: 0.8;
}

.contenedor-sin-gluten p {
  text-align: center;
  font-size: 26px;
  width: 100%;
  display: inline-block;
  color: #fff;
  animation-delay: 1.1s;
}

.producto-home .container-title {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.producto-home .contenedor-ruleta .contenedor-imagen {
  width: 496px;
  height: 461px;
  overflow: hidden;
}

.producto-home .contenedor-ruleta .contenedor-imagen img[el=inicial] {
  animation-delay: 1s;
}

.producto-home .boton {
  width: 210px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  position: absolute;
  transition: 0.8s;
  opacity: 0.5;
}

.producto-home .boton .color {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.8s;
}

.producto-home .boton:hover, .producto-home .boton[activo=true] {
  opacity: 1;
}

.producto-home .boton:hover .color, .producto-home .boton[activo=true] .color {
  opacity: 1;
}

.producto-home .contenedor-boton {
  width: 300px;
  height: 316px;
  position: absolute;
  right: 0;
  bottom: 70px;
}

.producto-home .contenedor-boton .contenedor-espiral {
  text-align: right;
  transform: rotate(17deg);
  margin-top: -20px;
}

.producto-home .btn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  font-size: 50px;
  line-height: 60px;
  position: relative;
  color: #f8b425;
  align-self: flex-end;
  z-index: 4;
  width: auto;
  max-width: 160px;
  animation-delay: 1s;
}

.producto-home .btn span {
  font-family: "Oswald";
  font-size: 16px;
  line-height: 21px;
  position: absolute;
  width: 100%;
  bottom: 2px;
  text-align: center;
  left: 4px;
}

.Cookie.Cookie--cookies-bar {
  width: 100%;
  display: flex;
  justify-content: center;
  background-image: linear-gradient(to bottom, #da3336, #b90006);
  padding: 20px;
  overflow: visible;
  position: fixed;
}

.Cookie.Cookie--cookies-bar .container {
  position: relative;
  background: green;
}

.Cookie.Cookie--cookies-bar .texto {
  max-width: 300px;
  position: absolute;
  right: 70px;
  top: -350px;
}

.Cookie.Cookie--cookies-bar .bocadillo-cookies {
  width: 300px;
  transform: rotateY(-180deg);
}

.Cookie.Cookie--cookies-bar .pirata {
  max-height: 150px;
  position: absolute;
  right: 10px;
  top: -130px;
}

.Cookie.Cookie--cookies-bar p {
  color: black;
  font-family: "Conv_YummyCupcakes";
  font-size: 20px;
  line-height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 30px;
  padding-top: 40px;
}

.Cookie.Cookie--cookies-bar p a {
  font-family: "Conv_YummyCupcakes";
  text-decoration: underline;
}

.Cookie.Cookie--cookies-bar .btn {
  cursor: pointer;
}

.encabezado-conducta {
  background-image: linear-gradient(to top, #68131d, #ab1830);
  position: relative;
  padding: 50px 20px;
  padding-top: 134px;
  height: 35vw;
  min-height: 540px;
  max-height: 650px;
  overflow: hidden;
}

.encabezado-conducta.-big {
  max-height: 1000px;
  min-height: 650px;
}

.encabezado-conducta .chica-empleados {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  animation-delay: 1s;
  animation-fill-mode: backwards;
}

.encabezado-conducta .risi-boy {
  position: absolute;
  left: -20px;
  top: 80px;
  max-width: 300px;
}

.encabezado-conducta .palomita-empleados {
  position: absolute;
  top: 50%;
  right: 10vw;
  max-width: 110px;
}

.encabezado-conducta[show=true] .chica-empleados {
  opacity: 1;
}

.encabezado-conducta[show=true] .palomita-empleados {
  opacity: 1;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.encabezado-conducta .mazo-etico {
  position: absolute;
  left: 0;
  bottom: 120px;
  z-index: 2;
  animation-delay: 1s;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.encabezado-conducta .gusanitos-eticos {
  max-width: 140px;
  right: 20px;
  bottom: 60px;
  position: absolute;
}

.encabezado-conducta .polaroid-sociedad {
  position: absolute;
  left: 0;
  bottom: 0;
}

.encabezado-conducta .palomita-sociedad {
  position: absolute;
  top: 50%;
  right: 10vw;
  max-width: 150px;
  transform: translateY(50px);
  opacity: 0;
  transition: 0.7s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.5s;
}

.encabezado-conducta .palomita2-sociedad {
  position: absolute;
  bottom: 50px;
  left: 10vw;
  max-width: 100px;
  transform: translateY(50px);
  opacity: 0;
  transition: 0.7s;
  transition-timing-function: ease-in-out;
  transition-delay: 1s;
}

.encabezado-conducta .palomita3-sociedad {
  position: absolute;
  top: 40%;
  right: 0;
  max-width: 100px;
  transform: translateY(50px);
  opacity: 0;
  transition: 0.7s;
  transition-timing-function: ease-in-out;
  transition-delay: 1.5s;
}

.encabezado-conducta[show=true] .palomita-sociedad, .encabezado-conducta[show=true] .palomita2-sociedad, .encabezado-conducta[show=true] .palomita3-sociedad {
  transform: none;
  opacity: 1;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}

.encabezado-conducta .big-title {
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
}

.encabezado-conducta .volver {
  position: absolute;
  bottom: 0;
  top: auto;
  z-index: 6;
}

.encabezado-conducta .breadcrumb {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 6;
}

.encabezado-conducta .contenedor-buzon {
  position: absolute;
  left: 80px;
  bottom: -180px;
}

.encabezado-conducta .buzon {
  max-width: 600px;
  transform: translateY(100%) rotate(-10deg) scale(0.8);
  transition: 1.4s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.175);
}

.encabezado-conducta .contenedor-texto {
  position: absolute;
  right: 120px;
  top: 230px;
  width: 420px;
  height: 230px;
  display: inline-block;
  transform: rotate(-15deg) translateX(100%);
  display: inline-block;
  text-align: right;
}

.encabezado-conducta .contenedor-texto .espiral {
  position: absolute;
  top: -50px;
  left: 50px;
  transform: rotateY(190deg) rotateZ(35deg);
}

.encabezado-conducta .contenedor-texto p {
  font-size: 36px;
  color: white;
  text-align: center;
  line-height: 40px;
  max-width: 140px;
  animation-delay: 2s;
  position: absolute;
  right: 0;
  bottom: 0;
}

.encabezado-conducta[show=true] .buzon {
  transform: none;
}

.encabezado-conducta .furgon-clientes {
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: 2;
  transform: translateX(-110%);
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
  display: block;
}

.encabezado-conducta .furgon-clientes .rueda-furgon-clientes {
  position: absolute;
  right: 64px;
  bottom: 3px;
}

.encabezado-conducta .risi-boy-clientes {
  position: absolute;
  right: -20px;
  bottom: -20px;
  max-width: 300px;
  transform: translateY(400px);
  transition: 1s;
  transition-delay: 3s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.encabezado-conducta[show=true] .furgon-clientes {
  transform: translate(0px);
}

.encabezado-conducta[show=true] .furgon-clientes .rueda-furgon-clientes {
  animation-name: girarrueda;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}

.encabezado-conducta[show=true] .risi-boy-clientes {
  transform: none;
}
@keyframes girarrueda {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(720deg);
  }
}
.encabezado-conducta .tierra {
  position: absolute;
  left: 50%;
  max-width: 270px;
  margin-left: -135px;
  bottom: -30%;
  transform: translateY(600px) scale(0.7);
  transition-duration: 4s;
}

.encabezado-conducta .astronauta {
  position: absolute;
  right: 20%;
  max-width: 100px;
  bottom: 50%;
  transform: translate(-20px, -400px) scale(0.8);
  transition: 4s;
}
@keyframes flotar {
  from {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-2px, -10px) rotate(-1deg);
  }
  to {
    transform: translate(0, 0);
  }
}
.encabezado-conducta .jetpack {
  position: absolute;
  right: 10%;
  max-width: 80px;
  bottom: 20%;
  transform: translate(-20px, 300px);
  transition: 2s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 3;
}

.encabezado-conducta .cohete-gusanito {
  position: absolute;
  left: 80px;
  max-width: 268px;
  bottom: 30%;
  transform: translate(-900px, 600px) rotate(-40deg);
  transition: 10s;
  transition-timing-function: cubic-bezier(0, 0.72, 0.27, 0.98);
}

.encabezado-conducta .subtitle {
  position: absolute;
  color: white;
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  font-family: "Oswald";
  z-index: 4;
  line-height: 1.1em;
  opacity: 0;
  transform: translateY(100px);
  transition: 2s;
  transition-delay: 3s;
  transition-timing-function: ease-in-out;
}

.encabezado-conducta .palomita-fugaz {
  max-width: 150px;
  position: absolute;
  left: 30px;
  bottom: -70px;
  transition: 7s;
  transition-delay: 4s;
}

.encabezado-conducta .gusanito-esquina {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 150px;
}

.encabezado-conducta[show=true] .cohete-gusanito {
  transform: none;
}

.encabezado-conducta[show=true] .tierra {
  transform: none;
}

.encabezado-conducta[show=true] .jetpack {
  transform: none;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-delay: 3s;
}

.encabezado-conducta[show=true] .astronauta {
  transform: none;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-delay: 6s;
}

.encabezado-conducta[show=true] .subtitle {
  opacity: 1;
  transform: none;
}

.encabezado-conducta[show=true] .palomita-fugaz {
  transform: translate(105vw, -230px) rotate(15deg) scale(0.6);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a {
  text-transform: uppercase;
  color: white;
  font-family: "Oswald";
  font-size: 20px;
  width: 25%;
  margin-bottom: 50px;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(1), .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(2), .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(3), .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(6) {
  max-width: 170px;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(1) {
  animation-delay: 1.2s;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(2) {
  animation-delay: 1.3s;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(3) {
  animation-delay: 1.4s;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(4) {
  animation-delay: 1.5s;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(5) {
  animation-delay: 1.6s;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(6) {
  animation-delay: 1.7s;
}

.encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(7) {
  animation-delay: 1.8s;
}

.encabezado-conducta .decoracion-fabrica {
  width: 100%;
  max-width: 280px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-100%);
}

.-risiconsumidores .encabezado-conducta {
  overflow: inherit;
}

.-risiconsumidores .main-conducta .contenedor-texto-cliente {
  opacity: 1;
}

.-risiconsumidores .main-conducta .contenedor-texto-cliente .texto-cliente {
  color: white;
  text-align: left;
  padding: 150px 150px 0 150px;
  position: relative;
}

.-risiconsumidores .main-conducta .contenedor-texto-cliente .texto-cliente p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 25px;
}

.nina-consumidores {
  position: absolute;
  max-height: 22vw;
  top: 45%;
  left: 40%;
  animation-delay: 2s;
  animation-fill-mode: backwards;
  opacity: 1;
  z-index: 6;
}

.main-conducta {
  width: 100%;
  display: block;
  background-image: linear-gradient(to top, #ab1830, #68131d);
  position: relative;
  z-index: 5;
  min-height: 600px;
  overflow: hidden;
}

.main-conducta.column-center {
  display: flex;
}

.main-conducta .intro-consumidores {
  background: white;
  position: relative;
  padding: 40px 20px 40px 20px;
  margin-bottom: 50px;
  margin-top: 60px;
}

.main-conducta .intro-consumidores p {
  font-size: 16px;
  text-align: center;
  max-width: 800px;
  margin-bottom: 0;
  animation-delay: 1.5s;
}

.main-conducta .contenedor-texto {
  color: white;
  text-align: left;
}

.main-conducta .contenedor-texto p {
  margin-bottom: 15px;
}

.main-conducta .contenedor-datos-contacto {
  margin-top: 50px;
  margin-bottom: 100px;
}

.main-conducta .contenedor-datos-contacto .contenedor-imagen {
  position: relative;
  display: inline-block;
}

.main-conducta .contenedor-datos-contacto .contenedor-imagen .telefono {
  max-width: 100%;
  opacity: 1;
}

.main-conducta .contenedor-datos-contacto .contenedor-imagen .contenedor-texto {
  position: absolute;
  right: 10px;
  bottom: 180px;
  width: 230px;
  height: 260px;
  display: inline-block;
  transform: translateX(100%);
}

.main-conducta .contenedor-datos-contacto .contenedor-imagen .contenedor-texto .espiral {
  position: absolute;
  top: -90px;
  left: -110px;
  transform: rotateY(190deg) rotateZ(25deg) scale(0.8);
}

.main-conducta .contenedor-datos-contacto .contenedor-imagen .contenedor-texto p {
  font-size: 36px;
  color: white;
  text-align: center;
  line-height: 40px;
  max-width: 230px;
  animation-delay: 2s;
  position: absolute;
  left: 0;
  bottom: 0;
}

.main-conducta .contenedor-datos-contacto .datos-contacto {
  position: absolute;
  top: 120px;
  left: 200px;
  width: 260px;
}

.main-conducta .contenedor-datos-contacto .datos-contacto h3 {
  text-transform: uppercase;
  font-family: "Oswald";
  color: white;
  font-size: 30px;
  padding-bottom: 4px;
  position: relative;
  width: 100%;
  margin-bottom: 8px;
}

.main-conducta .contenedor-datos-contacto .datos-contacto h3::before {
  position: absolute;
  left: 50%;
  width: 150px;
  margin-left: -75px;
  content: "";
  display: inline-block;
  height: 1px;
  background: white;
  bottom: 0;
}

.main-conducta .contenedor-datos-contacto .datos-contacto a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  color: white;
  width: 50%;
  font-size: 12px;
}

.main-conducta .contenedor-datos-contacto .datos-contacto a img {
  margin-bottom: 5px;
}

.main-conducta .trikers-queso {
  position: absolute;
  left: 0;
  top: 40px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  z-index: -1;
}

.main-conducta .mio-right {
  position: absolute;
  right: 0;
  top: 40px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  z-index: -1;
}

.main-conducta .tri-triskys-arrow {
  position: absolute;
  right: 5%;
  top: 30%;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  z-index: -1;
  max-width: 150px;
}

.main-conducta .montana-palomitas {
  position: absolute;
  max-width: 600px;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
}

.main-conducta .montana-patatas {
  position: absolute;
  max-width: 600px;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
}

.main-conducta > .match-ball {
  position: absolute;
  left: 0;
  top: 50px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  z-index: -1;
}

.main-conducta .match-ball-2 {
  position: absolute;
  left: 20px;
  top: 1200px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  z-index: -1;
}

.main-conducta .match-ball-3 {
  position: absolute;
  right: 80px;
  top: 400px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  z-index: -1;
}

.main-conducta .match-ball-4 {
  position: absolute;
  left: 20px;
  bottom: 100px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  z-index: -1;
}

.main-conducta .palomita-to-right {
  position: absolute;
  right: 200px;
  bottom: 100px;
  max-width: 120px;
  animation-name: torighttop;
  animation-timing-function: ease-in-out;
  animation-duration: 20s;
  animation-fill-mode: forwards;
  z-index: -1;
  will-change: transform;
}

.main-conducta .palomita-to-right-2 {
  position: absolute;
  right: -100px;
  bottom: 900px;
  max-width: 120px;
  animation-name: torighttop;
  animation-timing-function: ease-in-out;
  animation-duration: 30s;
  animation-fill-mode: forwards;
  z-index: -1;
  will-change: transform;
}

.main-conducta .palomita-to-left {
  position: absolute;
  left: -100px;
  top: 200px;
  max-width: 120px;
  animation-name: tolefttop;
  animation-timing-function: ease-in-out;
  animation-duration: 30s;
  animation-fill-mode: forwards;
  z-index: -1;
  will-change: transform;
  z-index: -1;
}

.main-conducta .palomita-choco {
  position: absolute;
  right: 0;
  bottom: 70%;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 150px;
  z-index: -1;
}

.main-conducta .palomita-choco-2 {
  position: absolute;
  right: 20%;
  top: 80%;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 130px;
  z-index: -1;
}

.main-conducta .palomita-choco-3 {
  position: absolute;
  left: 140px;
  bottom: 40%;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 80px;
  z-index: -1;
}

.main-conducta .palomita-choco-b {
  position: absolute;
  right: 0;
  bottom: 40px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 150px;
  z-index: -1;
}

.main-conducta .palomita-choco-b-2 {
  position: absolute;
  right: 15%;
  bottom: 35%;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 100px;
  z-index: -1;
}

.main-conducta .triski-agujero {
  position: absolute;
  left: 15%;
  bottom: 15%;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 100px;
  z-index: -1;
}

.main-conducta .palomita-choco-b-3 {
  position: absolute;
  left: 340px;
  top: 450px;
  animation-name: flotar;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  max-width: 100px;
  z-index: -1;
}

.main-conducta.-daganzo .montana-palomitas {
  position: absolute;
  right: -50px;
  bottom: -50px;
  transform: translate(0);
  left: auto;
}

.main-conducta.-loeches .montana-palomitas {
  position: absolute;
  right: -50px;
  bottom: -50px;
  transform: translate(0);
  left: auto;
  max-width: 400px;
}

.main-conducta .montana-mios {
  position: absolute;
  right: 0;
  bottom: -60px;
}
@keyframes torighttop {
  from {
    transform: none;
  }
  to {
    transform: translate(-120vw, -900px);
  }
}
@keyframes tolefttop {
  from {
    transform: none;
  }
  to {
    transform: translate(120vw, -900px);
  }
}
.tip-conducta-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.tip-conducta-container:nth-child(2n) {
  justify-content: flex-end;
}

.tip-conducta-container:last-of-type {
  padding-bottom: 50px;
}

.tip-conducta {
  max-width: 800px;
  box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.5);
  margin: 40px 0;
  position: relative;
  width: 100%;
}

.tip-conducta .numero {
  color: white;
  font-size: 180px;
  font-family: "Oswald";
  text-align: center;
  width: 240px;
  height: 240px;
}

.tip-conducta .numero.-red {
  background: #d0021b;
}

.tip-conducta .numero.-yellow {
  background: #f5a623;
}

.tip-conducta .numero.-green {
  background: #81bc00;
}

.tip-conducta .numero.-blue {
  background: #23c1f5;
}

.tip-conducta .numero.-pink {
  background: #da226c;
}

.tip-conducta .texto {
  background: white;
  padding: 25px;
  width: calc(100% - 240px);
  position: relative;
  z-index: 2;
}

.tip-conducta .texto h2 {
  font-size: 36px;
  color: #c9c9c9;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Oswald";
  text-align: left;
}

.tip-conducta .texto p {
  text-align: left;
  display: inline-block;
}

.tip-conducta .superhero {
  max-width: 40px;
  top: -70px;
  right: 10px;
  position: absolute;
}

.tip-conducta .superhero.animated {
  opacity: 1;
}

.tip-conducta .pirata {
  max-width: 80px;
  top: -130px;
  right: 10px;
  position: absolute;
  animation-delay: 1s;
}

.tip-conducta .pirata.animated {
  opacity: 1;
}

.tip-conducta .jetpack {
  max-width: 80px;
  top: -130px;
  left: -80px;
  position: absolute;
  animation-delay: 1s;
}

.tip-conducta .jetpack.animated {
  opacity: 1;
}

.tip-conducta .nerd {
  max-width: 60px;
  bottom: 0px;
  left: -45px;
  position: absolute;
  animation-delay: 1s;
  z-index: -1;
}

.tip-conducta .nerd.animated {
  opacity: 1;
}

.tip-conducta .superhero-1 {
  animation-delay: 1.3s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 50px;
}

.tip-conducta .superhero-2 {
  animation-delay: 1.5s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 100px;
}

.tip-conducta .superhero-3 {
  animation-delay: 1.7s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 150px;
}

.tip-conducta .superhero-4 {
  animation-delay: 1.9s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 200px;
}

.tip-conducta .superhero-5 {
  animation-delay: 2.1s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 250px;
}

.tip-conducta .superhero-6 {
  animation-delay: 2.3s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 300px;
}

.tip-conducta .superhero-7 {
  animation-delay: 2.5s;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  right: 350px;
}

.contenedor-texto-clientes {
  padding-top: 130px;
  padding-bottom: 100px;
  transform: rotate(-7deg);
}

.texto-clientes {
  background: white;
  text-align: left;
  padding: 50px 50px;
  max-width: 569px;
  position: relative;
  transform: rotate(-5deg);
}

.texto-clientes::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  top: -30px;
  background: url(https://risi.es/static/img/codigo-conducta/triangulo.png) center left/30px repeat-x;
}

.texto-clientes::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  bottom: -30px;
  background: url(https://risi.es/static/img/codigo-conducta/triangulo.png) center left/30px repeat-x;
  transform: rotate(-180deg);
}

.texto-clientes p {
  margin-bottom: 20px;
  font-size: 16px;
}

.texto-clientes p:last-of-type {
  margin-bottom: 0;
}

[route=risi-y-consumidores] .contenedor-texto-clientes {
  padding-top: 80px;
}

[route=risi-y-consumidores] .texto-clientes {
  max-width: 660px;
}

.-risiproveedores .main-conducta {
  overflow: hidden;
  display: block;
}

.-risiproveedores .main-conducta .abanico {
  margin-top: -100px;
}

.contenedor-desplegables.container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.desplegable-el {
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
  max-width: 800px;
  overflow: hidden;
}

.desplegable-el header {
  background-color: white;
  padding: 25px 80px 25px 120px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.desplegable-el header h2 {
  font-size: 30px;
  line-height: 1em;
  color: #c9c9c9;
  text-transform: uppercase;
  font-family: "Oswald";
  text-align: left;
  margin-bottom: 0;
}

.desplegable-el header button {
  position: absolute;
  right: 30px;
  width: 40px;
  height: 40px;
  display: inline-block;
  font-size: 0;
  border: none;
  background: url(https://risi.es/static/img/mas.svg) center/40px no-repeat;
  top: 50%;
  margin-top: -20px;
}

.desplegable-el header::before {
  width: 100px;
  height: 100%;
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.desplegable-el header[data=comportamientos]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/comportamientos.svg);
}

.desplegable-el header[data=confidencialidad]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/confidencialidad.svg);
}

.desplegable-el header[data=medios-informaticos]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/medios-informaticos.svg);
}

.desplegable-el header[data=conflictos-interes]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/conflictos-interes.svg);
}

.desplegable-el header[data=comunicacion-externa]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/comunicacion-externa.svg);
}

.desplegable-el header[data=derechos-laborales]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/derechos-laborales.svg);
}

.desplegable-el header[data=derechos-humanos]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/derechos-humanos.svg);
}

.desplegable-el header[data=discriminacion]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/discriminacion.svg);
}

.desplegable-el header[data=medio-ambiente]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/medio-ambiente.svg);
}

.desplegable-el header[data=mercados]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/mercados.svg);
}

.desplegable-el header[data=informacion-financiera]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/informacion-financiera.svg);
}

.desplegable-el header[data=prevencion-corrupcion]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/prevencion-corrupcion.svg);
}

.desplegable-el header[data=entorno-proximo]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/entorno-proximo.svg);
}

.desplegable-el header[data=vision]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/vision.svg);
}

.desplegable-el header[data=mision]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/mision.svg);
}

.desplegable-el header[data=alcance]::before {
  background-image: url(https://risi.es/static/img/codigo-conducta/alcance.svg);
}

.desplegable-el main {
  background: white;
  display: inline-block;
  padding: 25px 20px;
  text-align: left;
  overflow: hidden;
  position: relative;
  display: none;
}

.desplegable-el main p {
  margin-bottom: 15px;
  font-size: 15px;
}

.desplegable-el main p:last-of-type {
  margin-bottom: 0;
}

.desplegable-el[show=true] header {
  box-shadow: -1px 4px 10px 2px rgba(0, 0, 0, 0.25);
}

.desplegable-el[show=true] header button {
  background-image: url(https://risi.es/static/img/menos.svg);
}

.desplegable-el[show=true] main {
  display: inline-block;
}

.desplegable-el:nth-child(1) {
  animation-delay: 1.2s;
}

.desplegable-el:nth-child(2) {
  animation-delay: 1.3s;
}

.desplegable-el:nth-child(3) {
  animation-delay: 1.4s;
}

.desplegable-el:nth-child(4) {
  animation-delay: 1.5s;
}

.desplegable-el:nth-child(5) {
  animation-delay: 1.6s;
}

.desplegable-el:nth-child(6) {
  animation-delay: 1.7s;
}

.desplegable-el:nth-child(7) {
  animation-delay: 1.8s;
}

.cuadros-fabrica article {
  width: 50%;
  min-height: 400px;
  height: auto;
  padding: 50px;
}

.cuadros-fabrica article.mapa {
  background: #f7a600;
  position: relative;
}

.cuadros-fabrica article.mapa img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.cuadros-fabrica article.mapa .productos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-20%, -105%);
  max-width: 70px;
}

.cuadros-fabrica article.direccion {
  background: white;
  position: relative;
}

.cuadros-fabrica article.direccion h2 {
  font-family: "Futura LT CondensedBold";
  color: #1f2020;
  font-size: 28px;
  width: 100%;
  text-align: left;
  max-width: 500px;
}

.cuadros-fabrica article.direccion h2 + p {
  text-align: left;
  color: #1f2020;
  border-bottom: 2px solid #960234;
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  max-width: 500px;
  padding-left: 0;
  min-height: 0;
}

.cuadros-fabrica article.direccion p {
  text-align: left;
  padding-left: 50px;
  min-height: 50px;
  max-width: 500px;
  width: 100%;
}

.cuadros-fabrica article.direccion p.location {
  background: url(https://risi.es/static/img/location.svg) top left/25px no-repeat;
  margin-bottom: 10px;
}

.cuadros-fabrica article.direccion p.telefono {
  background: url(https://risi.es/static/img/tlf.svg) top left/25px no-repeat;
}

.cuadros-fabrica article.direccion p.mail {
  background: url(https://risi.es/static/img/mail.svg) center left/30px no-repeat;
}

.cuadros-fabrica article.direccion p.mail a {
  font-family: "Futura LT CondensedBold";
}

.cuadros-fabrica article.producto {
  background: #ac1830;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0;
}

.cuadros-fabrica article.producto h2 {
  text-align: center;
  display: inline-block;
  color: white;
  font-family: "Futura LT CondensedBold";
  font-size: 36px;
  max-width: 600px;
  margin-bottom: 30px;
}

.cuadros-fabrica article.producto img {
  max-width: 100%;
}

.cuadros-fabrica article.producto .clasicas {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.cuadros-fabrica article.producto .onduladas {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.cuadros-fabrica.-daganzo .persona {
  background: #f5243a url(https://risi.es/static/img/codigo-conducta/persona-daganzo.png) center/auto 100% no-repeat;
}

.cuadros-fabrica.-matarile .persona {
  background: #f50e27 url(https://risi.es/static/img/codigo-conducta/persona-matarile.jpg) center/auto 100% no-repeat;
}

.cuadros-fabrica.-matarile .mapa .productos {
  transform: translate(-150%, 20%);
}

.cuadros-fabrica.-loeches .producto {
  min-height: 630px;
}

.cuadros-fabrica.-loeches .persona {
  background: #fbc255 url(https://risi.es/static/img/codigo-conducta/persona-loeches.jpg) center/auto 100% no-repeat;
}

.tag-nuevo-mios {
  color: white;
  width: 380px;
  height: 100px;
  line-height: 100px;
  position: relative;
}

.tag-nuevo-mios span {
  position: relative;
  z-index: 2;
  font-family: "bodoni";
  font-size: 50px;
}

.tag-nuevo-mios::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(https://risi.es/static/img/mancha-mios.svg) center/100% auto no-repeat;
  z-index: 1;
  transform: rotate(7deg);
}

.contenedor-certificados {
  padding: 50px;
  width: 100%;
}

.contenedor-certificados .certificado-el {
  margin-bottom: 20px;
  max-width: 700px;
}

.contenedor-certificados .certificado-el.-politica {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.contenedor-certificados .contenedor-imagen {
  width: 90px;
  display: inline-block;
  padding: 10px;
  margin-right: 10px;
}

.contenedor-certificados .contenedor-imagen img {
  max-width: 100%;
}

.contenedor-certificados .contenedor-texto {
  max-width: calc(100% - 100px);
}

.contenedor-certificados h2 {
  text-transform: uppercase;
  font-family: "Oswald";
  text-align: left;
  color: rgba(0, 0, 0, 0.4);
  font-size: 50px;
  margin-bottom: 20px;
}

.contenedor-certificados h3 {
  text-align: left;
  font-family: "Oswald";
  color: white;
  font-size: 22px;
}

.contenedor-certificados .btn-descargar {
  width: 100%;
  text-transform: uppercase;
  font-family: "Oswald";
  font-size: 20px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  padding-left: 35px;
  background: url(https://risi.es/static/img/flecha-down.svg) center left/25px no-repeat;
  animation-delay: 0.4s;
  margin-top: 5px;
  cursor: pointer;
}

.contenedor-certificados-grandes {
  margin-bottom: 140px;
  position: relative;
  z-index: 3;
}

.contenedor-certificados-grandes article {
  width: 50%;
  padding: 15px;
  margin-bottom: 25px;
}

.contenedor-certificados-grandes article img {
  max-width: 100%;
}

.carta-presidente {
  text-align: center;
  display: inline-block;
  margin-bottom: 80px;
  position: relative;
  margin-top: 50px;
}

.carta-presidente .contenedor-texto {
  color: #000000;
  padding: 50px 35px;
  background: white;
  max-width: 700px;
  display: inline-block;
  box-shadow: 2px 3px 15px 0px rgba(45, 45, 45, 0.3);
  z-index: 3;
  position: relative;
  transform: translate(100vw, 20vw) rotate(5deg);
  transition: 1.3s;
  transition-delay: 0.9s;
  transition-timing-function: ease-in-out;
}

.carta-presidente .contenedor-texto p:last-of-type {
  text-align: right;
}

.carta-presidente .contenedor-texto h4 {
  width: 100%;
  text-align: right;
  font-size: 30px;
  position: relative;
}

.carta-presidente .contenedor-texto h4 .char {
  opacity: 0;
  transition: 0.2s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:0;"] {
  transition-delay: 4.1s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:1;"] {
  transition-delay: 4.2s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:2;"] {
  transition-delay: 4.3s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:3;"] {
  transition-delay: 4.4s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:4;"] {
  transition-delay: 4.5s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:5;"] {
  transition-delay: 4.6s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:6;"] {
  transition-delay: 4.7s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:7;"] {
  transition-delay: 4.8s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:8;"] {
  transition-delay: 4.9s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:9;"] {
  transition-delay: 5s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:10;"] {
  transition-delay: 5.1s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:11;"] {
  transition-delay: 5.2s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:12;"] {
  transition-delay: 5.3s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:13;"] {
  transition-delay: 5.4s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:14;"] {
  transition-delay: 5.5s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:15;"] {
  transition-delay: 5.6s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:16;"] {
  transition-delay: 5.7s;
}

.carta-presidente .contenedor-texto h4 .char[style="--char-index:17;"] {
  transition-delay: 5.8s;
}

.carta-presidente .contenedor-texto h4 img {
  position: absolute;
  right: 0%;
  bottom: 7px;
  transform: translate(0%, 150%);
  opacity: 0;
  transition: 0.5s;
  transition-delay: 4s;
}

.carta-presidente .contenedor-texto h4[show=true] .char {
  opacity: 1;
}

.carta-presidente .contenedor-texto h4[show=true] img {
  animation-name: boli;
  animation-timing-function: linear;
  animation-duration: 1.9s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
  opacity: 1;
}
@keyframes boli {
  from {
    transform: translate(0%);
  }
  10% {
    transform: translateX(10%) translateY(5px) rotate(-2deg);
  }
  20% {
    transform: translateX(20%) translateY(-10px);
  }
  30% {
    transform: translateX(30%) translateY(5px) rotate(-2deg);
  }
  40% {
    transform: translateX(40%) translateY(-10px);
  }
  50% {
    transform: translateX(50%) translateY(5px) rotate(-2deg);
  }
  60% {
    transform: translateX(60%) translateY(-10px);
  }
  70% {
    transform: translateX(70%) translateY(5px) rotate(-2deg);
  }
  80% {
    transform: translateX(80%) translateY(-10px);
  }
  90% {
    transform: translateX(90%) translateY(5px) rotate(-2deg);
  }
  to {
    transform: translateX(100%);
  }
}
.carta-presidente .folio-1 {
  background: white url(https://risi.es/static/img/risi-gray-boy.png) center/200px no-repeat;
  position: absolute;
  width: 100%;
  max-width: 700px;
  z-index: 2;
  height: 100%;
  left: 50%;
  transform: translate(-130vw, 20vw) rotate(-2deg);
  box-shadow: 9px 3px 11px 0px rgba(45, 45, 45, 0.3);
  transition: 0.8s;
  transition-timing-function: ease-in-out;
}

.carta-presidente .folio-2 {
  background: #f4f4f4 url(https://risi.es/static/img/risi-gray-boy.png) center/200px no-repeat;
  position: absolute;
  width: 100%;
  max-width: 700px;
  z-index: 1;
  height: 100%;
  left: 52%;
  transform: translateX(-50%) rotate(-4deg);
  box-shadow: 9px 3px 11px 0px rgba(45, 45, 45, 0.3);
}

.carta-presidente[show=true] .folio-1 {
  transform: translateX(-50%) rotate(-2deg);
}

.carta-presidente[show=true] .contenedor-texto {
  transform: translate(0, 0vw) rotate(5deg);
}

.contenedor-intro-etico.container {
  text-align: left;
  margin-top: 50px;
  display: inline-block;
  background: white;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 768px;
  margin-bottom: 50px;
}

.contenedor-intro-etico.container p {
  text-align: justify;
  margin-bottom: 15px;
}

.contenedor-intro-etico.container p:last-of-type {
  margin-bottom: 0;
}

.contenedor-intro-etico.container p a {
  color: #ac1830;
}

.contenedor-intro-etico.container p strong {
  font-weight: bold;
}

.contenedor-dudas-etico {
  max-width: 818px;
  padding: 0 25px;
  display: inline-block;
}

.contenedor-dudas-etico h2 {
  font-size: 36px;
  line-height: 46px;
  width: 100%;
  display: inline-block;
  color: #ffffff;
  font-weight: 800;
  font-family: "Futura LT CondensedBold";
  margin-bottom: 20px;
}

.contenedor-dudas-etico p {
  color: white;
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
  font-weight: 800;
  text-align: justify;
}

.contenedor-dudas-etico a {
  max-width: 545px;
  position: relative;
  display: inline-block;
}

.contenedor-dudas-etico a img {
  display: inline-block;
  max-width: 100%;
}

.contenedor-dudas-etico a span {
  color: white;
  font-size: 40px;
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 40px;
  z-index: 2;
  transform: rotate(3.5deg) translateX(-50%);
  max-width: 300px;
  background: #ac1830;
}

.contenedor-dudas-etico a span i {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: white;
  text-decoration: underline;
  margin-left: 2px;
}

.banner-risi-cumple {
  background: white;
  width: 100%;
  max-width: 768px;
  padding: 25px;
  display: inline-block;
  margin-bottom: 50px;
}

.banner-risi-cumple h2 {
  font-size: 30px;
  line-height: 39px;
  width: 100%;
  display: inline-block;
  color: #960234;
  font-weight: 800;
  font-family: "Oswald";
  max-width: 500px;
  text-transform: uppercase;
}

.textos-risi-cumple p {
  color: white;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  max-width: 500px;
}

.textos-risi-cumple p:last-of-type {
  margin-bottom: 0;
}

.-canal-etico .main-conducta {
  padding-bottom: 180px;
}

.-principios-generales .main-conducta {
  padding-bottom: 230px;
}

.contenedor-preguntas-eticas {
  margin-top: 75px;
  width: 100%;
  padding: 0 25px;
  position: relative;
}

.contenedor-preguntas-eticas[padding=true] {
  padding-bottom: 370px;
}

.contenedor-preguntas-eticas .pregunta-etica {
  width: 100%;
  display: inline-block;
  position: relative;
  max-width: 768px;
  padding-bottom: 60px;
  padding-top: 150px;
}

.contenedor-preguntas-eticas .pregunta-etica .line {
  position: absolute;
  right: 60px;
  top: 0;
  max-width: 100px;
  transform: rotateY(180deg) rotate(155deg);
}

.contenedor-preguntas-eticas .pregunta-etica:first-child {
  padding-top: 0;
}

.contenedor-preguntas-eticas .pregunta-etica:first-child .line {
  display: none;
}

.contenedor-preguntas-eticas .pregunta-etica:last-of-type {
  margin-bottom: 100px;
}

.contenedor-preguntas-eticas .pregunta-etica h2 {
  padding: 40px 40px 120px 40px;
  background: white;
  font-size: 30px;
  line-height: 39px;
  width: 100%;
  display: inline-block;
  color: #960234;
  font-family: "Oswald";
  text-transform: uppercase;
  box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.5);
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button {
  width: 130px;
  min-height: 130px;
  font-size: 50px;
  line-height: 50px;
  display: inline-block;
  color: white;
  font-family: "Oswald";
  border: none;
  text-transform: uppercase;
  margin-right: 10px;
  padding-bottom: 30px;
  box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  outline: none;
  cursor: pointer;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button:last-of-type {
  margin-right: 0;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.no {
  background: #99093a;
  animation-delay: 1s;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.no::before {
  width: 90px;
  height: 130px;
  display: inline-block;
  position: absolute;
  left: -30px;
  bottom: -60px;
  content: "";
  background: url(https://risi.es/static/img/codigo-conducta/icon-no.png) center/90px auto no-repeat;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.maybe {
  background: #ffbd5a;
  animation-delay: 1.2s;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.maybe::before {
  width: 130px;
  height: 130px;
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: -70px;
  content: "";
  background: url(https://risi.es/static/img/codigo-conducta/icon-maybe.png) center/180px auto no-repeat;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.yes {
  background: #81bc00;
  animation-delay: 1.4s;
}

.contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.yes::before {
  width: 90px;
  height: 130px;
  display: inline-block;
  position: absolute;
  right: -36px;
  bottom: -70px;
  content: "";
  background: url(https://risi.es/static/img/codigo-conducta/icon-yes.png) center/90px auto no-repeat;
}

.contenedor-preguntas-eticas .hazlo {
  width: auto;
  position: relative;
  display: inline-block;
  margin-top: 70px;
  margin-bottom: 40px;
}

.contenedor-preguntas-eticas .hazlo h2 {
  font-size: 100px;
  color: white;
  font-family: "Oswald";
  text-transform: uppercase;
  text-shadow: 0 -2px 30px rgba(0, 0, 0, 0.29);
  display: inline-block;
}

.contenedor-preguntas-eticas .hazlo img {
  position: absolute;
  max-width: 350px;
  animation-delay: 1s;
}

.contenedor-preguntas-eticas .consulta {
  text-transform: uppercase;
  color: white;
  max-width: 400px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: rotate(10deg);
  padding-left: 100px;
}

.contenedor-preguntas-eticas .consulta .line {
  position: absolute;
  left: -20px;
  max-width: 100px;
  transform: rotate(85deg);
  top: -30px;
}

.contenedor-preguntas-eticas .consulta.-negativa {
  transform: translateX(-50%) rotate(-10deg);
  left: 50%;
  max-width: 350px;
  padding-left: 0;
  bottom: 80px;
}

.contenedor-preguntas-eticas .consulta.-negativa .line {
  top: -100px;
  transform: rotateY(25deg) rotate(155deg);
  left: 30px;
  max-width: 80px;
}

.contenedor-preguntas-eticas .consulta h2 {
  font-size: 42px;
  animation-delay: 1s;
}

.contenedor-preguntas-eticas .consulta a {
  text-transform: initial;
  font-size: 32px;
  animation-delay: 1.5s;
}

.contenedor-preguntas-eticas .consulta a i {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: white;
  text-decoration: underline;
  margin-left: 2px;
}

.contenedor-carpeta {
  display: inline-block;
  position: absolute;
  z-index: 6;
  transform: translateY(-400px);
  opacity: 0;
  transition: 0.9s;
  transition-delay: 1s;
  transition-timing-function: ease-in-out;
  margin-top: 60px;
  left: 25%;
}

.contenedor-carpeta img {
  max-width: 250px;
}

.contenedor-carpeta .carpeta {
  z-index: 3;
  position: relative;
}

.contenedor-carpeta .carpeta-superior {
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 1;
}

.contenedor-carpeta .logo-risi {
  max-width: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.contenedor-carpeta .download {
  position: absolute;
  top: 80px;
  left: 110%;
  width: 30vw;
}

.contenedor-carpeta .download .btn-descargar {
  width: 50vw;
  text-transform: uppercase;
  font-family: "Oswald", serif;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 35px;
  background: url(https://risi.es/static/img/flecha-down.svg) 0/25px no-repeat;
  animation-delay: 0.4s;
}

.contenedor-carpeta .contenedor-texto {
  width: 50vw;
  padding: 60px 40px;
  text-align: center;
  position: absolute;
  top: 150px;
  z-index: 2;
}

.contenedor-carpeta .contenedor-texto h2 {
  font-size: 36px;
  line-height: 46px;
  width: 100%;
  font-weight: 800;
  font-family: "Oswald", serif;
  text-transform: uppercase;
  text-align: center;
}

[show=true] .contenedor-carpeta {
  opacity: 1;
  transform: translateY(40px);
}

.contenedor-libreta {
  position: relative;
  margin-top: 60px;
  transform: rotate(-3deg);
}

.contenedor-libreta .contenedor-texto {
  color: #000000;
  width: 100%;
  max-width: 800px;
  padding: 40px 40px 40px 60px;
  background: #f4f4f4;
  position: relative;
  min-height: 540px;
  transition: 0.9s;
}

.contenedor-libreta .contenedor-texto .tapa {
  position: absolute;
  left: -794px;
  top: -1px;
  width: 800px;
  height: calc(100% + 4px);
  min-height: 545px;
  background: url(https://risi.es/static/img/codigo-conducta/libreta-abierta.png) center right/auto 100% no-repeat;
  transform-origin: right;
}

.contigo-container {
  width: 100%;
}

.wrapper.ahora-contigo {
  overflow-x: hidden;
}

.contigo-el {
  height: 25vw;
  width: 25%;
  min-height: 200px;
  position: relative;
  background: #e42144;
}

.contigo-el.white-bg {
  background: white;
}

.contigo-el.corner::before {
  background: #ac1830;
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "";
}

.contigo-el.corner.-left-bottom::before {
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.contigo-el.corner.-right-bottom::before {
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.contigo-el.corner.-left-top::before {
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.contigo-el.corner.-right-top::before {
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.contigo-el[data=moto-amarilla] {
  background: url(https://risi.es/static/img/ahora-siempre/moto-amarilla.jpg) center/cover no-repeat;
}

.contigo-el[data=furgoneta-risi] {
  background: url(https://risi.es/static/img/ahora-siempre/furgoneta-risi.jpg) center/cover no-repeat;
  animation-delay: 0.9s;
}

.contigo-el[data=kiosko] {
  background: url(https://risi.es/static/img/ahora-siempre/kiosko.jpg) center/cover no-repeat;
  position: relative;
  z-index: 3;
}

.contigo-el[data=nino-rayas] {
  background: url(https://risi.es/static/img/ahora-siempre/nino-rayas.jpg) center/cover no-repeat;
}

.contigo-el[data=esfuerzo] {
  background: url(https://risi.es/static/img/ahora-siempre/esfuerzo.jpg) center/cover no-repeat;
  animation-delay: 1s;
}

.contigo-el[data=esfuerzo] .texto-centrado {
  animation-delay: 0.5s;
}

.contigo-el[data=dedicacion] {
  background: url(https://risi.es/static/img/ahora-siempre/dedicacion.jpg) center/cover no-repeat;
  animation-delay: 1.2s;
}

.contigo-el[data=dedicacion] .texto-centrado {
  animation-delay: 0.7s;
}

.contigo-el[data=ilusion] {
  background: url(https://risi.es/static/img/ahora-siempre/ilusion.jpg) center/cover no-repeat;
  animation-delay: 0.5s;
}

.contigo-el[data=ilusion] .texto-centrado {
  animation-delay: 0.1s;
}

.contigo-el[data=positividad] {
  background: url(https://risi.es/static/img/ahora-siempre/positividad.jpg) center/cover no-repeat;
  animation-delay: 1s;
}

.contigo-el[data=positividad] .texto-centrado {
  animation-delay: 0.2s;
}

.contigo-el[data=chica-corazon] {
  background: url(https://risi.es/static/img/ahora-siempre/chica-corazon.jpg) center/cover no-repeat;
}

.contigo-el[data=chica-corazon] .matchball-amarillo {
  position: absolute;
  bottom: -50px;
  left: 10px;
  max-width: 88px;
  z-index: 2;
}

.contigo-el[data=chico-triskys] {
  background: url(https://risi.es/static/img/ahora-siempre/chico-triskys.jpg) center/cover no-repeat;
}

.contigo-el[data=nino-emoji] {
  background: url(https://risi.es/static/img/ahora-siempre/nino-emoji.jpg) center/cover no-repeat;
}

.contigo-el[data=nino-emoji] .trisky-emoji {
  position: absolute;
  right: -30px;
  top: 20px;
  z-index: 2;
  max-width: 85px;
}

.contigo-el[data=sonrisa] h2 {
  color: white;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}

.contigo-el[data=sonrisa] h2 span {
  font-size: 60px;
  font-family: "Oswald";
  line-height: 1.2em;
  animation-duration: 1s;
}

.contigo-el[data=sonrisa] h2 span.big {
  font-size: 63px;
}

.contigo-el[data=fabrica-arriba] {
  background: url(https://risi.es/static/img/ahora-siempre/fabrica-arriba2.jpg) center/cover no-repeat;
}

.contigo-el[data=fabrica-abajo] {
  background: url(https://risi.es/static/img/ahora-siempre/fabrica-arriba.jpg) center/cover no-repeat;
}

.contigo-el[data=chica-pelo-corto] {
  background: url(https://risi.es/static/img/ahora-siempre/chica-pelo-corto.jpg) center/cover no-repeat;
}

.contigo-el[data=chica-abanico] {
  background: #f6b617 url(https://risi.es/static/img/ahora-siempre/chica-abanico.png) center bottom/90% auto no-repeat;
}

.contigo-el[data=trio-bolsas], .contigo-el[data=ipad] {
  z-index: 2;
}

.contigo-el[data=ninos] {
  position: absolute;
  right: 0;
  top: 0;
  width: 25vw;
  background: url(https://risi.es/static/img/ahora-siempre/ninos.jpg) center/cover no-repeat;
  animation-delay: 6s;
}

.contigo-el[data=video] {
  position: absolute;
  left: 0;
  top: 0;
  width: 50vw;
  height: 50vw;
  padding: 50px;
  justify-content: flex-start;
  overflow: hidden;
}

.contigo-el[data=video] p {
  text-align: left;
  color: white;
  font-family: "Oswald";
  font-size: 34px;
  line-height: 1.4em;
  margin-bottom: 30px;
  animation-delay: 1.4s;
  z-index: 3;
}

.contigo-el[data=video] h2 {
  text-align: left;
  color: white;
  font-family: "Oswald";
  font-size: 56px;
  line-height: 1.2em;
  margin-bottom: 30px;
  text-transform: uppercase;
  max-width: 500px;
  animation-delay: 1.8s;
  z-index: 3;
}

.contigo-el[data=video] .btn {
  animation-delay: 2s;
}

.contigo-el[data=triskys] {
  position: absolute;
  right: 0;
  top: 25vw;
  width: 25vw;
}

.contigo-el[data=triskys] .tri-triskys {
  position: absolute;
  left: -30px;
  top: -20px;
  z-index: 3;
}

.contigo-el .chica-promociones {
  position: absolute;
  bottom: 0;
  right: -130px;
  max-height: 40vw;
  z-index: 3;
}

.contigo-el video {
  width: 100%;
  position: relative;
  z-index: 5;
  min-height: 360px;
  flex-grow: 2;
  outline: none;
}

.contigo-el[data=ahora] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.contigo-el[data=ahora] span {
  color: #ac1830;
  text-transform: uppercase;
  font-family: "Oswald";
  line-height: 1.1em;
  animation-fill-mode: forwards;
}

.contigo-el[data=ahora] span:nth-child(1) {
  font-size: 5vw;
  animation-delay: 0.3s;
}

.contigo-el[data=ahora] span:nth-child(2) {
  font-size: 3.4vw;
  animation-delay: 0.4s;
}

.contigo-el[data=ahora] span:nth-child(3) {
  font-size: 4.1vw;
  animation-delay: 0.5s;
}

.contigo-el .montana {
  position: relative;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
}

.contigo-el .trio-bolsas {
  position: absolute;
  width: 130%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.contigo-el .trio-bolsas img {
  animation-delay: 0.7s;
  max-width: 100%;
}

.contigo-el .altavoz {
  max-width: 100%;
}

.contigo-el[data=logo-50] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.contigo-el[data=logo-50].mvl {
  display: none;
}

.contigo-el[data=logo-50] .contenedor-logo-50 {
  width: 100%;
  height: 100%;
  padding: 30px;
  position: relative;
  z-index: 2;
  animation-delay: 1.3s;
  overflow: hidden;
}

.contigo-el[data=logo-50] .contenedor-logo-50 img {
  max-width: 100%;
  max-height: 100%;
  animation-delay: 1.6s;
}

.contigo-el[data=cambiado] {
  background: white;
  padding: 30px;
}

.contigo-el[data=cambiado] p {
  color: #ac1830;
  font-family: "Oswald";
  line-height: 1.3em;
  font-size: 40px;
  max-width: 310px;
  text-align: left;
}

.contigo-el .personajes-risketos {
  position: absolute;
  max-width: 155px;
  top: -100px;
  right: -70px;
  z-index: 4;
}

.contigo-el .palomita-kiosko {
  position: absolute;
  max-width: 193px;
  bottom: 100px;
  right: -90px;
  z-index: 4;
  animation-delay: 0.8s;
  animation-duration: 3s;
}

.contigo-el .bolsa-gusanitos {
  position: absolute;
  height: 140%;
  width: 150%;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.contigo-el .bolsa-gusanitos img {
  max-width: 100%;
  max-height: 100%;
  animation-delay: 1s;
}

.contigo-el .ipad {
  position: absolute;
  max-height: 115%;
  right: 5%;
  top: 47%;
  transform: translateY(-50%);
  z-index: 2;
}

.contigo-el .ipad img {
  animation-delay: 1.2s;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

.contigo-el[data=bandera-risi] {
  background: #960234;
  padding: 50px;
}

.contigo-el[data=bandera-risi] .contenedor-productos {
  position: absolute;
  bottom: 65px;
  right: -20px;
  z-index: 0;
  display: inline-block;
  height: 250px;
}

.contigo-el[data=bandera-risi] .contenedor-productos img {
  max-width: 200px;
  animation-delay: 1.5s;
}

.contigo-el[data=bandera-risi] .contenedor-productos img:last-child {
  animation-delay: 1.8s;
}

.contigo-el[data=actitud] {
  padding: 50px;
}

.contigo-el[data=actitud] .title {
  max-width: 480px;
}

.contigo-el[data=apuesta] {
  padding: 50px;
}

.contigo-el[data=apuesta] .title {
  max-width: 520px;
  color: #ac1830;
}

.contigo-el[data=apuesta] .title span {
  color: #ac1830;
}

.contigo-el[data=apuesta] .montana-palomitas-choco {
  position: absolute;
  left: -3px;
  bottom: -40px;
  z-index: 2;
  max-width: 350px;
  width: 20vw;
}

.contigo-el .montana-mix {
  position: absolute;
  right: 0vw;
  top: -60px;
  max-width: 15vw;
  z-index: 2;
}

.contigo-el[data=galletas] {
  padding: 100px;
  text-align: left;
  padding-top: 80px;
}

.contigo-el[data=galletas] p {
  font-family: "Oswald";
  color: #ac1830;
  margin-bottom: 50px;
  font-size: 55px;
  line-height: 1.2em;
  max-width: 620px;
  animation-delay: 0.4s;
}

.contigo-el[data=galletas] p.small {
  max-width: 620px;
  font-size: 48px;
  animation-delay: 0.7s;
  position: absolute;
  top: 35%;
}

.contigo-el[data=galletas] p.small strong {
  text-transform: uppercase;
  color: #000000;
  font-family: "Oswald";
  font-size: 58px;
  animation-delay: 0.8s;
}

.contigo-el[data=galletas] .year {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "Oswald";
  font-size: 16vw;
  color: rgba(0, 0, 0, 0.3);
  line-height: 0.7em;
  animation-delay: 0.9s;
}

.contigo-el[data=proximos] {
  padding: 50px;
}

.contigo-el[data=proximos] h2 {
  font-family: "Oswald";
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  font-size: 54px;
  text-align: left;
  line-height: 58px;
  color: white;
  max-width: 600px;
  margin-bottom: 50px;
}

.contigo-el[data=proximos] p {
  font-family: "Oswald";
  position: relative;
  z-index: 2;
  font-size: 38px;
  text-align: left;
  line-height: 42px;
  color: white;
  max-width: 600px;
  animation-delay: 0.3s;
}

.contigo-el .title {
  color: white;
  text-transform: uppercase;
  font-family: "Oswald";
  text-align: left;
  font-size: 76px;
  position: relative;
  padding-left: 90px;
}

.contigo-el .title span {
  font-family: "Oswald";
  font-size: 76px;
  position: absolute;
  left: 0;
  top: 0;
}

.contigo-el .bandera-risi {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 90%;
}

.contigo-el .bandera-risi img {
  width: 100%;
  animation-duration: 0.7s;
}

.contigo-el .montana-gajos {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.contigo-el .montana-gajos img {
  opacity: 1;
  max-width: 115%;
}

.contigo-el .chorro-chocolate {
  max-width: 8vw;
  position: absolute;
  left: -3vw;
  bottom: -3vw;
  z-index: 5;
}

.contigo-el .mio-moto {
  position: absolute;
  max-width: 8vw;
  left: -3vw;
  top: -3vw;
  z-index: 22;
  animation-delay: 1.1s;
  animation-duration: 2s;
}

.contigo-el .galletas-choco {
  position: absolute;
  bottom: -3vw;
  max-width: 8vw;
  left: -5vw;
  z-index: 4;
  animation-delay: 1s;
}

.contigo-el .montana-galletas {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.contigo-el .montana-galletas img {
  opacity: 1;
  max-width: 100%;
}

.contigo-el .chico-galletas {
  position: absolute;
  max-width: 33vw;
  right: 5px;
  bottom: 0;
  z-index: 4;
}

.contigo-el .gusanito-astronauta {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  max-height: 28vw;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.contigo-el .gusanitos-ilustracion {
  position: absolute;
  right: 50px;
  top: 10vw;
  max-width: 200px;
  z-index: 1;
}

.contigo-el .texto-centrado {
  width: 100%;
  text-transform: uppercase;
  font-size: 4vw;
  font-weight: 800;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-family: "Futura LT CondensedBold";
}

.contigo-el .abanico {
  position: absolute;
  left: 50%;
  top: -10%;
  transform: translateX(-50%);
  width: 100%;
}

.contigo-el .trisky {
  position: absolute;
  top: 50%;
  max-width: 85px;
  left: 50px;
  margin-top: -42px;
  opacity: 1;
}

.contigo-el .palomita {
  position: absolute;
  top: 50%;
  max-width: 133px;
  right: 50px;
  margin-top: -56px;
  opacity: 1;
}

.contigo-el .trikers {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 24vw;
  width: 24vw;
  z-index: 3;
}

.contigo-el .trikers-producto {
  position: absolute;
  left: -4vw;
  top: -4vw;
  max-width: 14vw;
  z-index: 2;
  animation-delay: 0.5s;
}

.contigo-el .mio-chia {
  position: absolute;
  left: -3vw;
  bottom: -3vw;
  max-width: 19vw;
  z-index: 2;
}

.contigo-el .mio-espinacas {
  position: absolute;
  right: 0vw;
  bottom: 5vw;
  width: 18vw;
  max-width: 25vw;
  z-index: 2;
  animation-delay: 1s;
}

.contigo-el .mio {
  position: absolute;
  left: -4vw;
  top: -4vw;
  max-width: 8vw;
  z-index: 3;
}

.contigo-el.big {
  width: 50%;
  height: 50vw;
}

.contigo-el.big.-three {
  width: 75%;
  height: 75vw;
}

.smalls-container {
  width: 50%;
}

.smalls-container.-three {
  width: 25%;
}

.smalls-container.-three .contigo-el {
  width: 100%;
}

.smalls-container .contigo-el {
  width: 50%;
}

[route=home] .contigo-el[data=ninos], [route=snacks] .contigo-el[data=ninos] {
  position: relative;
  right: auto;
  top: auto;
}

[route=home] .chica-promociones, [route=snacks] .chica-promociones {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  max-width: 50vw;
}

[route=home] .wrapper.ahora-contigo, [route=snacks] .wrapper.ahora-contigo {
  position: relative;
}

[route=home] .wrapper.ahora-contigo .btn, [route=snacks] .wrapper.ahora-contigo .btn {
  position: absolute;
  right: 100px;
  bottom: 100px;
  z-index: 4;
}

.contenedor-descargas {
  margin: 0 auto;
  margin-top: 50px;
  max-width: 840px;
  position: relative;
  z-index: 10;
}

.header-descargas {
  position: relative;
}

.header-descargas img {
  max-width: 60%;
}

.header-descargas h1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 8;
}

.header-descargas h1 span {
  text-transform: uppercase;
  font-family: "Oswald";
  color: white;
  font-size: 100px;
  line-height: 1em;
  text-shadow: 0 -2px 30px rgba(0, 0, 0, 0.29);
}

.header-descargas h1 span:first-child {
  font-size: 70px;
  text-shadow: none;
  opacity: 0.5;
}

.cky-consent-bar {
  transform: translateY(110%);
  transition: 0.7s;
}

.cky-consent-bar.show {
  transform: translateY(0);
}

.wrapper-producto .intro-patatas {
  width: 100%;
  display: block;
  position: relative;
  z-index: 5;
}

.wrapper-producto .intro-patatas video {
  width: 100%;
  height: 100%;
}

.wrapper-producto .intro-patatas .patatas-intro {
  position: absolute;
  left: 50%;
  margin-left: -680px;
  bottom: 280px;
  z-index: 3;
}

.wrapper-producto .intro-patatas .patata-suelta-intro {
  position: absolute;
  left: -50px;
  bottom: 110px;
  z-index: 2;
}

.wrapper-producto .intro-patatas .saco-patatas {
  position: absolute;
  right: 0;
  bottom: -68px;
}

.wrapper-producto .intro-patatas .intro-patatas-bolsas {
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  max-width: 749px;
  z-index: 3;
}

.wrapper-producto .intro-patatas .logo-patatas {
  position: absolute;
  left: 50%;
  top: 120px;
  transform: translateX(-50%);
}

.wrapper-producto .intro-patatas .marco-amarillo {
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
}

.wrapper-producto .intro-patatas .patatas {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18vw;
}

.wrapper-producto .intro-patatas .flecha-intro {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.wrapper-producto .intro-patatas .lateral-amarillo {
  position: absolute;
  left: 50%;
  margin-left: -509px;
  top: 400px;
}

.wrapper-producto .intro-patatas .lateral-amarillo-izquierdo {
  position: absolute;
  right: 50%;
  margin-right: -499.2px;
  top: 381px;
}

.acceso-patata {
  height: 45vh;
  min-height: 350px;
  position: relative;
  padding: 20px;
}

.acceso-patata[data=originales] {
  background: #bf1630;
  z-index: 2;
  overflow: hidden;
}

.acceso-patata[data=onduladas] {
  overflow: hidden;
  background: #a4245f;
}

.acceso-patata[data=fuera] {
  background: #df9900;
  min-height: 0;
  height: auto;
  padding: 100px 20px;
  overflow: hidden;
}

.acceso-patata[data=fuera] .container {
  position: relative;
  z-index: 5;
  width: 100%;
}

.acceso-patata[data=fuera] h1 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Oswald";
}

.acceso-patata[data=fuera] h1 .small {
  font-size: 44px;
  line-height: 0.8em;
}

.acceso-patata[data=fuera] h1 .big {
  font-size: 84px;
  line-height: 0.8em;
}

.acceso-patata[data=toda-la-vida] {
  background: #9eb92a;
  overflow: hidden;
}

.acceso-patata[data=selectas] {
  background: url(https://risi.es/static/img/patatas/es/fondo-selectas.jpg) center/cover no-repeat;
  overflow: hidden;
}

.acceso-patata .enlace-cover {
  z-index: 10;
}

.acceso-patata .cono-patatas {
  position: absolute;
  left: 0px;
  bottom: -30px;
}

.acceso-patata .patatas-perejil {
  position: absolute;
  right: 50px;
  bottom: 50%;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
}

.acceso-patata .patinete-ondulada {
  position: absolute;
  right: 50%;
  margin-right: -570px;
  max-height: 340px;
  z-index: 6;
}

.acceso-patata .patata-ondulada {
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -680px;
}

.acceso-patata .chica-selectas {
  position: absolute;
  left: 50%;
  margin-left: -608px;
  bottom: 0;
  max-height: 370px;
  z-index: 5;
}

.acceso-patata .carretilla {
  position: absolute;
  right: 50%;
  bottom: -10px;
  margin-right: -490px;
  z-index: 5;
}

.acceso-patata .furgo-espana {
  position: absolute;
  left: 50%;
  margin-left: -690px;
  bottom: 40px;
  z-index: 6;
}

.acceso-patata .globo {
  position: absolute;
  right: 50%;
  margin-right: -639px;
  bottom: 30px;
  max-height: 340px;
  z-index: 6;
}

.wrapper-producto.-patatas-originales {
  background: #c10230;
  overflow: hidden;
}

.wrapper-producto.-patatas-originales .breadcrumb {
  position: relative;
  z-index: 5;
}

.wrapper-producto.-toda-la-vida {
  background: #9eb92a;
}

.wrapper-producto.-patatas-onduladas {
  background: #a4245f;
  overflow: hidden;
}

.wrapper-producto.-selectas {
  background: url(https://risi.es/static/img/patatas/es/fondo-selectas-ficha.jpg) center/cover no-repeat;
  overflow: hidden;
}

.wrapper-producto.-exportacion {
  background: #ac1830;
  overflow: hidden;
}

.wrapper-producto.-exportacion .claim-intro {
  background: white;
  width: 100%;
}

.wrapper-producto.-exportacion .mt-160 {
  margin-top: 160px;
}

.wrapper-producto.-exportacion .patata-ondulada {
  margin-top: 165px;
}

.wrapper-producto .chica-moto-originales {
  position: absolute;
  left: 50%;
  margin-left: -780px;
  bottom: 0;
  z-index: 2;
}

.wrapper-producto .ola-onduladas {
  position: absolute;
  left: 50%;
  bottom: 190px;
  z-index: 2;
  margin-left: -660px;
}

.wrapper-producto .hombre-selectas {
  position: absolute;
  left: 50%;
  top: 60px;
  z-index: 2;
  margin-left: -650px;
}

.wrapper-producto .casa-selectas {
  position: absolute;
  left: 50%;
  top: 250px;
  z-index: 2;
  margin-left: 350px;
}

.wrapper-producto .cono-patatas-originales {
  position: absolute;
  right: 50%;
  margin-right: -610px;
  bottom: 100px;
  z-index: 2;
}

.wrapper-producto .chica-onduladas {
  position: absolute;
  right: 50%;
  margin-right: -630px;
  bottom: 40px;
  z-index: 2;
}

.wrapper-producto .logo-originales {
  position: relative;
  z-index: 3;
}

.wrapper-producto .logo-patatas {
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
}

.wrapper-producto .marco-amarillo {
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
}

.producto-cont .sal {
  position: absolute;
  left: -420px;
  top: 40px;
  z-index: 2;
}

.producto-cont .patata-sal-al-punto {
  position: absolute;
  left: -200px;
  top: 260px;
}

.producto-cont .tomate-campesinas {
  position: absolute;
  right: -200px;
  top: -90px;
  z-index: 5;
}

.producto-cont .aceite-vinagreta {
  position: absolute;
  left: -320px;
  bottom: -100px;
}

.producto-cont .patatas-vinagreta {
  position: absolute;
  left: -500px;
  bottom: 40px;
}

.producto-cont .patatas-jamon-onduladas {
  position: absolute;
  right: -400px;
  top: 0;
  z-index: 10;
  pointer-events: none;
}

.producto-cont .patatas-onduladas-sal {
  position: absolute;
  left: -350px;
  top: 0;
  z-index: 5;
}

.producto-cont .york-queso-onduladas {
  position: absolute;
  left: -400px;
  top: -100px;
}

.producto-cont .patata-ondulada-queso {
  position: absolute;
  bottom: -180px;
  right: 100px;
  z-index: 5;
}

.producto-cont .patata-selecta {
  position: absolute;
  left: -320px;
  top: -40px;
}

.producto-cont .carretilla-selecta {
  position: absolute;
  left: -420px;
  bottom: -60px;
}

.producto-cont .patata-toscana {
  position: absolute;
  right: -290px;
  top: -60px;
  z-index: 6;
}

.producto-cont .tomate-toscana {
  position: absolute;
  right: -370px;
  bottom: -60px;
  z-index: 6;
}

.patatas-perejil-campesinas {
  position: absolute;
  right: -400px;
  bottom: 0px;
}

.globo-originales {
  position: absolute;
  right: -140px;
  top: -300px;
  pointer-events: none;
}

.globo-onduladas {
  position: absolute;
  left: -200px;
  top: -310px;
  z-index: 4;
  pointer-events: none;
}

.cream-onduladas {
  position: absolute;
  left: -270px;
  bottom: 0;
}

.cream-patatas-onduladas {
  position: absolute;
  top: -100px;
  right: -220px;
  z-index: 5;
}

.patatas-viaje {
  position: relative;
}

.patatas-viaje .clasicas-fuera {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -50px;
}

.patatas-viaje .originales-fuera {
  position: absolute;
  left: 50%;
  top: -50px;
  margin-left: -130px;
}

.bold-patatas-fuera {
  position: absolute;
  right: -100px;
  bottom: 0;
}

.-patatas-onduladas .encabezado-producto, .-patatas-originales .encabezado-producto, .-selectas .encabezado-producto {
  min-height: 750px;
  height: auto;
  padding-top: 350px;
}

.-toda-la-vida .encabezado-producto {
  height: 630px;
  padding-top: 390px;
  min-height: 0;
}

.-toda-la-vida .encabezado-producto h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Neato Serif Rough";
  font-size: 40px;
  color: #951b81;
}

.-toda-la-vida .encabezado-producto .cesto-patatas {
  right: 50%;
  margin-right: -570px;
  position: absolute;
  bottom: 100px;
}

.-toda-la-vida .encabezado-producto .patata-mata {
  position: absolute;
  left: 50%;
  bottom: 100px;
  margin-left: -610px;
}

.-toda-la-vida .encabezado-producto .camion-risi {
  position: absolute;
  left: 50%;
  bottom: -30px;
  margin-left: -126px;
  z-index: 5;
}

.-toda-la-vida .cuerpo-toda-la-vida {
  position: relative;
  padding-bottom: 400px;
  overflow: hidden;
}

.-toda-la-vida .cuerpo-toda-la-vida h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.-toda-la-vida .cuerpo-toda-la-vida h3 span {
  color: #206c30;
  font-family: "Brush Script MT";
  font-size: 35px;
  margin-bottom: 10px;
  line-height: 0.8em;
  display: inline-block;
}

.-toda-la-vida .cuerpo-toda-la-vida h3 img {
  margin-bottom: 10px;
  max-width: 100%;
}

.-toda-la-vida .cuerpo-toda-la-vida .-right-dot::before {
  content: "";
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
  right: -90px;
  background: #dedc00;
  border-radius: 50%;
  top: 50%;
  margin-top: -35px;
}

.-toda-la-vida .cuerpo-toda-la-vida .-left-dot::before {
  content: "";
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
  left: -90px;
  background: #dedc00;
  border-radius: 50%;
  top: 50%;
  margin-top: -35px;
}

.-toda-la-vida .cuerpo-toda-la-vida .risi-llevamos {
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -510px;
}

.-toda-la-vida .cuerpo-toda-la-vida .primera-fabrica {
  position: absolute;
  right: 50%;
  top: 410px;
  margin-right: -460px;
}

.-toda-la-vida .cuerpo-toda-la-vida .fabrica {
  position: absolute;
  left: 50%;
  top: 191px;
  margin-left: -590px;
}

.-toda-la-vida .cuerpo-toda-la-vida .no-secretos {
  position: absolute;
  top: 631px;
  right: 50%;
  margin-right: -350px;
}

.-toda-la-vida .cuerpo-toda-la-vida .texto-1970 {
  position: absolute;
  padding-right: 190px;
  right: 50%;
  margin-right: -460px;
}

.-toda-la-vida .cuerpo-toda-la-vida .texto-1970 .bolsa-origenes {
  position: absolute;
  top: 50px;
  left: 200px;
  z-index: 3;
}

.-toda-la-vida .cuerpo-toda-la-vida .texto-1970 .t-1970 {
  position: absolute;
  right: 0;
  top: 0;
}

.-toda-la-vida .cuerpo-toda-la-vida .mejores-ingredientes {
  position: absolute;
  left: 50%;
  top: 800px;
  margin-left: -580px;
}

.-toda-la-vida .cuerpo-toda-la-vida .menos-aire {
  position: absolute;
  right: 50%;
  top: 950px;
  margin-right: -497px;
  z-index: 3;
}

.-toda-la-vida .cuerpo-toda-la-vida .show-popup {
  display: none;
}

.-toda-la-vida .cuerpo-toda-la-vida .imagen-aire {
  position: absolute;
  right: 50%;
  top: 950px;
  margin-right: -640px;
  cursor: pointer;
}

.-toda-la-vida .cuerpo-toda-la-vida .image-mejores-ingredientes {
  position: absolute;
  left: 50%;
  margin-left: -570px;
  top: 1040px;
}

.-toda-la-vida .cuerpo-toda-la-vida .las-de-toda-la-vida {
  position: absolute;
  left: 50%;
  margin-left: -570px;
  top: 1690px;
}

.-toda-la-vida .cuerpo-toda-la-vida .patatas-toda-la-vida {
  position: absolute;
  right: 50%;
  bottom: 60px;
  margin-right: -700px;
}

.-toda-la-vida .cuerpo-toda-la-vida .mano {
  position: absolute;
  left: 50%;
  bottom: 160px;
  margin-left: -364px;
}

.-toda-la-vida .cuerpo-toda-la-vida .tu-eliges {
  position: absolute;
  left: 50%;
  bottom: 150px;
  margin-left: -234px;
}

.-toda-la-vida .cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 15;
  height: 100%;
  padding: 20px;
}

.-toda-la-vida .cover .popup {
  width: 100%;
  display: inline-block;
  background: #a5b935;
  padding: 40px;
  box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.25);
  max-width: 1040px;
  position: relative;
}

.-toda-la-vida .cover .popup .close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.-toda-la-vida .cover .popup > img {
  max-width: 100%;
}

.-toda-la-vida .cover .popup p {
  color: white;
  margin-top: 20px;
  display: inline-block;
  max-width: 710px;
}

.-toda-la-vida .cover .popup p span {
  color: #951b81;
}

.-toda-la-vida .cover .popup .pasos-aire {
  width: 100%;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire {
  width: 50%;
  padding-right: 30px;
  margin-top: 30px;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire h3 {
  text-align: left;
  position: relative;
  padding-left: 50px;
  color: #206c30;
  font-family: "Brush Script MT";
  font-size: 35px;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire h3 .numero {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire .texto img {
  max-width: 40%;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire .texto p {
  width: 60%;
  padding-left: 15px;
  text-align: left;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire .texto p strong {
  display: inline-block;
  width: 100%;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire .imagen {
  padding-left: 50px;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire .imagen img {
  width: 45%;
}

.-toda-la-vida .cover .popup .pasos-aire .paso-aire .imagen p {
  text-align: left;
}

.patatas p strong {
  font-size: 24px;
}

.patatas {
  width: 100%;
  top: 0px;
  position: relative;
}

.patatas div.contenedor-texto.once {
  width: 48%;
}

.patatas.bolsas-patatas {
  width: 48%;
}

.contenido-slide.patatas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bolsas-patatas {
  margin-left: 90px;
}

.patatas .texto-dos {
  font-weight: 200 !important;
}

.imagenes-extra {
  position: absolute;
  bottom: 0px;
  display: flex;
  width: 58%;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 1;
}

.imagenes-extra img {
  width: 35%;
}

.imagenes-extra img + img {
  width: 40%;
}

.campo {
  position: absolute;
  bottom: 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  z-index: -3;
}

.box-product {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.box-product .box-image {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.box-product .box-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.box-product .box-image.active {
  position: relative;
}

.box-product .box-image.active:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 19px 19.5px 19px;
  border-color: transparent transparent white transparent;
  margin: 0 auto;
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  z-index: 2;
}

.box-product .box-image.active:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent gray transparent;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.container-extra {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.container-extra.active-box {
  opacity: 1;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid gray;
  padding: 20px;
  transition: all 0.8s ease-in-out;
}

.container-extra.active-box .box-image {
  width: calc(25% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border: 1px solid gray;
  position: relative;
  margin: 10px;
  display: none;
  height: 150px;
  max-height: 150px;
  overflow: hidden;
  min-height: 150px;
}

.container-extra.active-box .box-image.active {
  display: block;
}

.container-extra.active-box .box-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: scale(1);
  transition: all 4s cubic-bezier(0, 1, 0.5, 1);
}

.container-extra.active-box .box-image .mask-download {
  transition: opacity 2s cubic-bezier(0, 1, 0.5, 1);
  opacity: 0;
}

.container-extra.active-box .box-image:hover img {
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
  transition: all 4s cubic-bezier(0, 1, 0.5, 1);
}

.container-extra.active-box .box-image:hover .mask-download {
  z-index: 2;
  transition: opacity 2s cubic-bezier(0, 1, 0.5, 1);
  width: 100%;
  height: 100%;
  opacity: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(155, 49, 69, 0.329412);
  background-image: url(https://risi.es/static/img/descargables/btn-descarga.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

img[el=scoop] {
  width: 78%;
}

[route=desayuno] .menu-el.-galleta[href="/es/galletas/b-san-plus/congluten"], [route=desayuno] .menu-el.-galleta[href="/en/biscuits/b-san-plus/with-gluten"], [route=desayuno] .menu-el.-galleta[href="/fr/galletas/b-san-plus/congluten"] {
  background: white;
}

[route=desayuno] .menu-el.-galleta[href="/es/galletas/b-san-plus/congluten"] .white.bsan-plus, [route=desayuno] .menu-el.-galleta[href="/en/biscuits/b-san-plus/with-gluten"] .white.bsan-plus, [route=desayuno] .menu-el.-galleta[href="/fr/galletas/b-san-plus/congluten"] .white.bsan-plus {
  opacity: 0 !important;
}

[route=desayuno] .menu-el.-galleta[href="/es/galletas/b-san-plus/congluten"] .color, [route=desayuno] .menu-el.-galleta[href="/en/biscuits/b-san-plus/with-gluten"] .color, [route=desayuno] .menu-el.-galleta[href="/fr/galletas/b-san-plus/congluten"] .color {
  opacity: 1 !important;
}

[route=chocolate] .menu-el.-galleta[href="/es/galletas/b-san-0azucares-chocolate"], [route=chocolate] .menu-el.-galleta[href="/en/biscuits/b-san-0azucares-chocolate"], [route=chocolate] .menu-el.-galleta[href="/fr/galletas/b-san-0azucares-chocolate"] {
  background: white;
}

[route=chocolate] .menu-el.-galleta[href="/es/galletas/b-san-0azucares-chocolate"] .white, [route=chocolate] .menu-el.-galleta[href="/en/biscuits/b-san-0azucares-chocolate"] .white, [route=chocolate] .menu-el.-galleta[href="/fr/galletas/b-san-0azucares-chocolate"] .white {
  opacity: 0 !important;
}

[route=chocolate] .menu-el.-galleta[href="/es/galletas/b-san-0azucares-chocolate"] .color, [route=chocolate] .menu-el.-galleta[href="/en/biscuits/b-san-0azucares-chocolate"] .color, [route=chocolate] .menu-el.-galleta[href="/fr/galletas/b-san-0azucares-chocolate"] .color {
  opacity: 1 !important;
}

[route=maria] .menu-el.-galleta[href="/es/galletas/b-san-0azucares-chocolate"], [route=maria] .menu-el.-galleta[href="/en/biscuits/b-san-0azucares-chocolate"], [route=maria] .menu-el.-galleta[href="/fr/galletas/b-san-0azucares-chocolate"] {
  background: white;
}

[route=maria] .menu-el.-galleta[href="/es/galletas/b-san-0azucares-chocolate"] .white, [route=maria] .menu-el.-galleta[href="/en/biscuits/b-san-0azucares-chocolate"] .white, [route=maria] .menu-el.-galleta[href="/fr/galletas/b-san-0azucares-chocolate"] .white {
  opacity: 0 !important;
}

[route=maria] .menu-el.-galleta[href="/es/galletas/b-san-0azucares-chocolate"] .color, [route=maria] .menu-el.-galleta[href="/en/biscuits/b-san-0azucares-chocolate"] .color, [route=maria] .menu-el.-galleta[href="/fr/galletas/b-san-0azucares-chocolate"] .color {
  opacity: 1 !important;
}

.container-uno {
  opacity: 1;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid gray;
  padding: 20px;
  transition: all 0.8s ease-in-out;
}

.container-uno a {
  width: calc(25% - 30px) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border: 1px solid gray;
  position: relative;
  margin: 10px;
  display: none;
  height: 150px;
  max-height: 150px;
  overflow: hidden;
  min-height: 150px;
}

.container-uno a:hover img {
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
  transition: all 4s cubic-bezier(0, 1, 0.5, 1);
}

.container-uno a:hover .mask-download {
  z-index: 2;
  transition: opacity 2s cubic-bezier(0, 1, 0.5, 1);
  width: 100%;
  height: 100%;
  opacity: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(155, 49, 69, 0.329412);
  background-image: url(https://risi.es/static/img/descargables/btn-descarga.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

img[alt="producto galleta infantil"] {
  width: 92%;
}

.ahora-contigo .slick-prev.slick-arrow {
  left: 20px;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  z-index: 5;
}

.ahora-contigo .slick-next.slick-arrow {
  right: 20px;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  z-index: 5;
}

.menu-lang {
  position: relative;
}

.menu-lang .title {
  text-transform: uppercase;
  color: white;
}

.menu-lang .sub-menu {
  position: absolute;
  background: white;
  padding: 5px 5px 0 5px;
  right: -5px;
  top: 100%;
  width: -moz-max-content;
  width: max-content;
}

.menu-lang .sub-menu a {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.menu-lang .sub-menu a img {
  width: 100%;
  max-width: 16px;
  margin-right: 3px;
}

#legal-text section {
  margin-bottom: 30px;
}

#legal-text h3, #legal-text h4 {
  color: #ac1830 !important;
  font-weight: 600;
}

#legal-text h3 {
  margin-bottom: 15px;
}

#legal-text h4 {
  margin-bottom: 10px;
}

#legal-text ul {
  margin-bottom: 5px;
}

#legal-text li {
  list-style: initial;
  margin-left: 30px;
  margin-bottom: 5px;
  line-height: 1.6em;
}

#legal-text a {
  text-decoration: underline;
  word-break: break-all;
  color: #68131d;
}

#legal-text p {
  line-height: 1.6em;
  margin-bottom: 5px;
}

.table {
  margin-bottom: 15px;
  width: 100%;
  border: 2px solid #000;
  border-collapse: collapse;
}

.table th, .table td {
  border: 1px solid rgba(113, 115, 117, 0.431372549);
  padding: 10px 8px;
  text-align: left;
}

.table th {
  font-weight: bold;
}

.table td {
  font-size: 14px;
}

.table .odd {
  border: 0;
  background: #d60c0c;
  text-align: left;
  font-weight: bold;
  padding: 20px 0;
  color: white;
  font-size: 18px;
}

.table .odd2 {
  background: rgba(113, 115, 117, 0.431372549);
  text-align: center;
  font-size: 18px;
}

.modulo-newsletter {
  background: #ac1830;
  padding: 60px 40px;
  position: relative;
}

.modulo-newsletter .launched h2 .-small, .modulo-newsletter .launched h2 .-medium, .modulo-newsletter .launched h2 .-big {
  transform: translate(0);
}

.modulo-newsletter h2 {
  font-size: 100px;
  color: white;
  margin-bottom: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-size: 30px;
  justify-content: center;
}

.modulo-newsletter h2 span {
  font-family: "Oswald";
}

.modulo-newsletter h2 span strong {
  font-size: 35px;
  font-family: "Oswald";
}

.modulo-newsletter h2 .-small {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.2em;
  margin-right: 10px;
  transform: translateX(-150%);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  text-align: right;
  padding-right: 10%;
}

.modulo-newsletter h2 .-medium {
  font-size: 70px;
  line-height: 0.8em;
  color: white;
  transform: translateX(150%);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-delay: 0.8s;
  text-align: center;
}

.modulo-newsletter h2 .-big {
  width: 100%;
  display: inline-block;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.4901960784);
  text-align: left;
  line-height: 0.8em;
  margin-top: 10px;
  transform: translateY(150%);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-delay: 1.2s;
  text-align: right;
  padding-right: 12%;
}

.modulo-newsletter .animation {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
}

.modulo-newsletter .animation .decor1 {
  position: absolute;
  left: 3%;
  top: 13px;
  z-index: 2;
}

.modulo-newsletter .animation .decor2 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.modulo-newsletter form {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

.modulo-newsletter form .decor3 {
  position: absolute;
  right: -10%;
  bottom: 0;
}

.modulo-newsletter .msg-form-popup {
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 8;
  padding: 20px;
}

.modulo-newsletter .msg-form-popup .msg-container {
  width: 100%;
  max-width: 530px;
  background: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 40px;
  position: relative;
  min-height: 200px;
  align-items: center;
}

.modulo-newsletter .msg-form-popup .msg-container::before {
  content: "";
  width: 400px;
  height: 200px;
  background-image: url("https://risi.es/static/img/newsletter/send-ok.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -61px;
  left: -95px;
}

.modulo-newsletter .msg-form-popup .msg-container[data-error=true]::before {
  background-image: url("https://risi.es/static/img/newsletter/send-not.svg");
  top: initial;
  left: -74px;
  bottom: -50px;
}

.modulo-newsletter .msg-form-popup .msg-container .close {
  background: transparent;
  border: 0;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}

.modulo-newsletter .msg-form-popup .msg-container .close img {
  width: 15px;
}

.modulo-newsletter .msg-form-popup .msg-container p {
  width: 100%;
  color: #ac1830;
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width: 1200px) {
  .modulo-newsletter .animation {
    max-width: 100%;
  }
  .modulo-newsletter .animation .decor1 {
    max-width: 200px;
    top: 35px;
  }
  .modulo-newsletter .animation .decor2 {
    max-width: 100px;
  }
  .modulo-newsletter h2 .-small {
    font-size: 40px;
  }
  .modulo-newsletter h2 .-medium {
    font-size: 60px;
  }
  .modulo-newsletter h2 .-big {
    font-size: 90px;
  }
  .modulo-newsletter form .decor3 {
    right: 0;
  }
}
@media screen and (max-width: 1030px) {
  .modulo-newsletter h2 {
    font-size: 20px;
  }
  .modulo-newsletter h2 strong {
    font-size: 25px;
  }
  .modulo-newsletter form .decor3 {
    max-width: 420px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-imagen.row-center {
    display: none;
    opacity: 0;
  }
  .modulo-newsletter h2 .-small {
    font-size: 20px;
  }
  .modulo-newsletter h2 .-medium {
    font-size: 40px;
  }
  .modulo-newsletter h2 .-big {
    font-size: 60px;
  }
  .modulo-newsletter form .decor3 {
    max-width: 300px;
  }
  .modulo-newsletter .btn.-action {
    font-size: 25px;
    right: 0;
  }
  .modulo-newsletter .animation .decor1 {
    max-width: 135px;
    left: 0;
  }
  .modulo-newsletter .animation .decor2 {
    max-width: 60px;
  }
  .modulo-newsletter h2 span strong {
    font-size: 25px;
  }
  .modulo-newsletter {
    padding: 60px 20px;
  }
  .modulo-newsletter h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 700px) {
  .modulo-newsletter h2 .-small {
    font-size: 20px;
    text-align: center;
    padding-right: 0;
    line-height: 1.6em;
  }
  .modulo-newsletter h2 .-big {
    font-size: 40px;
    text-align: center;
    padding-right: 0;
    line-height: 1.2em;
    margin-top: 0;
  }
  .modulo-newsletter h2 .-medium {
    font-size: 30px;
    line-height: 1.2em;
  }
  .modulo-newsletter .contenedor-input.middle {
    width: 100%;
  }
  .modulo-newsletter h2 {
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .modulo-newsletter form .decor3 {
    max-width: 290px;
    bottom: -37px;
  }
  .modulo-newsletter .animation .decor1, .modulo-newsletter .animation .decor2 {
    display: none;
  }
  .modulo-newsletter .container {
    padding: 0;
  }
  .modulo-newsletter {
    padding: 20px 20px 60px 20px;
  }
  .modulo-newsletter .msg-form-popup .msg-container::before {
    height: 120px;
    left: 0;
  }
  .modulo-newsletter .msg-form-popup .msg-container[data-error=true]::before {
    left: 0;
    bottom: -80px;
  }
}
@media screen and (max-width: 4000px) {
  .patatas .contenedor-texto.once {
    margin-bottom: 110px;
  }
  .patatas .imagenes-extra {
    width: 54%;
  }
  .contenido-slide.patatas {
    display: flex;
    flex-direction: row;
  }
  .patatas img {
    width: 48%;
  }
  .patatas .contenido-slide {
    width: 80%;
    position: relative;
    z-index: 2;
    height: 100%;
    padding-bottom: 210px;
  }
  .patatas p {
    color: white;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 800;
    max-width: 1000px;
  }
  .patatas p strong {
    font-size: 55px;
  }
  .patatas div.contenedor-texto.once, .patatas .bolsas-patatas {
    width: 35%;
  }
  .patatas .contenido-slide {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
    padding-bottom: 210px;
    max-width: 2800px;
    display: flex;
    flex-direction: row;
  }
}
@media screen and (max-width: 2500px) {
  .patatas .contenedor-texto.once {
    margin-bottom: 100px;
  }
  .patatas p {
    color: white;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 800;
    max-width: 600px;
  }
  .patatas p strong {
    font-size: 23px;
  }
  .patatas .contenido-slide {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
    padding-bottom: 210px;
    max-width: 2800px;
    display: flex;
    flex-direction: row;
  }
  .patatas .bolsas-patatas {
    margin-left: 0px;
  }
  .-slide-6 .contenedor-logo p {
    top: -61px;
  }
  .-slide-6 .contenedor-logo .espiral {
    top: -50px;
  }
}
@media screen and (max-width: 1500px) {
  .encabezado-conducta .cohete-gusanito {
    max-width: 180px;
  }
  .encabezado-conducta .furgon-clientes .img-furgon {
    max-width: 330px;
  }
  .encabezado-conducta .furgon-clientes .rueda-furgon-clientes {
    position: absolute;
    right: 46px;
    max-width: 70px;
    bottom: 3px;
  }
  .contigo-el video {
    width: 100%;
    margin-top: 0;
    min-height: 0;
  }
}
@media screen and (max-width: 1450px) {
  .banner-placersofia .contenedor-productos .btn {
    right: -250px;
    bottom: 140px;
  }
  .banner-placersofia .contenedor-productos {
    max-width: 620px;
    min-height: 0;
    height: 400px;
  }
  .banner-placersofia .contenedor-productos .chia {
    max-width: 220px;
  }
  .banner-placersofia .contenedor-productos .cebolla {
    max-width: 220px;
    display: block !important;
  }
  .banner-placersofia .contenedor-productos .espinaca {
    max-width: 220px;
    margin-left: -110px;
  }
  .banner-placersofia .contenedor-productos .titulo {
    left: 0;
    margin-left: 0;
    max-width: 100%;
    top: 20px;
  }
  .-slide-13 .contenedor-texto {
    max-width: 390px;
  }
  .logo-fabs {
    max-width: 250px;
  }
  .-slide-13 .contenedor-texto p {
    font-size: 16px;
  }
  .-slide-13 .contenedor-texto p strong {
    font-size: 18px;
    margin-bottom: 20px;
  }
  img.historiaFabs-1 {
    position: absolute;
    right: 440px;
    top: 110px;
    max-width: 220px;
  }
  img.historiaFabs-2 {
    position: absolute;
    max-width: 310px;
    bottom: 230px;
    right: 650px;
  }
  img.historiaFabs-3 {
    position: absolute;
    max-width: 260px;
    bottom: 270px;
    left: 10px;
  }
  .-slide-15 .contenedor-texto {
    padding-left: 150px;
  }
}
@media screen and (max-width: 1390px) {
  .imagenes-extra {
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 50%;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 1;
  }
  .imagenes-extra img {
    width: 35%;
  }
  .imagenes-extra img + img {
    width: 40%;
  }
  .producto-home .contenedor-boton {
    right: -50px;
    bottom: 20px;
  }
  .contigo-el[data=video] h2 {
    margin-bottom: 20px;
    font-size: 40px;
    max-width: 340px;
  }
  .contigo-el[data=video] h1 {
    font-size: 30px;
  }
  .patatas div.contenedor-texto.once {
    width: 45%;
  }
  .bolsas-patatas {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1300px) {
  .producto-info-container .contenedor-producto .contenedor-texto-claim {
    display: none;
  }
  .producto-info-container .contenedor-producto.vietnam .contenedor-texto-claim, .producto-info-container .contenedor-producto.tanzania .contenedor-texto-claim {
    display: block;
  }
  .producto-info-container .contenedor-producto .contenedor-texto-claim-espiral {
    display: none;
  }
  .producto-home .contenedor-boton {
    bottom: 20px;
  }
  .contigo-el[data=cambiado] p {
    font-size: 35px;
  }
  .contigo-el .gusanitos-ilustracion {
    top: 17vw;
    max-width: 120px;
  }
  .contigo-el[data=video] {
    padding: 20px;
  }
  .contigo-el[data=video] p {
    line-height: 1em;
    font-size: 34px;
  }
}
@media screen and (max-width: 1220px) {
  .producto-home .contenedor-boton {
    display: none;
  }
  .contenedor-sin-gluten {
    top: 20px;
    left: 0px;
    padding: 0;
  }
  .contenedor-sin-gluten .gif {
    display: none;
  }
  .contenedor-sin-gluten .sin_gluten {
    max-width: 80px;
  }
  .encabezado-conducta .astronauta {
    right: 50px;
  }
  .contigo-el .title {
    font-size: 5.8vw;
    line-height: 0.9em;
  }
  .contigo-el[data=galletas] p {
    font-size: 4vw;
  }
  .contigo-el[data=galletas] p.small {
    font-size: 3vw;
  }
  .contigo-el[data=galletas] p.small strong {
    font-size: 3.5vw;
  }
  .contigo-el[data=proximos] h2 {
    font-size: 4vw;
  }
  .contigo-el[data=proximos] p {
    font-size: 3vw;
  }
  .contigo-el[data=video] h2 {
    font-size: 2.5vw;
  }
  .contigo-el[data=sonrisa] h2 span.big {
    font-size: 4.5vw;
  }
  .contigo-el[data=sonrisa] h2 span {
    font-size: 4.3vw;
  }
  .acceso-patata .patatas-perejil {
    bottom: 50px;
    right: -30px;
    transform: none;
  }
  .acceso-patata .cono-patatas {
    left: -2vw;
    max-width: 40vw;
  }
  .wrapper-producto .intro-patatas .patatas {
    bottom: 28vw;
  }
  .wrapper-producto .logo-originales {
    max-width: 40vw;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .mano {
    margin-left: -541px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .tu-eliges {
    margin-left: -424px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .patatas-toda-la-vida {
    margin-right: -531px;
    bottom: -40px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .imagen-aire {
    margin-right: -500px;
  }
  .contigo-el .chica-promociones {
    right: -55px;
  }
  .-slide-15 .contenedor-texto {
    padding-left: 50px;
  }
  .-slide-15 .nikoala img {
    max-width: 50%;
  }
  .-slide-15 .imagenes-extra-kids .galletas-kids {
    max-width: 100px;
    top: 60%;
  }
  .-slide-15 .imagenes-extra-kids .cajas-kids {
    max-width: 380px;
    left: 40%;
  }
}
@media screen and (max-width: 1170px) {
  .patatas div.contenedor-texto.once {
    width: 48%;
    margin-top: 22px;
  }
  .patatas img {
    width: 38%;
  }
  .padding-menu.-big {
    padding-top: 120px;
  }
  .bolsas-patatas {
    margin-top: 0px;
    margin-left: 90px;
  }
  .historia-slider > .slick-arrow.slick-prev {
    left: 0;
    background-size: 20px;
    background-position: 10px center;
  }
  .historia-slider > .slick-arrow.slick-next {
    right: 0;
    background-size: 20px;
    background-position: 30px center;
  }
  .historia-slider > .slick-arrow.slick-prev {
    background-position: 0 center;
  }
  .historia-slider .title-historia {
    font-size: 60px;
  }
  .historia-slider .title-historia span.ghost {
    font-size: 40px;
  }
  .encabezado-conducta .palomita-empleados {
    right: 50px;
    max-width: 80px;
  }
  .encabezado-conducta .chica-empleados {
    max-width: 30vw;
  }
  .encabezado-conducta .risi-boy {
    max-width: 20vw;
    top: auto;
    bottom: 20vw;
  }
  .main-conducta .intro-consumidores {
    padding-top: 50px;
  }
  .nina-consumidores {
    display: none;
  }
  .main-conducta .contenedor-datos-contacto .contenedor-imagen .contenedor-texto {
    right: 60px;
  }
  .main-conducta.-daganzo .montana-palomitas {
    display: none;
  }
  .encabezado-conducta .gusanito-esquina {
    display: none;
  }
  img.historiaFabs-1 {
    position: absolute;
    right: 440px;
    top: 140px;
    max-width: 180px;
  }
  img.historiaFabs-2 {
    position: absolute;
    max-width: 280px;
    bottom: 290px;
    right: 620px;
  }
  img.historiaFabs-3 {
    position: absolute;
    max-width: 240px;
    bottom: 70px;
    left: 50px;
  }
  .acceso-patata[data=fuera] h1 .small {
    font-size: 37px;
  }
  .acceso-patata[data=fuera] h1 .big {
    font-size: 70px;
  }
  .patatas-viaje {
    max-width: 440px;
  }
  .patatas-viaje .trazo-avion {
    max-width: 100%;
  }
  .-toda-la-vida .encabezado-producto .cesto-patatas {
    margin-right: -490px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .las-de-toda-la-vida {
    margin-left: -440px;
    top: 1710px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .las-de-toda-la-vida img {
    max-width: 350px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .imagen-aire {
    max-width: 500px;
    margin-right: -390px;
    max-width: 500px;
    top: 1070px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .image-mejores-ingredientes {
    max-width: 380px;
    margin-left: -410px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .mejores-ingredientes {
    margin-left: -473px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .fabrica {
    max-width: 380px;
    margin-left: -490px;
  }
  .-toda-la-vida .encabezado-producto .patata-mata {
    margin-left: -560px;
  }
}
@media screen and (max-width: 1100px) {
  .-infantiles .producto-info-container .contenedor-producto {
    width: 100%;
    margin: 50px auto 200px auto;
    position: relative;
    max-width: 1600px;
  }
  .patatas .imagenes-extra img {
    width: 36%;
  }
  .claim-intro {
    padding-bottom: 50px;
  }
  .claim-intro .img-left {
    left: 50px;
  }
  .encabezado-producto {
    height: 500px;
    min-height: 0;
  }
  .-patatas-originales .encabezado-producto {
    height: 570px;
  }
  .wrapper-producto .marco-amarillo {
    max-width: 90vw;
  }
  .producto-info-container {
    padding-top: 150px;
  }
  .producto-info-container .contenedor-producto {
    margin-bottom: 150px;
  }
  .producto-info-container .contenedor-producto .second-decoration {
    max-width: 300px;
  }
  .producto-info-container .contenedor-producto .absoluta-derecha {
    max-width: 300px;
  }
  .producto-info-container .contenedor-producto .second-line {
    max-height: 100px;
    bottom: -120px;
    display: none;
  }
  .rrss-cont .contenedor-linea-gif {
    max-height: 100px;
    top: -100px;
  }
  .encabezado-conducta .contenedor-buzon {
    left: 40px;
    bottom: -80px;
  }
  .encabezado-conducta .buzon {
    max-width: 400px;
  }
  .encabezado-conducta .contenedor-texto {
    top: 170px;
  }
  .tip-conducta-container {
    justify-content: center;
  }
  .tip-conducta-container:nth-child(2n) {
    justify-content: center;
  }
  .tip-conducta .jetpack {
    left: auto;
    right: -80px;
  }
  .encabezado-conducta .cohete-gusanito {
    left: 20px;
  }
  .encabezado-conducta .jetpack {
    bottom: 20px;
    right: 50px;
  }
  [route=risi-y-sus-proveedores] .big-title.-m {
    font-size: 8vw;
  }
  .encabezado-conducta .gusanitos-eticos {
    display: none;
  }
  .contigo-el[data=cambiado] p {
    font-size: calc(14px + 1.5vw);
  }
  .acceso-patata .chica-selectas {
    margin-left: -528px;
  }
  .logo-selectas {
    max-width: 350px;
  }
  .logo-onduladas {
    max-width: 500px;
  }
  .acceso-patata .furgo-espana {
    left: -2vw;
    max-width: 30vw;
    margin-left: 0;
  }
  .acceso-patata .globo {
    margin-right: 0;
    right: 20px;
    max-width: 20vw;
  }
  .wrapper-producto .intro-patatas .patata-suelta-intro {
    display: none;
  }
  .wrapper-producto .intro-patatas .intro-patatas-bolsas {
    max-width: 70vw;
  }
  .wrapper-producto .intro-patatas .saco-patatas {
    display: none;
  }
  .producto-cont .patata-sal-al-punto {
    display: none;
  }
  .producto-cont .sal, .producto-cont .tomate-campesinas, .patatas-perejil-campesinas, .producto-cont .aceite-vinagreta, .producto-cont .patatas-vinagreta, .globo-originales, .producto-cont .patatas-jamon-onduladas, .producto-cont .patatas-onduladas-sal, .cream-patatas-onduladas, .cream-onduladas, .producto-cont .york-queso-onduladas, .producto-cont .patata-ondulada-queso, .globo-onduladas, .producto-cont .carretilla-selecta, .producto-cont .patata-selecta, .producto-cont .patata-toscana, .producto-cont .tomate-toscana {
    display: none;
  }
  .wrapper-producto .hombre-selectas {
    display: none;
  }
  .wrapper-producto .casa-selectas {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .patatas .contenido-slide {
    position: relative;
    top: -118px;
  }
  .big-title {
    font-size: 140px;
  }
  .encabezado-producto {
    height: 400px;
    min-height: 0;
  }
  .contenedor-preguntas-eticas .hazlo img {
    top: -100px;
    max-width: 250px;
    z-index: -1;
  }
  .main-conducta .intro-consumidores p {
    animation-delay: 0s;
  }
  .wrapper-producto .intro-patatas .lateral-amarillo {
    display: none;
  }
  .wrapper-producto .intro-patatas .lateral-amarillo-izquierdo {
    display: none;
  }
  .wrapper-producto .intro-patatas .marco-amarillo {
    max-width: 90vw;
  }
  .wrapper-producto .intro-patatas .patatas-intro {
    display: none;
  }
  .wrapper-producto .intro-patatas .patatas {
    max-width: 70vw;
    bottom: 40vw;
  }
  .wrapper-producto .intro-patatas .logo-patatas {
    max-width: 70vw;
  }
}
@media screen and (max-width: 1023px) {
  .encabezado-conducta .contenedor-buzon {
    display: none;
  }
  .encabezado-conducta {
    min-height: 500px;
  }
  .tip-conducta .jetpack {
    left: auto;
    right: -50px;
    z-index: 3;
    top: -80px;
  }
  [route=risi-y-sus-empleados] .big-title.-m {
    font-size: 10vw;
  }
  .cuadros-fabrica article {
    width: 100%;
    min-height: 0;
  }
  .cuadros-fabrica article.persona {
    min-height: 300px;
    width: 50%;
  }
  .cuadros-fabrica article.direccion {
    width: 50%;
  }
  .contigo-el[data=proximos] {
    padding: 20px;
  }
  .contigo-el[data=proximos] h2 {
    margin-bottom: 20px;
  }
  .patatas-viaje {
    display: none;
  }
  .acceso-patata .patata-ondulada {
    margin-left: -63vw;
    z-index: 0;
  }
  .acceso-patata .patinete-ondulada {
    margin-right: -60vw;
  }
  .logo-onduladas, .logo-selectas, .logo-originales-intro, .logo-toda-la-vida {
    max-width: 40vw;
    position: relative;
    z-index: 7;
  }
}
@media screen and (max-width: 1023px) {
  .bolsas-patatas {
    margin-top: 0px;
    width: 50%;
  }
  .contenido-slide[data-v-5481807b] {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
    top: 25px;
  }
  .patatas div.contenedor-texto.once {
    width: 50%;
  }
  .-slide-12 .contenido-slide {
    flex-direction: column;
  }
  .-slide-12 .contenido-slide .contenedor-texto {
    width: 100%;
    max-width: 600px;
  }
  .-slide-12 .contenido-slide .espiral {
    display: none;
  }
  .-slide-12 .contenido-slide img {
    max-width: 100%;
  }
  .camino {
    display: none;
  }
  .-toda-la-vida .cuerpo-toda-la-vida {
    min-height: 1100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 200px;
    padding-bottom: 50px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .-left-dot::before, .-toda-la-vida .cuerpo-toda-la-vida .-right-dot::before {
    display: none;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .risi-llevamos {
    position: relative;
    left: auto;
    top: auto;
    margin-left: 0;
    width: 100%;
  }
  .-toda-la-vida .encabezado-producto .camion-risi {
    bottom: -170px;
  }
  .-toda-la-vida .encabezado-producto .cesto-patatas {
    display: none;
  }
  .-toda-la-vida .encabezado-producto .patata-mata {
    display: none;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .primera-fabrica, .-toda-la-vida .cuerpo-toda-la-vida .mejores-ingredientes, .-toda-la-vida .cuerpo-toda-la-vida .image-mejores-ingredientes, .-toda-la-vida .cuerpo-toda-la-vida .texto-1970, .-toda-la-vida .cuerpo-toda-la-vida .menos-aire, .-toda-la-vida .cuerpo-toda-la-vida .imagen-aire, .-toda-la-vida .cuerpo-toda-la-vida .fabrica, .-toda-la-vida .cuerpo-toda-la-vida .no-secretos, .-toda-la-vida .cuerpo-toda-la-vida .las-de-toda-la-vida, .-toda-la-vida .cuerpo-toda-la-vida .patatas-toda-la-vida {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .mano, .-toda-la-vida .cuerpo-toda-la-vida .tu-eliges {
    display: none;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .risi-llevamos {
    order: -15;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .primera-fabrica {
    order: -14;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .texto-1970 {
    order: -13;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .mejores-ingredientes {
    order: -12;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .image-mejores-ingredientes {
    max-width: 95%;
    order: -11;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .imagen-aire {
    display: none;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .show-popup {
    display: inline-block;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .fabrica {
    display: none;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .patatas-toda-la-vida {
    margin-top: 0;
    max-width: 100%;
  }
  .encabezado-producto .de-toda-la-vida {
    max-width: 90%;
  }
  .-toda-la-vida .encabezado-producto {
    min-height: 550px;
    padding-top: 350px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .no-secretos {
    max-width: 95%;
  }
  .wrapper-producto .marco-amarillo {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .-infantiles .producto-info-container .contenedor-producto {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
  }
  .imagenes-extra {
    display: none;
  }
  .patatas {
    top: 0px;
  }
  .container-title {
    margin-top: 80px;
  }
  .main-conducta .contenedor-datos-contacto {
    text-align: left;
  }
  .main-conducta .contenedor-datos-contacto .datos-contacto {
    text-align: center;
  }
  .encabezado-conducta .palomita-sociedad {
    display: none;
  }
  .encabezado-conducta .polaroid-sociedad {
    display: none;
  }
  .encabezado-conducta .palomita2-sociedad {
    left: 20px;
  }
  [route=codigo-conducta] .main-conducta {
    display: none;
  }
  .encabezado-conducta.-big {
    height: 80vh;
    max-height: initial;
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .encabezado-conducta.-big .big-title {
    margin-bottom: 60px;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta {
    position: relative;
    transform: none;
    left: auto;
    top: auto;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(7), .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(6), .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(5) {
    width: 33.3333%;
  }
  .smalls-container[data=celebramos] {
    display: none;
  }
  .contigo-el[data=logo-50], .contigo-el[data=moto-amarilla], .contigo-el[data=ahora] {
    width: 33.33333%;
    height: 33.333333vw;
  }
  .contigo-el[data=trio-bolsas], .contigo-el[data=ipad] {
    display: none;
  }
  .contigo-el[data=nino-rayas] {
    display: none;
  }
  .contigo-el[data=furgoneta-risi] {
    display: none;
  }
  .contigo-el[data=logo-50].mvl {
    display: flex;
  }
  .contigo-el[data=logo-50].mvl .contenedor-logo-50 {
    animation-delay: 0s;
    padding: 15px;
  }
  .contigo-el[data=logo-50].mvl .contenedor-logo-50 img {
    animation-delay: 0.5s;
  }
  .contigo-el[data=ahora] span:nth-child(1) {
    font-size: 7.5vw;
  }
  .contigo-el[data=ahora] span:nth-child(2) {
    font-size: 5.1vw;
  }
  .contigo-el[data=ahora] span:nth-child(3) {
    font-size: 6.1vw;
  }
  .contigo-el[data=cambiado], .contigo-el[data=bolsa-gusanitos] {
    width: 50%;
    height: 50vw;
  }
  .contigo-el[data=cambiado] p, .contigo-el[data=bolsa-gusanitos] p {
    font-size: calc(14px + 3.2vw);
  }
  .contigo-el[data=triskys] {
    display: none;
  }
  .contigo-el[data=video] {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .contigo-el[data=video] h2 {
    font-size: 4.5vw;
    max-width: 42vw;
  }
  .contigo-el video {
    height: 50vw;
    margin-top: 20px;
    min-height: 0;
  }
  .contigo-el .chica-promociones {
    max-height: 95vw;
    right: -30vw;
    animation-delay: 2s;
  }
  .contigo-el.big.-three {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .contigo-el .personajes-risketos {
    z-index: 5;
  }
  .contigo-el[data=ninos] {
    display: none;
  }
  .contigo-el[data=proximos] {
    width: 100%;
    padding: 70px 20px 120px 20px;
    height: auto;
  }
  .contigo-el[data=chica-abanico] {
    width: 100%;
    height: 100vw;
  }
  .contigo-el[data=bandera-risi] {
    width: 100%;
    height: 100vw;
  }
  .contigo-el[data=bandera-risi] .contenedor-productos {
    display: none;
  }
  .smalls-container.-adn {
    width: 100%;
  }
  .smalls-container.-adn .contigo-el {
    height: 50vw;
  }
  .smalls-container.-adn .contigo-el .texto-centrado {
    font-size: 6vw;
  }
  .contigo-el[data=actitud] {
    width: 100%;
    height: 100vw;
    order: -1;
  }
  .contigo-el .gusanito-astronauta {
    max-height: 70vw;
  }
  .contigo-el .title {
    font-size: 9.8vw;
  }
  .contigo-el[data=actitud] .title {
    max-width: 560px;
  }
  .smalls-container[data=actitud-positiva] {
    width: 100%;
  }
  .smalls-container[data=actitud-positiva] .contigo-el {
    height: 50vw;
  }
  .smalls-container[data=actitud-positiva] .contigo-el[data=nino-emoji] {
    display: none;
  }
  .smalls-container[data=actitud-positiva] .contigo-el[data=chica-corazon] {
    display: none;
  }
  .smalls-container[data=actitud-positiva] .contigo-el[data=sonrisa] {
    background: url(https://risi.es/static/img/ahora-siempre/chica-corazon.jpg) center/cover no-repeat;
    order: -1;
  }
  .smalls-container[data=actitud-positiva] .contigo-el[data=sonrisa]::before {
    display: none;
  }
  .smalls-container[data=actitud-positiva] .contigo-el[data=sonrisa] h2 span.big {
    font-size: 8.5vw;
  }
  .smalls-container[data=actitud-positiva] .contigo-el[data=sonrisa] h2 span {
    font-size: 8.1vw;
  }
  .contigo-el[data=apuesta] {
    width: 100%;
    height: auto;
  }
  .contigo-el[data=apuesta] .title {
    max-width: 100%;
  }
  .contigo-el[data=apuesta] .montana-palomitas-choco {
    display: none;
  }
  .smalls-container[data=innovacion] {
    width: 100%;
  }
  .smalls-container[data=innovacion] .contigo-el {
    height: 33.333333vw;
    width: 33.33333%;
  }
  .smalls-container[data=innovacion] .contigo-el[data=fabrica-arriba] {
    display: none;
  }
  .smalls-container[data=innovacion] .contigo-el[data=trikers] {
    order: -1;
  }
  .smalls-container[data=innovacion] .contigo-el[data=mios] {
    order: 3;
  }
  .contigo-el .mio-espinacas, .contigo-el .mio-chia {
    max-width: 23vw;
  }
  .contigo-el .mio {
    min-width: 12vw;
  }
  .contigo-el .trikers {
    max-width: 29vw;
  }
  .contigo-el .trikers-producto {
    max-width: 21vw;
  }
  .contigo-el[data=galletas] {
    width: 100%;
    order: -1;
    height: auto;
    padding-bottom: 25vw;
  }
  .contigo-el[data=galletas] p {
    font-size: 5.5vw;
  }
  .contigo-el[data=galletas] p.small {
    font-size: 4.5vw;
  }
  .contigo-el[data=galletas] p.small strong {
    width: 100%;
    display: inline-block;
    font-size: 5.5vw;
  }
  .contigo-el[data=galletas] .year {
    font-size: 20vw;
  }
  .contigo-el .montana-mix {
    top: 20px;
    max-width: 17vw;
  }
  .smalls-container[data=nuevas] {
    width: 100%;
    position: relative;
  }
  .smalls-container[data=nuevas] .contigo-el {
    width: 33.333333%;
    height: 33.33333vw;
  }
  .smalls-container[data=nuevas] .contigo-el[data=montana-galletas] {
    position: static;
    width: 0;
  }
  .smalls-container[data=nuevas] .montana-galletas {
    left: 0;
    top: auto;
    top: -13vw;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 28vw;
  }
  .contigo-el[data=chica-pelo-corto] {
    order: -1;
  }
  .contigo-el[data=chico-galletas] {
    order: 2;
  }
  .contigo-el .chico-galletas {
    max-width: 43vw;
  }
  .contigo-el .gajo-limon {
    max-width: 8vw;
  }
  .contigo-el .montana-gajos {
    width: 100%;
  }
  [route=home] .contigo-el[data=kiosko], [route=home] .contigo-el[data=bolsa-gusanitos], [route=home] .contigo-el[data=trio-bolsas], [route=home] .contigo-el[data=ipad], [route=home] .contigo-el[data=chico-triskys], [route=home] .contigo-el[data=furgoneta-risi], [route=snacks] .contigo-el[data=kiosko], [route=snacks] .contigo-el[data=bolsa-gusanitos], [route=snacks] .contigo-el[data=trio-bolsas], [route=snacks] .contigo-el[data=ipad], [route=snacks] .contigo-el[data=chico-triskys], [route=snacks] .contigo-el[data=furgoneta-risi] {
    width: 33.333333%;
    height: 33.3333333vw;
  }
  [route=home] .contigo-el[data=trio-bolsas], [route=home] .contigo-el[data=ipad], [route=home] .contigo-el[data=furgoneta-risi], [route=snacks] .contigo-el[data=trio-bolsas], [route=snacks] .contigo-el[data=ipad], [route=snacks] .contigo-el[data=furgoneta-risi] {
    display: inline-block;
  }
  [route=home] .contigo-el[empty=true], [route=snacks] .contigo-el[empty=true] {
    display: none;
  }
  [route=home] .chica-promociones, [route=snacks] .chica-promociones {
    max-width: 75vw;
  }
  [route=snacks] .chica-promociones {
    display: none;
  }
  .-slide-13 .contenido-slide {
    align-items: flex-start;
    padding-top: 160px;
  }
  .banner-placersofia .contenedor-productos .btn {
    right: -250px;
    bottom: 140px;
  }
  .banner-placersofia .contenedor-productos {
    max-width: 450px;
    min-height: 0;
    height: 400px;
  }
  .banner-placersofia .contenedor-productos .chia {
    max-width: 135px;
  }
  .banner-placersofia .contenedor-productos .cebolla {
    max-width: 135px;
    display: block !important;
  }
  .banner-placersofia .contenedor-productos .espinaca {
    max-width: 142px;
    margin-left: -71px;
  }
  .banner-placersofia .contenedor-productos .titulo {
    left: 0;
    margin-left: 0;
    max-width: 100%;
    top: 20px;
  }
  .contenido-slide.patatas {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
    top: 0px;
  }
  .producto-info-container .contenedor-producto .producto-cont {
    width: 100%;
  }
  .patatas div.contenedor-texto.once {
    width: 100%;
  }
  .bolsas-patatas {
    width: 43%;
    margin-top: 0px;
  }
  .contenido-slide {
    padding-bottom: 0px !important;
  }
  .patatas img {
    width: 59%;
    margin-top: -132px;
  }
  .-exportacion .mt-160 {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 900px) {
  .producto-home {
    height: auto;
    padding: 50px 0;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .producto-home .container-title {
    margin-top: 0;
    position: relative;
    top: auto;
  }
  .producto-home .contenedor-ruleta {
    padding: 20px;
    top: 8rem;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .producto-home .contenedor-ruleta .contenedor-imagen {
    display: none;
  }
  .producto-home .contenedor-ruleta .boton {
    position: relative;
    opacity: 1;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 10px;
    width: 33% !important;
  }
  .boton:nth-of-type(1) {
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  .boton:nth-of-type(2) {
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  .boton:nth-of-type(3) {
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  .boton:nth-of-type(4) {
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  .boton:nth-of-type(5) {
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  .producto-home .contenedor-boton {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
  }
  .producto-home .contenedor-boton .contenedor-espiral {
    display: none;
  }
  .Cookie.Cookie--cookies-bar {
    justify-content: flex-end;
  }
  .Cookie__content {
    width: 100%;
  }
  .Cookie__buttons {
    width: 100%;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .producto-home {
    min-height: 0;
    height: auto;
  }
  .-snacks .slick-arrow.slick-prev {
    left: 10px;
    z-index: 5;
  }
  .-snacks .slick-arrow {
    right: 10px;
    z-index: 5;
  }
  .encabezado-conducta .cohete-gusanito {
    max-width: 130px;
  }
  .encabezado-conducta .astronauta {
    max-width: 80px;
    right: 30px;
  }
  .encabezado-conducta .jetpack {
    max-width: 60px;
  }
  [route=risi-y-consumidores] .big-title.-m {
    font-size: 9vw;
  }
  .main-conducta .intro-consumidores p {
    font-size: 24px;
  }
  .encabezado-conducta .furgon-clientes {
    display: none;
  }
  .contenedor-preguntas-eticas .consulta .line {
    display: none;
  }
  .contenedor-preguntas-eticas .consulta {
    padding-left: 0;
    transform: none;
    transform: translateX(-50%);
    bottom: 70px;
  }
  .contenedor-preguntas-eticas[padding=true] {
    padding-bottom: 320px;
  }
  .contenedor-preguntas-eticas .consulta.-negativa {
    transform: translateX(-50%);
  }
  .-toda-la-vida .encabezado-producto {
    padding-top: 280px;
    height: auto;
  }
  .-patatas-onduladas .encabezado-producto, .-patatas-originales .encabezado-producto, .-selectas .encabezado-producto {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  .banner-placersofia .contenedor-productos .btn {
    bottom: 70px;
  }
  .banner-placersofia .contenedor-productos {
    height: 330px;
  }
  .banner-placersofia .btn.-action {
    font-size: 28px;
    height: 60px;
    line-height: 60px;
  }
  .banner-placersofia .contenedor-productos .btn {
    right: -200px;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire h3 {
    font-size: 28px;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire h3 .a-tope-patatas {
    max-width: 190px;
  }
  .-infantiles .producto-info-container .contenedor-producto {
    left: 0px !important;
    position: relative;
  }
  .-slide-15 .contenedor-texto {
    padding-left: 10px;
  }
  .-slide-15 .imagenes-extra-kids .cajas-kids {
    max-width: 380px;
    left: 20%;
  }
}
@media screen and (max-width: 850px) {
  .ahora-contigo .slick-prev.slick-arrow, .ahora-contigo .slick-next.slick-arrow {
    top: calc(50% - 20px);
    width: 30px;
    height: 30px;
    background-size: 20px;
    z-index: 5;
  }
  .container-extra.active-box .box-image {
    width: calc(50% - 30px);
  }
  .container-uno a {
    width: calc(50% - 30px) !important;
  }
  .-decoracion {
    display: none;
  }
  .carta-presidente .contenedor-texto, .carta-presidente .folio-1, .carta-presidente .folio-2 {
    max-width: 600px;
  }
  .tip-conducta .nerd {
    z-index: 2;
    left: 10px;
    bottom: -15px;
  }
  .tip-conducta .jetpack {
    right: 20px;
    top: -100px;
  }
  .encabezado-conducta .mazo-etico {
    display: none;
  }
  [route=cumplimiento-etico] .big-title.-m {
    font-size: 10vw;
  }
  .contenedor-preguntas-eticas .pregunta-etica .line {
    display: none;
  }
  .encabezado-conducta {
    min-height: 400px;
  }
  .header-descargas h1 span {
    font-size: 80px;
  }
  .header-descargas h1 span:first-child {
    font-size: 60px;
  }
  .wrapper-producto .cono-patatas-originales, .wrapper-producto .chica-moto-originales, .wrapper-producto .chica-onduladas, .wrapper-producto .ola-onduladas {
    display: none;
  }
  .wrapper-producto .logo-patatas {
    max-width: 60vw;
    position: relative;
    left: auto;
    transform: none;
    top: auto;
    order: -1;
  }
  .-toda-la-vida .encabezado-producto {
    padding-top: 0;
    min-height: 0;
    padding-bottom: 50px;
  }
  .encabezado-producto .de-toda-la-vida {
    max-width: 70%;
  }
  .wrapper-producto .logo-originales {
    max-width: 70vw;
    transform: none;
    position: relative;
    left: auto;
    bottom: auto;
  }
}
@media screen and (max-width: 800px) {
  .claim-intro h1 {
    font-size: 28px;
    line-height: 36px;
    max-width: 400px;
  }
  .producto-info-container .contenedor-producto .second-decoration {
    display: none;
  }
  .producto-info-container .contenedor-producto .inferior-izquierda {
    display: none;
  }
  .producto-info-container .contenedor-producto .second-line {
    max-height: 70px;
    bottom: -86px;
  }
  .producto-info-container .contenedor-producto {
    margin-bottom: 50px;
  }
  .producto-info-container .contenedor-producto .superior-izquierda {
    display: none;
  }
  .producto-info-container .contenedor-producto .absoluta-derecha {
    display: none;
  }
  .contenedor-ruleta .boton {
    opacity: 1;
  }
  .contenedor-ruleta .boton img {
    opacity: 1;
  }
  .contenedor-ruleta .boton img.color {
    opacity: 1;
  }
  .producto-home.-snacks .boton img:not(.color) {
    display: block;
  }
  .rrss-cont {
    margin-top: 0;
  }
  .rrss-cont .contenedor-rrss-follow {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .rrss-cont .contenedor-linea-gif {
    display: none;
  }
  .padding-menu {
    padding-top: 59px;
  }
  .encabezado-conducta .cohete-gusanito {
    display: none;
  }
  .encabezado-conducta .astronauta {
    right: 10px;
    max-width: 60px;
    bottom: auto;
    top: 140px;
  }
  .encabezado-conducta .jetpack {
    right: 30px;
  }
  .encabezado-conducta .palomita-empleados {
    display: none;
  }
  .encabezado-conducta .chica-empleados {
    display: none;
  }
  .encabezado-conducta .risi-boy {
    bottom: -5px;
    max-width: 30vw;
  }
  .main-conducta .contenedor-datos-contacto .contenedor-imagen .telefono {
    max-width: 500px;
  }
  .main-conducta .contenedor-datos-contacto .datos-contacto {
    top: 100px;
    left: 150px;
  }
  .main-conducta .contenedor-datos-contacto .datos-contacto a img {
    max-width: 20px;
  }
  .-risiconsumidores .main-conducta {
    overflow: hidden;
  }
  .main-conducta .contenedor-carpeta .carpeta, .main-conducta .contenedor-carpeta .carpeta-superior {
    max-width: 200px;
  }
  .main-conducta .contenedor-carpeta .download .btn-descargar {
    font-size: 20px;
  }
  .main-conducta .contenedor-texto h2 {
    font-size: 24px;
    line-height: 26px;
    width: auto;
  }
  .-slide-13 .contenido-slide .logo-blanco {
    position: absolute;
    right: 0;
    top: 130px;
    max-width: 30vw;
    right: 30px;
  }
  .-slide-13 .contenido-slide .espiral {
    display: none;
  }
  .acceso-patata .chica-selectas {
    margin-left: -448px;
  }
  .acceso-patata .carretilla {
    margin-right: -381px;
  }
  .-toda-la-vida .cover .popup {
    padding-top: 80px;
    max-height: 90vh;
    overflow: scroll;
  }
  .-toda-la-vida .cover .popup p {
    margin-top: 10px;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .patatas {
    position: relative;
    top: 0px;
  }
  div.contenedor-texto.once {
    padding: 0px !important;
  }
  .patatas.contenedor-texto.once {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .bolsas-patatas {
    width: 42%;
  }
  .contenido-slide.patatas {
    width: 100%;
    position: relative;
    top: 2px;
  }
  .big-title {
    font-size: 100px;
  }
  [route=carta-del-presidente] .big-title {
    font-size: 16vw;
  }
  .breadcrumb {
    padding: 0 10px;
  }
  .encabezado-producto {
    height: 150px;
  }
  .claim-intro {
    padding-bottom: 100px;
  }
  .claim-intro .img-left {
    left: 0px;
  }
  .claim-intro .img-right {
    right: -100px;
  }
  .producto-info-container {
    padding-top: 0px;
  }
  .producto-info-container .contenedor-producto .producto-cont {
    width: 100%;
  }
  .producto-info-container .stickers-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .producto-info-container .stickers-container .sticker {
    max-width: 600px;
    max-height: 80px;
    padding: 0 10px;
  }
  .producto-info-container .stickers-container .sticker img {
    width: 100%;
  }
  .-chocolate .producto-info-container .contenedor-producto {
    width: 100%;
    margin: 65px auto 0px auto;
    position: relative;
    max-width: 1600px;
  }
  .-desayuno .producto-info-container .stickers-container .sticker {
    width: 123px !important;
    max-width: 170px;
  }
  .-infantiles .producto-info-container .stickers-container .sticker {
    max-width: 310px !important;
  }
  .-infantiles .producto-info-container .stickers-container .sticker img {
    width: 127px !important;
  }
  .desplegable-el header h2 {
    font-size: 24px;
  }
  .encabezado-conducta .breadcrumb {
    display: none;
  }
  .encabezado-conducta .risi-boy-clientes {
    display: none;
  }
  .contenedor-preguntas-eticas .hazlo img {
    max-width: 230px;
  }
  .main-conducta .intro-consumidores p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
  }
  .main-conducta .intro-consumidores {
    padding: 20px;
  }
  .padding-menu {
    padding-top: 45px;
  }
  .-chocolate .stickers-container + .contenedor-producto {
    padding-top: 126px !important;
  }
  .-chocolate.-galleta .stickers-container + .contenedor-producto {
    padding-top: 10px !important;
  }
  .content-table {
    overflow-x: auto;
  }
  .content-table .table tbody {
    overflow-x: scroll !important;
  }
  .-slide-15 .contenedor-texto {
    width: 100% !important;
  }
  .-slide-15 .nikoala {
    position: absolute;
    bottom: 15%;
    position: absolute;
    z-index: 1;
  }
  .-slide-15 .imagenes-extra-kids .cajas-kids {
    bottom: 25%;
    left: 15%;
  }
  .-slide-15 .imagenes-extra-kids .nube-kids, .-slide-15 .imagenes-extra-kids .luna-kids {
    display: none;
  }
}
@media screen and (max-width: 730px) {
  .tip-conducta {
    margin: 20px 0;
  }
  .tip-conducta .numero {
    width: 120px;
    font-size: 100px;
    height: auto;
  }
  .tip-conducta .texto {
    width: calc(100% - 120px);
    padding-right: 50px;
  }
  .tip-conducta .texto h2 {
    margin-bottom: 10px;
  }
  .tip-conducta .nerd.animated {
    display: none;
  }
  .tip-conducta .pirata {
    max-width: 70px;
    top: -120px;
    right: -10px;
  }
  .tip-conducta .jetpack {
    right: 0px;
    top: -90px;
  }
  .encabezado-conducta .jetpack {
    display: none;
  }
  .encabezado-conducta .astronauta {
    display: none;
  }
  .big-title.-m {
    font-size: 16vw;
  }
  [route=risi-y-sus-empleados] .big-title.-m {
    font-size: 14vw;
  }
  [route=risi-y-consumidores] .big-title.-m {
    font-size: 12vw;
  }
  [route=risi-y-sus-proveedores] .big-title.-m {
    font-size: 10vw;
  }
  .encabezado-conducta .subtitle {
    font-size: 5vw;
  }
  .contenedor-libreta .contenedor-texto {
    max-width: 530px;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta {
    padding: 0;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(1) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(2) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(3) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(4) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(5) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(6) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a:nth-child(7) {
    max-width: 100%;
    width: 100%;
  }
  .encabezado-conducta .volver {
    font-size: 0;
    padding: 0 10px;
  }
  .encabezado-conducta .volver img {
    margin-right: 0;
  }
  .encabezado-conducta .palomita2-sociedad, .encabezado-conducta .palomita3-sociedad {
    display: none;
  }
  .cuadros-fabrica article {
    width: 100%;
    min-height: 0;
  }
  .cuadros-fabrica article.persona {
    min-height: 300px;
    width: 100%;
  }
  .cuadros-fabrica article.direccion {
    width: 100%;
  }
  .encabezado-conducta .decoracion-fabrica {
    display: none;
  }
  .cuadros-fabrica article.producto h2 {
    font-size: 24px;
  }
  .cuadros-fabrica article {
    padding: 25px;
  }
  .cuadros-fabrica article.mapa .productos {
    transform: translate(-30%, -100%);
  }
  .contenedor-certificados {
    padding: 20px;
  }
  .contenedor-certificados h3 {
    font-size: 18px;
  }
  .header-descargas h1 span {
    font-size: 60px;
  }
  .header-descargas h1 span:first-child {
    font-size: 40px;
  }
  .banner-placersofia .contenedor-productos .btn {
    left: 0;
    bottom: -100px;
    right: auto;
  }
  .banner-placersofia .contenedor-productos {
    margin-bottom: 150px;
    margin-top: 50px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .texto-1970 {
    padding-right: 80px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .texto-1970 .imagenes-origenes {
    max-width: 250px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .texto-1970 .t-1970 {
    max-width: 100px;
    top: 60px;
  }
  .-toda-la-vida .cuerpo-toda-la-vida .texto-1970 .bolsa-origenes {
    position: absolute;
    top: 100px;
    left: 130px;
    z-index: 3;
    max-width: 141px;
  }
  .contenedor-view {
    min-height: 0;
  }
  .main-conducta .contenedor-carpeta {
    left: 20%;
  }
  .main-conducta .contenedor-carpeta .carpeta, .main-conducta .contenedor-carpeta .carpeta-superior {
    max-width: 200px;
  }
  .main-conducta .contenedor-carpeta .download .btn-descargar {
    font-size: 16px;
  }
  .main-conducta .contenedor-texto {
    padding: 60px 0;
  }
  .main-conducta .contenedor-texto h2 {
    font-size: 24px;
    line-height: 26px;
    width: auto;
  }
}
@media screen and (max-width: 630px) {
  .carta-presidente .contenedor-texto, .carta-presidente .folio-1, .carta-presidente .folio-2 {
    max-width: 450px;
  }
  .contenedor-libreta {
    margin-top: 20px;
    transform: none;
    width: 100%;
  }
  .contenedor-libreta .libreta-cerrada {
    background: url(https://risi.es/static/img/codigo-conducta/libreta-cerrada-vertical.png) center/auto 100% no-repeat;
  }
  .contenedor-libreta .libreta-cerrada h2 {
    font-size: 36px;
    margin-bottom: 20px;
    max-width: 260px;
  }
  .contenedor-libreta .libreta-cerrada img {
    max-width: 150px;
    margin-bottom: 20px;
  }
  .contenedor-libreta .libreta-cerrada .btn {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    height: 60px;
    line-height: 60px;
  }
  .contenedor-libreta .contenedor-texto {
    float: right;
    max-width: 90%;
    padding-right: 10px;
    padding-left: 30px;
  }
  .acceso-patata[data=fuera] .container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .acceso-patata[data=fuera] .container h1 {
    margin-bottom: 50px;
  }
  .acceso-patata .chica-selectas {
    display: none;
  }
  .acceso-patata .carretilla, .acceso-patata .patata-ondulada, .acceso-patata .patinete-ondulada, .acceso-patata .patatas-perejil, .acceso-patata .cono-patatas, .acceso-patata .globo, .acceso-patata .furgo-espana {
    display: none;
  }
  .acceso-patata {
    min-height: 200px;
    height: 40vw;
  }
  .logo-selectas, .logo-originales-intro, .logo-onduladas, .logo-toda-la-vida {
    max-width: 60vw;
  }
  .-patatas-originales .encabezado-producto, .-patatas-onduladas .encabezado-producto {
    height: 80vw;
  }
  .-patatas-onduladas .encabezado-producto, .-patatas-originales .encabezado-producto, .-selectas .encabezado-producto {
    min-height: 400px;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .toggle {
    width: 25px;
    height: 25px;
  }
  .patatas div.contenedor-texto.once {
    padding: 0px;
    margin-top: 122px;
  }
  .patatas img {
    width: 86%;
  }
  .bolsas-patatas {
    margin-left: 0px;
  }
  .contenido.slide.patatas {
    position: relative;
    top: 40px !important;
  }
  .claim-intro {
    padding-bottom: 20px;
  }
  .claim-intro h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .producto-info-container .contenedor-producto .producto-cont {
    width: 100%;
  }
  .producto-info-container .contenedor-producto .producto-cont[how=bsan-singluten-infantil] {
    width: 100%;
  }
  .desplegable-el header {
    padding-left: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 60px;
  }
  .desplegable-el header h2 {
    font-size: 20px;
  }
  .desplegable-el header::before {
    width: 80px;
    background-size: 40px;
  }
  .desplegable-el header button {
    height: 30px;
    width: 30px;
    background-size: 30px;
    margin-top: -15px;
    right: 20px;
  }
  .main-conducta .montana-patatas {
    max-width: 90vw;
  }
  .contenedor-preguntas-eticas .pregunta-etica {
    padding-top: 80px;
  }
  .cuadros-fabrica.-loeches .producto {
    min-height: 540px;
  }
  .contigo-el {
    min-height: 0;
  }
  .contigo-el[data=logo-50] {
    padding: 14px;
  }
  .contigo-el[data=logo-50] .contenedor-logo-50 {
    padding: 7px;
  }
  .contigo-el[data=video] {
    padding: 14px;
    padding-bottom: 60px;
  }
  .contigo-el iframe {
    min-height: 0;
    margin-top: 0;
  }
  .contigo-el .personajes-risketos {
    max-width: 25vw;
    top: -15vw;
    right: -10vw;
  }
  .contigo-el[data=cambiado] {
    padding: 14px;
  }
  .contigo-el[data=cambiado] p {
    font-size: calc(14px + 2.3vw);
  }
  .contigo-el .gusanitos-ilustracion {
    max-width: 20vw;
    right: 4vw;
  }
  .contigo-el[data=actitud], .contigo-el[data=bandera-risi], .contigo-el[data=apuesta] {
    padding: 30px 14px;
    overflow: hidden;
  }
  .contigo-el .title {
    padding-left: 11vw;
  }
  .contigo-el .title span {
    font-size: 10vw;
  }
  .contigo-el[data=video] h1 {
    animation-delay: 0.5s;
  }
  .contigo-el[data=video] h2 {
    animation-delay: 0.5s;
  }
  .contigo-el[data=galletas] {
    padding-top: 20px;
    overflow: hidden;
  }
  .contigo-el[data=galletas] p.small strong {
    margin-top: 4px;
  }
  .contigo-el[data=galletas] p {
    margin-bottom: 20px;
  }
  .contigo-el[data=proximos] {
    padding: 30px 14px;
    padding-bottom: 60px;
  }
  .contigo-el[data=proximos] h2 {
    text-align: left;
    font-size: 18px;
    line-height: 1.2em;
  }
  .contigo-el[data=proximos] p {
    font-size: 16px;
    line-height: 1.2em;
  }
  .contigo-el .palomita {
    max-width: 66.5px;
    right: 8vw;
    top: 60%;
  }
  .contigo-el .trisky {
    max-width: 42.5px;
    left: 8vw;
    top: 60%;
  }
  .-slide-13 .contenido-slide {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 100px;
  }
  .-slide-13 .contenido-slide .contenedor-breadcrumb {
    display: inline-block;
  }
  .-slide-13 .contenido-slide .contenedor-texto {
    width: 100%;
  }
  .-slide-13 .contenido-slide .logo-blanco {
    position: relative;
    right: auto;
    top: auto;
    order: -1;
    margin-bottom: 20px;
  }
  .-slide-13 .contenido-slide .chica-promociones {
    display: none;
  }
  .bolsas-patatas {
    width: 64%;
    margin-top: 191px;
  }
  .patatas div.contenedor-texto.once {
    margin-bottom: 0px;
    width: 100%;
  }
  .contenido-slide.patatas {
    padding-bottom: 0px;
    width: 100%;
    position: relative;
    z-index: 2;
    height: 100%;
    top: 0px;
  }
  .-slide-15 .contenedor-texto {
    margin-top: 50px;
  }
  .-slide-15 .imagenes-extra-kids .cajas-kids {
    max-width: 300px;
  }
  .-slide-15 .imagenes-extra-kids .galletas-kids {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .contenedor-producto.tanzania {
    margin-bottom: 120px !important;
  }
  .intro-patatas {
    margin-top: 105px;
  }
  .bolsas-patatas {
    width: 66%;
    margin-top: 176px;
  }
  .big-title {
    font-size: 50px !important;
  }
  .producto-info-container {
    padding-bottom: 50px;
  }
  .contenido-slide.patatas {
    position: relative;
    top: 65px;
  }
  .producto-home {
    min-height: 0;
  }
  .producto-home .big-title {
    font-size: 64px;
  }
  .producto-home .contenedor-ruleta .boton {
    width: 100%;
    margin: 5px 0 !important;
    height: auto;
    opacity: 1;
    min-height: 100px;
  }
  .producto-home .contenedor-ruleta .boton img {
    max-width: 150px;
    max-height: 100px;
    opacity: 1;
  }
  .producto-home .contenedor-ruleta .boton img.color {
    opacity: 1;
  }
  .producto-home .contenedor-ruleta .boton h2 {
    font-size: 25px;
  }
  .producto-home .contenedor-ruleta .boton[data=desayuno] {
    order: -1;
  }
  .producto-home.-galletas .contenedor-ruleta .boton {
    margin: 10px 0 !important;
  }
  .encabezado-producto {
    margin-top: -1px;
  }
  .encabezado-producto .volver {
    display: none;
  }
  .encabezado-producto .breadcrumb {
    font-size: 11px;
  }
  .contenedor-breadcrumb, .breadcrumb {
    display: none;
  }
  .container-title {
    margin-top: 40px;
  }
  .Cookie__buttons {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: flex-end;
    padding-right: 100px;
    margin: 0 !important;
  }
  .Cookie > .Cookie__content {
    margin: 0;
  }
  .Cookie.Cookie--cookies-bar .btn {
    max-width: 150px;
  }
  .Cookie.Cookie--cookies-bar .pirata {
    top: -110px;
  }
  .Cookie.Cookie--cookies-bar {
    padding: 10px;
  }
  .Cookie.Cookie--cookies-bar .texto {
    max-width: 300px;
    position: absolute;
    right: 50px;
    top: -330px;
  }
  .desplegable-el header {
    padding-left: 80px;
  }
  .desplegable-el header button {
    right: 10px;
  }
  .carta-presidente[show=true] .contenedor-texto {
    transform: none;
    transition-delay: 0.2s;
  }
  .carta-presidente .folio-1, .carta-presidente .folio-2 {
    display: none;
  }
  .carta-presidente .contenedor-texto {
    padding: 25px 15px;
    max-width: 100%;
  }
  .carta-presidente .contenedor-texto p {
    font-size: 14px;
    margin-bottom: 7px;
  }
  .carta-presidente .contenedor-texto h4 {
    text-align: left;
    width: auto;
    display: inline-block;
  }
  @keyframes boli {
    from {
      transform: translate(0%);
    }
    10% {
      transform: translateX(10%) translateY(5px) rotate(-2deg);
    }
    20% {
      transform: translateX(20%) translateY(-10px);
    }
    30% {
      transform: translateX(30%) translateY(5px) rotate(-2deg);
    }
    40% {
      transform: translateX(40%) translateY(-10px);
    }
    50% {
      transform: translateX(50%) translateY(5px) rotate(-2deg);
    }
    60% {
      transform: translateX(60%) translateY(-10px);
    }
    70% {
      transform: translateX(70%) translateY(5px) rotate(-2deg);
    }
    80% {
      transform: translateX(80%) translateY(-10px);
    }
    90% {
      transform: translateX(90%) translateY(5px) rotate(-2deg);
      opacity: 1;
    }
    to {
      transform: translateX(100%);
      opacity: 0;
      pointer-events: none;
    }
  }
  .encabezado-conducta .tierra {
    display: none;
  }
  .encabezado-conducta {
    min-height: 300px;
    padding-bottom: 10px;
  }
  .contenedor-libreta .libreta-cerrada {
    height: 100vw;
  }
  .contenedor-libreta .libreta-cerrada h2 {
    font-size: 6vw;
    max-width: 50vw;
  }
  .contenedor-libreta .libreta-cerrada img {
    max-width: 40vw;
  }
  .main-conducta .contenedor-datos-contacto .contenedor-imagen {
    transform: translateX(-50px);
  }
  .contenedor-texto-clientes {
    padding-top: 60px;
    transform: none;
  }
  .contenedor-texto-clientes .texto-clientes {
    transform: none;
    padding: 20px;
    box-shadow: 2px 3px 15px 0px rgba(45, 45, 45, 0.3);
  }
  .contenedor-texto-clientes .texto-clientes::before {
    display: none;
  }
  .contenedor-texto-clientes .texto-clientes::after {
    display: none;
  }
  .-risiconsumidores .main-conducta .contenedor-texto-cliente .texto-cliente {
    padding: 20px 20px 0 20px;
  }
  .-risiconsumidores .main-conducta .contenedor-texto-cliente .texto-cliente p {
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 15px;
  }
  .contenedor-preguntas-eticas {
    margin-top: 40px;
  }
  .contenedor-preguntas-eticas .pregunta-etica h2 {
    font-size: 22px;
    line-height: 26px;
    padding: 15px 15px 60px 15px;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button {
    height: 95px;
    width: 95px;
    min-height: 0;
    font-size: 26px;
    line-height: 26px;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.no::before {
    background-size: 65px;
    width: 65px;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button.maybe::before {
    background-size: 130px;
    width: 100px;
  }
  .contenedor-preguntas-eticas .consulta {
    max-width: 100%;
    bottom: 0;
  }
  .contenedor-preguntas-eticas .consulta h2 {
    font-size: 30px;
  }
  .contenedor-preguntas-eticas .consulta.-negativa {
    bottom: 0;
  }
  .contenedor-preguntas-eticas[padding=true] {
    padding-bottom: 220px;
  }
  .contenedor-preguntas-eticas .hazlo h2 {
    font-size: 70px;
  }
  .contenedor-preguntas-eticas .hazlo img {
    max-width: 170px;
    right: -50%;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta {
    padding: 0;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .encabezado-conducta.-big .big-title {
    margin-bottom: 20px;
  }
  .encabezado-conducta.-big {
    min-height: 650px;
  }
  [route=carta-del-presidente] .big-title {
    font-size: 25vw;
  }
  .contenedor-certificados-grandes article {
    width: 100%;
  }
  .header-descargas {
    margin-top: 25px;
  }
  .header-descargas h1 span {
    font-size: 60px;
  }
  .header-descargas h1 span:first-child {
    font-size: 40px;
  }
  .acceso-patata[data=fuera] h2 .small {
    font-size: 24px;
  }
  .acceso-patata[data=fuera] h2 .big {
    font-size: 47px;
  }
  .acceso-patata[data=fuera] {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
  .-toda-la-vida .cover .popup {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
  }
  .-toda-la-vida .cover .popup p {
    font-size: 14px;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire .imagen {
    padding-left: 0;
  }
  .-toda-la-vida .cover .popup .close {
    top: 10px;
  }
  .-toda-la-vida .cover .popup .close img {
    width: 30px;
  }
  .contenido-slide {
    padding-bottom: 0px;
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 516px) {
  .bolsas-patatas {
    width: 70%;
    margin-top: 181px;
  }
  .contenido-slide.patatas {
    position: relative;
    top: 57px;
  }
  .main-conducta .contenedor-carpeta {
    left: 30%;
  }
  .main-conducta .contenedor-carpeta .download {
    top: 170px;
    width: 50vw;
    left: 0;
  }
  .main-conducta .contenedor-carpeta .contenedor-texto {
    padding: 80px 0;
  }
}
@media screen and (max-width: 460px) {
  .contenedor-desplegables.container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .desplegable-el header {
    padding-left: 60px;
  }
  .desplegable-el header h2 {
    font-size: 18px;
  }
  .desplegable-el header::before {
    width: 60px;
    background-size: 30px;
  }
  .tip-conducta .numero {
    position: absolute;
    height: 80px;
    width: 80px;
    font-size: 60px;
    left: 0;
    top: 0;
    z-index: 3;
    display: inline-block;
  }
  .tip-conducta .texto {
    width: 100%;
    padding-right: 20px;
    padding-top: 0px;
  }
  .tip-conducta .texto h2 {
    padding-left: 70px;
    font-size: 28px;
    min-height: 80px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .tip-conducta-container:last-of-type .texto h2 {
    font-size: 28px;
  }
  .tip-conducta .jetpack {
    display: none;
  }
  .tip-conducta .pirata {
    display: none;
  }
  .contenedor-libreta .contenedor-texto {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.5);
  }
  .contenedor-libreta .contenedor-texto .tapa {
    display: none;
  }
  .encabezado-conducta .risi-boy {
    display: none;
  }
  .main-conducta .contenedor-datos-contacto {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .main-conducta .contenedor-datos-contacto .contenedor-imagen {
    transform: translateX(-90px);
  }
  [route=home] .btn, [route=snacks] .btn {
    right: 30px;
    bottom: 30px;
  }
  [route=home] .contigo-container {
    overflow: hidden;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire .texto img {
    display: none;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire .texto p {
    width: 100%;
    padding-left: 0;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire .imagen img:last-of-type {
    display: none;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire h3 {
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  .-toda-la-vida .cover .popup .pasos-aire .paso-aire {
    margin-top: 20px;
  }
  .-slide-15 .contenedor-texto {
    margin-top: 140px !important;
  }
  .-slide-15 .imagenes-extra-kids .cajas-kids {
    max-width: 250px;
    left: 10%;
  }
}
@media screen and (max-width: 400px) {
  .big-title {
    font-size: 36px;
  }
  .contenedor-input.triple {
    width: 100%;
  }
  .contenedor-input.middle {
    width: 100%;
  }
  .btn.-action {
    height: 60px;
    line-height: 60px;
    font-size: 30px;
  }
  .Cookie.Cookie--cookies-bar .texto {
    max-width: 250px;
    right: 50px;
    top: -320px;
  }
  .Cookie.Cookie--cookies-bar .bocadillo-cookies {
    width: 250px;
  }
  .Cookie.Cookie--cookies-bar p {
    padding: 20px;
    padding-top: 30px;
    font-size: 16px;
    line-height: 20px;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button {
    padding-bottom: 0;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button::before {
    display: none !important;
  }
  .contenedor-preguntas-eticas .hazlo {
    margin-top: 40px;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas button {
    width: 70px;
    height: 70px;
  }
  .contenedor-preguntas-eticas .pregunta-etica .contenedor-preguntas {
    bottom: 20px;
  }
  .contenedor-preguntas-eticas .pregunta-etica {
    padding-top: 45px;
  }
  .contenedor-preguntas-eticas .hazlo img {
    bottom: -100px;
    right: 50%;
    margin-right: -125px;
    width: 250px;
  }
  .contenedor-dudas-etico a span {
    font-size: 30px;
  }
  .banner-risi-cumple h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .-slide-13 .contenido-slide .logo-blanco {
    max-width: 50vw;
    margin-bottom: 0;
  }
  .-slide-13 .btn {
    font-size: 18px;
    margin-top: 15px;
  }
  .header-descargas h1 span {
    font-size: 40px;
  }
  .header-descargas h1 span:first-child {
    font-size: 25px;
  }
  .banner-placersofia .contenedor-productos {
    height: 250px;
  }
  .banner-placersofia .contenedor-productos .cebolla {
    max-width: 100px;
  }
  .banner-placersofia .contenedor-productos .espinaca {
    max-width: 100px;
    margin-left: -50px;
  }
  .banner-placersofia .contenedor-productos .chia {
    max-width: 100px;
  }
  .-patatas-onduladas .encabezado-producto, .-patatas-originales .encabezado-producto, .-selectas .encabezado-producto {
    min-height: 300px;
    height: auto;
  }
  .btn.-action.file span {
    margin-left: 5px;
    font-size: 10px;
  }
}
@media screen and (max-width: 370px) {
  .tip-conducta .texto {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .tip-conducta .texto h2 {
    padding-left: 60px;
    font-size: 24px;
    min-height: 60px;
  }
  .tip-conducta .numero {
    width: 60px;
    height: 60px;
    font-size: 45px;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta {
    max-width: 230px;
  }
  .encabezado-conducta .contenedor-accesos-codigo-conducta a {
    font-size: 16px;
  }
  .cuadros-fabrica.-loeches .producto {
    min-height: 450px;
  }
  .acceso-patata[data=fuera] {
    padding: 50px 20px;
  }
  .acceso-patata[data=fuera] .container {
    padding: 0;
  }
  .acceso-patata[data=fuera] h2 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .acceso-patata[data=fuera] h2 .big {
    font-size: 50px;
  }
  .acceso-patata[data=fuera] h2 .small {
    font-size: 32px;
  }
}
@media screen and (max-width: 340px) {
  .padding-menu {
    padding-top: 83px;
  }
}
@media screen and (max-height: 700px) {
  .-slide-3 .contenedor-superior {
    margin-top: 50px;
  }
  .-slide-3 .contenedor-inferior {
    margin-top: 20px;
  }
  .-slide-3 .contenedor-inferior .title-historia {
    font-size: 36px;
  }
  .-slide-3 .contenedor-inferior .title-historia span {
    font-size: 36px;
  }
  .-slide-3 .contenedor-inferior .contenedor-texto img {
    width: 170px;
    height: auto;
  }
  .-slide-3 .contenedor-inferior .contenedor-texto p {
    max-width: 820px;
  }
  .-slide-4 .contenedor-superior {
    position: relative;
  }
  .-slide-4 .contenedor-superior .contenedor-imagen {
    position: absolute;
    right: 0;
    top: 0;
  }
  .-slide-4 .contenedor-inferior .title-historia {
    margin-bottom: 20px;
  }
  .-slide-4 .contenedor-superior .title-historia span {
    font-size: 36px;
  }
  .-slide-4 .contenedor-inferior .title-historia span.ghost {
    font-size: 30px;
  }
  .-slide-6 .contenedor-logo .espiral {
    transform: rotate(-162deg);
    right: -190px;
    top: 20px;
  }
  .-slide-6 .contenedor-logo p {
    right: -380px;
    top: -20px;
  }
}
@media screen and (max-width: 1100px) {
  .contenido-slide {
    padding-left: 40px;
    padding-right: 40px;
  }
  .-slide-13 .contenedor-texto {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .-slide-13 .contenedor-texto p {
    max-width: 380px;
  }
  .-slide-3 .contenedor-superior {
    margin-top: 70px;
  }
  .-slide-3 .contenedor-inferior {
    margin-top: 20px;
  }
  .-slide-6 .contenedor-logo p {
    right: -170px;
    top: -130px;
  }
  .-slide-6 .contenedor-logo .espiral {
    right: 0px;
    top: -10px;
  }
  .-slide-8 .contenedor-texto {
    max-width: 100%;
    width: 100%;
  }
  .-slide-8 .contenido-slide {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .slick-active .-slide-7 .contenedor-imagen {
    transform: scale(0.5) translate(270px, -180%);
  }
  .contenido-slide {
    padding-left: 30px;
    padding-right: 30px;
  }
  .-slide-8 .title-historia {
    display: flex;
    -webkit-display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    margin-bottom: 20px;
  }
  .-slide-8 .title-historia span:first-of-type {
    margin-left: 0;
  }
  .-slide-8 .title-historia span {
    width: auto;
    margin-left: 10px;
  }
  .-slide-9 .contenedor-imagen p, .-slide-9 .contenedor-imagen .espiral {
    display: none !important;
  }
  .-slide-9 .contenedor-imagen {
    position: absolute;
    right: 0;
    top: 100px;
  }
  .-slide-9 .contenedor-texto {
    margin-bottom: 0;
  }
  .-slide-10 .contenedor-imagenes {
    margin-left: 0;
  }
  .-slide-11 {
    background: #960234;
  }
  .-slide-11 img {
    display: none;
  }
  .-slide-11 .contenedor-texto p {
    font-size: 20px;
    line-height: 24px;
  }
  .-slide-14 h2 {
    font-size: 278px;
  }
  .-slide-14 h2 img {
    max-width: 120px;
  }
  .-slide-14 .gusanitos {
    right: 100px;
    top: -100px;
  }
  img.historiaFabs-1 {
    position: absolute;
    right: 70px;
    top: 140px;
    max-width: 150px;
  }
  img.historiaFabs-2 {
    position: absolute;
    max-width: 190px;
    top: 70px;
    left: 130px;
    bottom: auto;
  }
  img.historiaFabs-3 {
    position: absolute;
    max-width: 150px;
    bottom: 80px;
    left: 20px;
  }
}
@media screen and (max-width: 900px) {
  .historia-slider p {
    font-size: 16px;
    line-height: 22px;
  }
  .-slide-9.once .contenedor-texto p {
    margin-top: 0px !important;
  }
  img.historiaFabs-1 {
    max-width: 120px;
    top: auto;
    bottom: 210px;
  }
  img.historiaFabs-2 {
    max-width: 190px;
    top: auto;
    bottom: 180px;
    left: 40%;
    display: none;
  }
  img.historiaFabs-3 {
    max-width: 170px;
    bottom: 140px;
  }
  .-slide-9.once .contenedor-imagen {
    margin-right: 262px;
    width: 95px;
    top: 451px;
  }
  .-slide-2 .contenedor-texto {
    max-width: 350px;
    order: -1;
    margin-right: 15px;
  }
  .-slide-3 .contenedor-superior .title-historia {
    width: 100%;
    line-height: 0.8em;
  }
  .-slide-5 .title-historia {
    margin-top: 20px;
  }
  .-slide-6 p {
    max-width: 100%;
    text-align: center;
  }
  .-slide-6 .contenedor-logo {
    padding-top: 100px;
  }
  .-slide-6 .contenedor-logo p {
    transform: rotate(0);
    position: static;
    right: auto;
    top: auto;
    width: 100%;
  }
  .-slide-6 .contenedor-logo .espiral {
    display: none;
  }
  .-slide-7 .contenido-slide {
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  .-slide-7 .contenedor-texto {
    max-width: 100%;
    display: inline-block;
    margin-top: 30px;
  }
  .slick-active .-slide-7 .contenedor-imagen {
    top: auto;
    bottom: 100px;
    right: 70px;
    transform: translate(0);
  }
  .-slide-9 .contenido-slide {
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  .-slide-9 .contenedor-texto {
    max-width: 100%;
    margin-top: 50px;
  }
  .-slide-9 .contenedor-imagen {
    margin-right: 0;
    height: 250px;
    width: 400px;
    right: 50%;
    margin-right: -200px;
    bottom: 150px;
    top: auto;
  }
  .logo-fabs {
    max-width: 149px;
  }
  .-slide-9 .contenedor-imagen .patatas-originales {
    max-width: 50%;
  }
  .-slide-9 .contenedor-imagen .patatas-clasicas {
    max-width: 50%;
    right: 0;
    top: 0;
  }
  .-slide-10 .contenedor-imagenes {
    position: absolute;
    width: 100%;
    height: 240px;
    bottom: 150px;
  }
  .-slide-10 .contenedor-imagenes .periodico {
    width: 400px;
    padding-top: 30px;
    height: 220px;
  }
  .-slide-10 .contenedor-imagenes .periodico h2 {
    font-size: 18px;
  }
  .-slide-10 .contenido-slide {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .-slide-10 .contenedor-texto {
    max-width: 100%;
    width: 100%;
    margin-top: 50px;
  }
  .-slide-10 .contenedor-imagenes .periodico h2 {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 50px;
    margin-top: 20px;
  }
  .-slide-1 .contenedor-imagen {
    display: none;
  }
}
@media screen and (max-height: 769px) {
  .-slide-3 .contenedor-inferior .contenedor-texto img {
    display: none;
  }
  div.contenedor-texto.once {
    width: 100%;
    margin: 10px;
  }
  .logo-fabs {
    max-width: 160px;
  }
  .-slide-13 .contenedor-texto p {
    line-height: 1.2em;
  }
  img.historiaFabs-2 {
    bottom: 130px;
  }
  .-slide-3 .contenedor-superior {
    margin-top: 20px;
  }
  .-slide-4 .contenedor-superior .contenedor-imagen {
    display: none;
  }
  .-slide-4 .contenedor-inferior {
    margin-top: 0;
  }
  .-slide-4 .contenedor-superior .contenedor-texto, .-slide-4 .contenedor-inferior p:not(.yummy):last-of-type {
    max-width: 100%;
  }
  .-slide-11 .contenedor-boton {
    margin-top: 30px;
  }
}
@media screen and (max-width: 300px) {
  .-infantiles .producto-info-container .contenedor-producto {
    width: 100%;
    margin: 200px auto 200px auto;
    position: relative;
    max-width: 1600px;
  }
  .-infantiles .sticker:nth-child(1) img {
    width: 130px;
    padding: 10px 0px;
  }
  .-infantiles .sticker:nth-child(2) img {
    width: 130px;
    padding: 10px 0px;
  }
  .-infantiles .sticker:nth-child(3) img {
    width: 158px;
    padding: 10px 0px;
  }
  .-infantiles .sticker:nth-child(4) img {
    width: 175px;
    margin-left: 0px;
    margin-top: -22px;
  }
}
@media screen and (max-height: 769px) and (min-width: 1100px) {
  img.historiaFabs-3 {
    position: absolute;
    max-width: 180px;
    bottom: 220px;
    left: 10px;
  }
  img.historiaFabs-2 {
    position: absolute;
    max-width: 230px;
    bottom: 130px;
    right: 780px;
  }
  img.historiaFabs-1 {
    position: absolute;
    right: 580px;
    top: 140px;
    max-width: 150px;
  }
}
@media screen and (max-width: 768px) and (min-height: 467px) {
  .historia-slider p {
    font-size: 20px;
    line-height: 26px;
  }
  .-slide-9.once .contenedor-texto p {
    margin-top: 155px !important;
    font-size: 16px;
  }
  .-slide-9.once .contenedor-texto {
    max-width: 95%;
  }
  .contenido-slide {
    padding-bottom: 90px !important;
  }
  img.historiaFabs-3 {
    max-width: 80px;
    bottom: 30px;
  }
  img.historiaFabs-2 {
    max-width: 100px;
    top: auto;
    bottom: 20px;
    left: 30%;
    display: inline-block;
  }
  img.historiaFabs-1 {
    max-width: 70px;
    top: auto;
    bottom: 30px;
  }
  div.contenedor-texto.once {
    width: 100%;
    margin: 10px;
    padding-top: 50px;
  }
  img.logo-fabs {
    width: 200px;
  }
  .-slide-3 .contenido-slide {
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
  }
  .-slide-3 .contenedor-superior p {
    width: 100%;
  }
  .-slide-3 .contenedor-inferior .contenedor-texto img {
    display: none;
  }
  .-slide-4 .contenedor-superior .contenedor-imagen {
    display: none;
  }
  .-slide-4 .contenedor-superior {
    width: 100%;
  }
  .-slide-4 .contenido-slide {
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
  }
  .-slide-4 .contenedor-inferior .title-historia {
    font-size: 36px;
  }
  .-slide-4 .contenedor-inferior .title-historia span.ghost {
    font-size: 34px;
  }
  .-slide-5 .texto {
    width: 100%;
    max-width: 100%;
  }
  .-slide-5 .contenido-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .-slide-5 .contenedor-inferior {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .-slide-6 .contenido-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .-slide-6 .contenedor-logo {
    padding-top: 0;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin-bottom: 30px;
  }
  .-slide-6 .contenedor-logo .logo-risi {
    position: fixed;
  }
  .-slide-7 .contenedor-texto {
    margin-top: 0;
  }
  .-slide-7 .contenido-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .-slide-7 .contenedor-imagen, .slick-active .-slide-7 .contenedor-imagen {
    bottom: auto;
    position: relative;
    right: auto;
    margin-top: 50px;
  }
  .-slide-7 .title-historia span {
    font-size: 26px;
  }
  .-slide-8 .contenido-slide {
    align-items: center;
    justify-content: center;
  }
  .-slide-9 .contenedor-imagen {
    position: relative;
    order: 2;
    margin-right: 0;
    width: 100%;
    right: auto;
    bottom: auto;
    margin-left: 0;
    height: 400px;
    margin-top: 0;
  }
  .-slide-9 .contenido-slide {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .-slide-9 .contenedor-texto {
    margin-top: 0;
  }
  .-slide-10 .contenido-slide {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
  }
  .-slide-10 .contenedor-imagenes {
    position: relative;
    bottom: auto;
  }
  #videofin {
    display: none;
  }
  .-slide-14 .trikers, .-slide-14 .gusanitos {
    display: none;
  }
  .-slide-14 h2 {
    font-size: 170px;
  }
  .-slide-14 h2 img {
    max-width: 78px;
  }
  .-slide-14 .bolsas {
    top: -150px;
  }
  .-slide-14 p {
    font-size: 16px;
    max-width: 550px;
  }
  .-slide-14 .risketos {
    left: 460px;
    top: -180px;
  }
  .-slide-14 .triskis {
    left: 360px;
    top: -180px;
  }
  .-slide-14 .matchball {
    position: absolute;
    right: 220px;
    top: 250px;
  }
}
@media screen and (max-width: 600px) and (min-height: 467px) {
  .contenido-slide {
    align-items: flex-start;
    padding-top: 60px;
  }
  .patatas .contenido-slide {
    align-items: flex-start;
    padding-top: 0px;
  }
  .-slide-14 .contenido-slide {
    align-items: center;
  }
  div.contenedor-texto.once {
    margin-bottom: 109px;
  }
  .historia-slider p {
    font-size: 16px;
    line-height: 22px;
  }
  .historia-slider .title-historia span.ghost {
    font-size: 25px;
    line-height: 26px;
  }
  .-slide-3 .title-historia {
    font-size: 25px;
    line-height: 28px;
  }
  .-slide-3 .contenedor-inferior .title-historia {
    margin-bottom: 10px;
  }
  .-slide-3 .contenedor-inferior .title-historia span {
    font-size: 19px;
    line-height: 26px;
    width: 100%;
  }
  .-slide-4 .contenedor-superior {
    margin-top: 0;
  }
  .-slide-4 .contenedor-superior .title-historia {
    margin-bottom: 10px;
  }
  .-slide-4 .contenedor-inferior .title-historia {
    font-size: 15px;
  }
  .-slide-4 .contenedor-inferior .title-historia span.ghost {
    font-size: 15px;
  }
  .-slide-4 .contenedor-inferior .title-historia {
    margin-bottom: 10px;
  }
  .-slide-4 .contenedor-superior .title-historia span {
    font-size: 19px;
  }
  .-slide-5 .slider-galeria .slick-arrow, .-slide-5 .producto-cont .slick-arrow {
    top: -20px;
  }
  .historia-slider .title-historia {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .-slide-5 .title-historia span {
    font-size: 24px;
  }
  .-slide-6 .contenido-slide {
    overflow: hidden;
  }
  .-slide-6 .contenedor-logo .logo-risi {
    max-width: 90vw;
  }
  .-slide-7 .contenedor-imagen, .slick-active .-slide-7 .contenedor-imagen {
    display: none;
  }
  .-slide-8 .contenedor-texto {
    margin-top: 20px;
  }
  .-slide-8 .title-historia span {
    font-size: 24px;
  }
  .-slide-9 .contenido-slide {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
  }
  .-slide-9 .contenedor-imagen {
    height: 210px;
  }
  .-slide-10 .contenedor-imagenes {
    height: 270px;
  }
  .-slide-14 .matchball {
    right: 30px;
  }
  .-slide-14 .bolsas {
    top: -200px;
  }
  .-slide-14 h2 {
    font-size: 114px;
    margin-bottom: 20px;
  }
  .-slide-14 h2 img {
    max-width: 52px;
  }
}
@media screen and (max-width: 600px) and (min-height: 467px) {
  div.contenedor-texto.once {
    width: 100%;
    margin-left: 0px;
  }
}
nav.-galletas[data-v-4c011387] {
  justify-content: center;
}

.color.azucar[data-v-4c011387] {
  width: 100%;
  height: 100%;
}

.header[data-v-4c011387] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

.supertop[data-v-4c011387] {
  display: none;
}

.menu .top[data-v-4c011387] {
  position: relative;
  padding: 0 50px;
  z-index: 20;
}

.menu .top[with-color=true][data-v-4c011387], .menu .top.color[data-v-4c011387] {
  background: #ac1830;
}

.menu .top .logo-header[data-v-4c011387] {
  position: absolute;
  left: 50px;
  top: -200px;
  transition: 0.4s;
  will-change: transform;
}

.container-xxxl .navigation__center .hamburguer[data-v-4c011387] {
  overflow: hidden;
  width: 30px;
  display: inline-block;
  position: relative;
  margin-left: 15px;
  height: 60px;
  width: 60px;
  margin-right: 15px;
}

.container-xxxl .navigation__center .hamburguer[data-v-4c011387]::after {
  position: absolute;
  left: 0;
  bottom: 50%;
  right: 0;
  top: 0;
  z-index: 1;
  content: "";
  transform: translateX(100%);
  background: #68131d;
  transition: 0.2s;
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.container-xxxl .navigation__center .hamburguer[data-v-4c011387]::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  transform: translateX(-100%);
  background: #68131d;
  transition: 0.2s;
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.container-xxxl .navigation__center .hamburguer[show=true][data-v-4c011387]::before, .menu .top .hamburguer[show=true][data-v-4c011387]::after {
  transform: translateX(0%);
  transition: 0.2s;
  transition-delay: 0s;
}

.container-xxxl .navigation__center .hamburguer span[data-v-4c011387] {
  width: 30px;
  height: 2px;
  display: inline-block;
  background: white;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translateY(-6px) translateX(-50%);
  transition: 0.2s;
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.menu .top .hamburguer span.line-bottom[data-v-4c011387] {
  bottom: 50%;
  transform: translateY(6px) translateX(-50%);
  top: auto;
}

.menu .top .hamburguer span.cross-left[data-v-4c011387] {
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  z-index: 3;
  width: 20px;
  transform: translate(20px, 14px) rotate(45deg);
}

.menu .top .hamburguer span.cross-right[data-v-4c011387] {
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  z-index: 3;
  width: 20px;
  transform: translate(-50px, 16px) rotate(-45deg);
}

.menu .top .hamburguer[show=true] .line-top[data-v-4c011387] {
  transform: translateY(-6px) translateX(-70px);
}

.menu .top .hamburguer[show=true] .line-bottom[data-v-4c011387] {
  transform: translateY(6px) translateX(70px);
}

.menu .top .hamburguer[show=true] .cross-right[data-v-4c011387] {
  transform: translate(-20px, -34px) rotate(-45deg);
}

.menu .top .hamburguer[show=true] .cross-left[data-v-4c011387] {
  transform: translate(-20px, -34px) rotate(45deg);
}

.menu-el.char-split.telefono-atc[data-v-4c011387] {
  display: flex;
  align-items: center;
}

.menu-el.char-split.telefono-atc img[data-v-4c011387] {
  height: 28px;
  margin-right: 3px;
}

.menu-el.char-split.telefono-atc figure[data-v-4c011387] {
  font-family: "Oswald", serif;
  color: #fcc735;
  font-size: 20px;
  line-height: 0.8em;
}

.header.launched .logo-header[data-v-4c011387] {
  transform: translateY(200px);
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.05);
}

.desplegable[data-v-4c011387] {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: -100vh;
  transition: 0.4s;
  transition-delay: 0s;
  z-index: 15;
  background: rgba(104, 19, 29, 0.9);
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
  padding: 100px 0;
  overflow: hidden;
}

.desplegable[show=true][data-v-4c011387] {
  transform: translateY(100vh);
  transition-delay: 0.1s;
}

.desplegable .rrss[data-v-4c011387] {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 25px;
}

.desplegable .rrss h3[data-v-4c011387] {
  font-family: "Futura LT Condensed";
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  transform: translateY(200px);
  transition: 0.5s;
  transition-delay: 0.2s;
}

.desplegable .rrss a[data-v-4c011387] {
  color: white;
  width: 25px;
  height: 20px;
  transform: translateY(200px);
  transition: 0.5s;
}

.desplegable .rrss a i[data-v-4c011387] {
  font-size: 18px;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(1) {
  transition-delay: 0.7s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(2) {
  transition-delay: 0.8s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(3) {
  transition-delay: 0.9s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(4) {
  transition-delay: 1s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(5) {
  transition-delay: 1.1s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(6) {
  transition-delay: 1.2s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(7) {
  transition-delay: 1.3s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(8) {
  transition-delay: 1.4s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(9) {
  transition-delay: 1.5s;
}

.desplegable .rrss a[data-v-4c011387]:nth-child(10) {
  transition-delay: 1.6s;
}

.desplegable[show=true] .rrss a[data-v-4c011387], .desplegable[show=true] .rrss h3[data-v-4c011387] {
  transform: translate(0);
}

.desplegable .link-cont[data-v-4c011387] {
  padding-bottom: 2vh;
  width: 100%;
  display: inline-block;
  position: relative;
  transition: 1s;
}

.desplegable .link-cont[show=true][data-v-4c011387] {
  padding-bottom: calc(170px + 2vh);
}

.desplegable .link-cont.-sobrerisi[data-v-4c011387] {
  width: 100%;
  max-width: 340px;
}

.desplegable .link-cont .link-el[data-v-4c011387] {
  font-size: 36px;
  color: #fff;
  font-family: "Futura LT CondensedBold";
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  opacity: 0;
  transition: 0.5s;
  transform: translateX(-100vw);
  transition-delay: 0.5s;
  letter-spacing: 1px;
}

.desplegable .link-cont .link-el.-children[data-v-4c011387] {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

@media screen and (min-width: 1024px) {
  .desplegable .link-cont .link-el[data-v-4c011387] {
    padding-right: 40px;
  }
  .desplegable .link-cont .link-el[data-v-4c011387]::before {
    content: "";
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    transition: 0.5s;
  }
  .desplegable .link-cont .link-el.-inicio[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/logo.png) center -50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-inicio[data-v-4c011387]:hover::before {
    background-position: top center;
  }
  .desplegable .link-cont .link-el.-sobrerisi[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/Palomitachoco1.png) center 50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-historia[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/furgoneta-risi.png) -50px center/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-risihoy[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/bandera-risi.png) center 50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-codigo-conducta[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/carpeta-conducta.png) center 50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-hoy-siempre[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/logo-plano.png) center 50px/28px no-repeat;
  }
  .desplegable .link-cont .link-el.-blog[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/mio.png) center 50px/30px no-repeat;
  }
  .desplegable .link-cont .link-el.-risihoy[data-v-4c011387]:hover::before, .desplegable .link-cont .link-el.-promociones[data-v-4c011387]:hover::before {
    background-position: center bottom;
  }
  .desplegable .link-cont .link-el.-contacto[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/telefono.png) center 50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-contacto[data-v-4c011387]:hover::before, .desplegable .link-cont .link-el.-hoy-siempre[data-v-4c011387]:hover::before {
    background-position: left center;
  }
  .desplegable .link-cont .link-el.-promociones[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/personajes-risketos.png) center 50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-noticias[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/megafono.png) center 50px/35px no-repeat;
  }
  .desplegable .link-cont .link-el.-nutririsi[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/montana-gusanitos.png) center 50px/40px no-repeat;
  }
  .desplegable .link-cont .link-el.-distribuidores[data-v-4c011387]::before {
    background: url(https://risi.es/static/img/polaroid.png) center 50px/40px no-repeat;
  }
  .desplegable .link-cont .link-el[data-v-4c011387]:hover::before {
    background-position: center;
  }
}
.desplegable .link-cont:nth-child(2n) .link-el[data-v-4c011387] {
  transform: translateX(100vh);
}

.desplegable .link-cont .childrens[data-v-4c011387] {
  margin-top: 1vh;
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 1vh;
  height: 171px;
  opacity: 0;
  pointer-events: none;
  transition: 1s;
}

.desplegable .link-cont .childrens[show=true][data-v-4c011387] {
  opacity: 1;
  pointer-events: visible;
}

.desplegable[show=true] .link-el[data-v-4c011387], .desplegable[show=true] .link-cont:nth-child(2n) .link-el[data-v-4c011387] {
  transform: translateX(0);
  opacity: 1;
}

.desplegable[show=true] .link-cont:nth-child(1) .link-el[data-v-4c011387] {
  transition-delay: 0.8s;
}

.desplegable[show=true] .link-cont:nth-child(2) .link-el[data-v-4c011387] {
  transition-delay: 0.9s;
}

.desplegable[show=true] .link-cont:nth-child(3) .link-el[data-v-4c011387] {
  transition-delay: 1s;
}

.desplegable[show=true] .link-cont:nth-child(4) .link-el[data-v-4c011387] {
  transition-delay: 1.1s;
}

.desplegable[show=true] .link-cont:nth-child(5) .link-el[data-v-4c011387] {
  transition-delay: 1.2s;
}

.desplegable[show=true] .link-cont:nth-child(6) .link-el[data-v-4c011387] {
  transition-delay: 1.3s;
}

.desplegable[show=true] .link-cont:nth-child(7) .link-el[data-v-4c011387] {
  transition-delay: 1.4s;
}

.desplegable[show=true] .link-cont:nth-child(8) .link-el[data-v-4c011387] {
  transition-delay: 1.5s;
}

.desplegable[show=true] .link-cont:nth-child(9) .link-el[data-v-4c011387] {
  transition-delay: 1.6s;
}

.desplegable[show=true] .link-cont:nth-child(10) .link-el[data-v-4c011387] {
  transition-delay: 1.7s;
}

.bottom[data-v-4c011387] {
  width: 100%;
  background: #68131d;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 4;
}

.bottom .menu-el[data-v-4c011387] {
  width: auto;
  padding: 5px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  max-width: 140px;
  max-height: 80px;
}

.bottom .menu-el.-otros[data-v-4c011387] {
  height: 73.64px;
  max-width: 170px;
}

.bottom .menu-el.-otros h2[data-v-4c011387] {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.bottom .menu-el.-otros h2 span[data-v-4c011387] {
  font-family: "Oswald";
  font-size: 14px;
  line-height: 1em;
}

.bottom .menu-el.-otros h2 strong[data-v-4c011387] {
  font-size: 30px;
  font-family: "Oswald";
  width: 100%;
  line-height: 1.1em;
}

.bottom .menu-el.-caramelo[data-v-4c011387] {
  width: 200px;
  max-width: 200px;
}

.bottom .menu-el.-caramelo h2[data-v-4c011387] {
  font-size: 16px;
  line-height: 1.1em;
}

.bottom .menu-el.-caramelo.-azucares h2[data-v-4c011387] {
  margin-top: -10px;
}

.bottom .menu-el img[data-v-4c011387] {
  max-width: 100%;
  max-height: 100%;
  transition: 0.5s;
}

.bottom .menu-el.-galleta img[data-v-4c011387] {
  padding-top: 10px;
}

.bottom .menu-el .color[data-v-4c011387] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0s;
  transition-timing-function: ease-in-out;
  opacity: 0;
}

.bottom .menu-el .sin-gluten[data-v-4c011387] {
  max-width: 73px;
}

.bottom .menu-el .bsan-plus[data-v-4c011387] {
  max-width: 82px;
}

.bottom .menu-el.-big .color[data-v-4c011387] {
  max-width: 100%;
}

.bottom .menu-el.router-link-exact-active[data-v-4c011387], .bottom .menu-el.router-link-active[data-v-4c011387] {
  background: white;
}

.bottom .menu-el.router-link-exact-active .color[data-v-4c011387], .bottom .menu-el.router-link-active .color[data-v-4c011387] {
  opacity: 1;
}

.bottom .menu-el.router-link-exact-active h2[data-v-4c011387], .bottom .menu-el.router-link-active h2[data-v-4c011387] {
  color: #68131d;
}

.bottom .menu-el.router-link-exact-active.-caramelo h2[data-v-4c011387], .bottom .menu-el.router-link-active.-caramelo h2[data-v-4c011387] {
  color: #00796b;
}

.bottom .menu-el.router-link-exact-active.-azucares h2[data-v-4c011387], .bottom .menu-el.router-link-active.-azucares h2[data-v-4c011387] {
  color: #ec6087;
}

.bottom .-cumplimiento .menu-el.-large[data-v-4c011387] {
  max-width: 230px;
}

.bottom .-cumplimiento .menu-el.router-link-exact-active[data-v-4c011387], .bottom .-cumplimiento.menu-el.router-link-active[data-v-4c011387] {
  background: white;
}

.bottom .-cumplimiento .menu-el.-otros h2[data-v-4c011387] {
  transform: none;
  font-size: 18px;
  line-height: 1.2em;
}

.contenedor-texto-espiral[data-v-4c011387] {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3;
  transform: rotate(-15deg) translateX(100%);
  padding-top: 130px;
}

.contenedor-texto-espiral .espiral[data-v-4c011387] {
  transform: rotateY(190deg) rotate(15deg);
  position: absolute;
  left: 0;
  top: 0px;
  max-width: 120px;
  opacity: 0;
  transition: 0.1s;
  transition-delay: 0.2s;
}

.contenedor-texto-espiral p[data-v-4c011387] {
  color: white;
  font-size: 36px;
  text-align: center;
  max-width: 300px;
  line-height: 32px;
  transform: rotate(-10deg);
  opacity: 0;
  transition: 1s;
  transition-delay: 1s;
}

.contenedor-texto-espiral[show=true] .espiral[data-v-4c011387] {
  opacity: 1;
}

.contenedor-texto-espiral[show=true] p[data-v-4c011387] {
  opacity: 1;
}

.-snacks .slide[data-v-4c011387] {
  width: 100%;
  outline: none;
  min-width: 150px;
}

.-snacks .slick-slider[data-v-4c011387] {
  max-width: 800px;
  width: 100%;
  outline: none;
}

.bottom .-snacks .menu-el[data-v-4c011387] {
  max-width: 100%;
  text-align: center;
  max-height: 100%;
  min-height: 75px;
}

.bottom .-snacks .menu-el img[data-v-4c011387] {
  max-height: 63.64px;
}

@media screen and (min-width: 1024px) {
  .bottom .menu-el[data-v-4c011387]:hover {
    background: white;
  }
  .bottom .menu-el:hover .color[data-v-4c011387] {
    opacity: 1;
  }
  .bottom .menu-el:hover h2[data-v-4c011387] {
    color: #68131d;
  }
  .bottom .menu-el:hover.-caramelo h2[data-v-4c011387] {
    color: #00796b;
  }
  .bottom .menu-el:hover.-azucares h2[data-v-4c011387] {
    color: #ec6087;
  }
}
@media screen and (max-width: 1530px) {
  nav.-cumplimiento[data-v-4c011387] {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1300px) {
  .bottom nav[data-v-4c011387] {
    padding-left: 165px;
  }
  .bottom .-cumplimiento .menu-el.-otros h2[data-v-4c011387] {
    font-size: 14px;
  }
  .bottom .-cumplimiento .menu-el[data-v-4c011387] {
    max-width: 120px;
    padding: 5px 10px;
  }
  .bottom .-cumplimiento .menu-el.-large[data-v-4c011387] {
    max-width: 170px;
  }
}
@media screen and (max-width: 1260px) {
  .bottom .menu-el.-galleta[data-v-450de70e][data-v-4c011387] {
    max-width: 130px;
    padding: 5px 24px;
    max-height: 60px;
  }
  .bottom[scroll=true][data-v-4c011387] {
    overflow: scroll;
  }
  .bottom nav[data-v-4c011387] {
    padding-left: 0;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-right: 30px;
  }
  .bottom nav.-cumplimiento[data-v-4c011387] {
    min-width: 1140px;
    padding-right: 0;
  }
  .bottom .menu-el[data-v-4c011387] {
    max-width: 130px;
    padding: 5px 20px;
    background: #68131d;
    max-height: 60px;
  }
  .bottom .menu-el.-otros[data-v-4c011387] {
    height: 60px;
  }
  .bottom .menu-el .color[data-v-4c011387] {
    max-width: 80px;
  }
  .bottom .menu-el.-galleta[data-v-4c011387] {
    max-width: 164px;
  }
  .bottom .menu-el.-galleta img[data-v-4c011387] {
    max-width: 85px;
    max-height: 40px;
  }
  .bottom .menu-el.-galleta img.azucar[data-v-4c011387] {
    max-width: 55px;
    max-height: 40px;
  }
  .bottom .menu-el.-galleta h2[data-v-4c011387] {
    font-size: 18px;
  }
  .bottom nav.-borges .menu-el[data-v-4c011387] {
    padding: 10px 10px;
    width: 33.3333333%;
  }
  .contenedor-texto-espiral[data-v-4c011387] {
    display: none;
  }
  .bottom nav.-caramelos[data-v-4c011387] {
    justify-content: center;
    -webkit-justify-content: center;
  }
}
@media screen and (max-width: 1180px) {
  .bottom nav.-cumplimiento[data-v-4c011387] {
    justify-content: flex-start;
    padding-left: 180px;
    background: #68131d;
  }
}
@media screen and (max-width: 890px) {
  .menu .top .logo-header[small=true] img[data-v-4c011387] {
    max-height: 60px;
    width: auto;
  }
  .bottom[data-v-4c011387] {
    overflow: scroll;
    left: auto;
    right: 0;
    background: transparent;
  }
  .bottom[data-v-4c011387]::before {
    position: absolute;
    left: 0;
    top: 0;
    background: #68131d;
    display: inline-block;
    content: "";
    width: 100%;
    height: 60px;
  }
  .bottom .-snacks .menu-el img[data-v-4c011387] {
    max-height: 56px;
  }
  .bottom .menu-el.router-link-exact-active[data-v-4c011387], .bottom.menu-el.router-link-active[data-v-4c011387] {
    background: white;
  }
  .bottom.menu-el.router-link-active .color[data-v-4c011387] {
    opacity: 0;
  }
  .bottom .menu-el[data-v-4c011387], .bottom .-snacks .menu-el[data-v-4c011387] {
    max-height: 60px;
  }
  .bottom nav.-galletas[data-v-4c011387] {
    min-width: 661px;
    height: 60px;
    padding-right: 0;
    display: flex;
    justify-content: flex-start !important;
  }
  .bottom nav.-galletas .-otros[data-v-4c011387]:last-of-type {
    margin-right: 0;
  }
  .bottom nav.-caramelos[data-v-4c011387] {
    min-width: 400px;
    padding-right: 0;
  }
  .bottom nav.-caramelos .-otros[data-v-4c011387]:last-of-type {
    margin-right: 0;
  }
  .desplegable .rrss a[data-v-4c011387] {
    width: 50px;
    height: 50px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 8px;
  }
  .desplegable .rrss a[data-v-4c011387]:last-of-type {
    margin-rigth: 8px;
  }
  .desplegable .rrss a i[data-v-4c011387] {
    font-size: 30px;
  }
  .menu .top[data-v-4c011387] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .menu .top .logo-header[data-v-4c011387] {
    left: 20px;
  }
  .bottom .menu-el.-galleta img[data-v-4c011387] {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .menu .top[data-v-4c011387] {
    padding: 0px;
    justify-content: center;
  }
  .menu .top .logo-header[data-v-4c011387] {
    left: 0;
    top: -245px;
  }
  .menu .bottom[data-v-4c011387] {
    top: 103px;
    overflow: hidden;
  }
  .bottom nav.-galletas[data-v-4c011387] {
    min-width: 637px;
  }
  .desplegable[data-v-4c011387] {
    padding-top: 50px;
  }
  .menu .top .telefono-atc[data-v-4c011387] {
    display: none;
  }
  .supertop[data-v-4c011387] {
    display: flex;
    background: #68131d;
    width: 100%;
    justify-content: end;
    padding: 8px 20px;
  }
  .supertop .telefono-atc figure[data-v-4c011387] {
    color: white !important;
  }
}
@media screen and (max-width: 500px) {
  .menu .top[data-v-4c011387] {
    padding-right: 0;
  }
  .menu .top .logo-header[data-v-4c011387] {
    left: 10px;
  }
  .menu .top .logo-header img[data-v-4c011387] {
    max-width: 50px;
  }
  .menu .top .hamburguer[data-v-4c011387] {
    margin-left: 0;
    width: 60px;
  }
  .desplegable .link-cont .link-el[data-v-4c011387] {
    font-size: 24px;
  }
  .desplegable .link-cont .link-el.-children[data-v-4c011387] {
    font-size: 16px;
  }
  .desplegable .link-cont .childrens[data-v-4c011387] {
    height: 80px;
    top: 30px;
  }
  .desplegable .link-cont[show=true][data-v-4c011387] {
    padding-bottom: 80px;
  }
  .menu-productos .menu-el[data-v-4c011387] {
    font-size: 12px;
  }
  .menu .top .hamburguer[data-v-4c011387] {
    width: 35px;
  }
  .bottom nav.-caramelos[data-v-4c011387] {
    min-width: 320px;
  }
  .bottom nav.-caramelos .menu-el[data-v-4c011387] {
    width: 160px;
  }
  .bottom nav.-caramelos .menu-el h2[data-v-4c011387] {
    font-size: 12px;
  }
  .bottom nav.-caramelos .menu-el h2 strong[data-v-4c011387] {
    font-size: 20px;
  }
  .menu-productos .menu-el[data-v-4c011387] {
    padding: 20px 5px;
  }
  .bottom nav.-cumplimiento[data-v-4c011387] {
    padding-left: 0px;
    min-width: 942px;
  }
}
@media screen and (max-width: 365px) {
  .menu-productos .menu-el[data-v-4c011387] {
    font-size: 12px;
    padding: 20px 3px;
  }
  .menu .top .hamburguer[data-v-4c011387] {
    height: 40px;
  }
  .bottom[data-v-4c011387] {
    top: 40px;
  }
}
@media screen and (max-width: 340px) {
  .menu-productos .menu-el[data-v-4c011387] {
    font-size: 11px;
    padding: 10px 3px;
  }
  .menu .top .logo-header img[data-v-4c011387] {
    max-width: 70px;
  }
  .bottom[data-v-4c011387] {
    padding-left: 0px;
  }
  .padding-menu[data-v-4c011387] {
    padding-top: 41px;
  }
  .menu .top .logo-header[small=true] img[data-v-4c011387] {
    max-height: 45px;
  }
  .menu .bottom[data-v-4c011387] {
    top: 82px;
  }
}
@media screen and (max-height: 769px) {
  [route=historia] .menu .top .logo-header img[data-v-4c011387] {
    max-height: 80px;
    width: auto;
  }
  .desplegable .link-cont .link-el[data-v-4c011387] {
    font-size: 28px;
  }
}
@media screen and (max-height: 700px) {
  .desplegable .link-cont[data-v-4c011387] {
    padding-bottom: 5px;
  }
  .desplegable .link-cont .link-el[data-v-4c011387] {
    font-size: 24px;
  }
  .desplegable .link-cont .link-el.-children[data-v-4c011387] {
    font-size: 14px;
  }
}
@media screen and (max-height: 600px) {
  .menu .top .logo-header img[data-v-4c011387] {
    max-height: 80px;
    width: auto;
  }
  .desplegable[data-v-4c011387] {
    padding-top: 70px;
  }
  .desplegable .link-cont .link-el[data-v-4c011387] {
    font-size: 20px;
  }
}
.footer[data-v-29d955b2] {
  background: black;
  overflow: hidden;
}

.top[data-v-29d955b2] {
  width: 100%;
  background: black;
  padding: 30px 0;
}

.top .column[data-v-29d955b2] {
  width: 17%;
}

.top .column a[data-v-29d955b2] {
  color: white;
  width: 100%;
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  line-height: 24px;
}

.top .column a.title[data-v-29d955b2] {
  font-weight: 700;
  margin-bottom: 6px;
}

.top .column .children-column + .children-column[data-v-29d955b2] {
  margin-top: 20px;
}

.top .column .children-column img[data-v-29d955b2] {
  text-align: left;
  display: flex;
  max-width: 220px;
  padding-top: 20px;
}

.top .subvenciones[data-v-29d955b2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px solid white;
  margin-top: 20px;
}

.top .subvenciones article[data-v-29d955b2] {
  margin-top: 20px;
  margin-right: 30px;
}

.column .logo[data-v-29d955b2], .autocontrol[data-v-29d955b2] {
  width: 15% !important;
}

.column .logo img[data-v-29d955b2], .autocontrol img[data-v-29d955b2] {
  max-width: 180px;
}

.bottom[data-v-29d955b2] {
  background: #4a4a4a;
  padding: 20px 0;
}

.bottom p[data-v-29d955b2] {
  font-size: 14px;
  color: white;
}

.top .column .rrss[data-v-29d955b2] {
  position: static;
  margin-top: 50px;
}

.top .column .rrss h3[data-v-29d955b2], .top .column .rrss a[data-v-29d955b2] {
  transform: translate(0);
}

.top .column .rrss a[data-v-29d955b2] {
  width: 25px;
  text-align: center;
}

@media screen and (max-width: 1150px) {
  .top .column[data-v-29d955b2]:last-of-type {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 790px) {
  .column .logo[data-v-29d955b2], .autocontrol[data-v-29d955b2] {
    width: 100% !important;
  }
  .top .column[data-v-29d955b2]:first-of-type {
    width: 100%;
    order: 2;
  }
  .top .column:first-of-type .img-logo[data-v-29d955b2] {
    display: none;
  }
  .top .column .rrss[data-v-29d955b2] {
    margin-top: 20px;
  }
  .top .column[data-v-29d955b2] {
    width: 33.333333%;
  }
  .top .column a[data-v-29d955b2] {
    text-align: left;
  }
  .top .column .rrss a[data-v-29d955b2] {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    align-items: center;
  }
  .top .column .rrss a i[data-v-29d955b2] {
    font-size: 30px;
  }
}
@media screen and (max-width: 600px) {
  .top .column[data-v-29d955b2] {
    width: 50%;
    margin-bottom: 20px;
  }
}
.modal-dialog[data-v-7e962f41] {
  position: fixed;
  height: 510px;
  max-width: 390px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.431372549);
  animation: fadeIn-data-v-7e962f41 3s;
}

.modal-dialog .container-popup[data-v-7e962f41] {
  background: #ac1830;
}

.modal-dialog .container-popup .title[data-v-7e962f41] {
  font-family: "Oswald";
  color: white;
  font-size: 32px;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 40px;
}

.modal-dialog .container-popup .close[data-v-7e962f41] {
  background: transparent;
  border: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.modal-dialog .container-popup .close img[data-v-7e962f41] {
  width: 15px;
}

.modal-dialog .container-popup .decor1[data-v-7e962f41] {
  position: absolute;
  top: -98px;
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 240px;
}

.modal-dialog .container-popup .decor2[data-v-7e962f41] {
  position: absolute;
  bottom: -50px;
  right: -25px;
  max-width: 446px;
  margin: 0 auto;
}

@media screen and (max-width: 700px) {
  .modal-dialog[data-v-7e962f41] {
    padding: 20px;
  }
  .modal-dialog .container-popup .decor2[data-v-7e962f41] {
    max-width: 100%;
    left: 0;
    right: 0;
  }
  .modal-dialog .container-popup .title[data-v-7e962f41] {
    font-size: 25px;
  }
  .modal-dialog .btn.-action[data-v-7e962f41] {
    right: 0;
    font-size: 25px;
  }
  .modal-dialog .container-popup[data-v-7e962f41] {
    padding: 124px 20px 30px 20px;
  }
}
@keyframes fadeIn-data-v-7e962f41 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.contenedor-video[data-v-4a01e8ee] {
  position: relative;
}

.slick-slide img[data-v-4a01e8ee],
.slick-slide video[data-v-4a01e8ee] {
  display: block;
  height: 100%;
  width: 100%;
  max-height: 90vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.contenedor-video .btn[data-v-4a01e8ee] {
  position: absolute;
  right: 100px;
  bottom: 50px;
  color: #44137f;
}

.contigo-container[data-v-4a01e8ee] {
  width: 100%;
  padding: 810px 325px;
  background: url(https://risi.es/static/img/banner-home/koala1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.koala[data-v-4a01e8ee] {
  background: url(https://risi.es/static/img/banner-home/koala2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.video[data-v-4a01e8ee] {
  width: 100%;
  height: auto;
  display: block;
}

.video-movil[data-v-4a01e8ee] {
  width: 100%;
  display: none;
}

@media screen and (max-width: 2500px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 714px 156px;
  }
}
@media screen and (max-width: 2125px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 599px 325px;
  }
}
@media screen and (max-width: 2175px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 522px 0px;
  }
}
@media screen and (max-width: 1880px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 476px 325px;
  }
}
@media screen and (max-width: 1700px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 431px 325px;
  }
}
@media screen and (max-width: 1500px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 436px 325px;
  }
}
@media screen and (min-width: 1500px) {
  .contenedor-video[data-v-4a01e8ee] {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}
@media screen and (max-width: 1482px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 414px 325px;
  }
}
@media screen and (max-width: 1390px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 353px 305px;
  }
}
@media screen and (max-width: 1130px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 280px 305px;
  }
}
@media screen and (max-width: 959px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 257px 305px;
  }
  [route=home] .wrapper.ahora-contigo .btn[data-v-4a01e8ee],
  [route=snacks] .wrapper.ahora-contigo .btn[data-v-4a01e8ee] {
    position: absolute;
    right: 60px;
    bottom: 20px;
    z-index: 4;
  }
}
@media screen and (max-width: 895px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 239px 305px;
  }
}
@media screen and (max-width: 820px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 223px 305px;
  }
}
@media screen and (max-width: 800px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 208px 305px;
  }
}
@media screen and (max-width: 720px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 184px 305px;
  }
}
@media screen and (max-width: 650px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 175px 271px;
  }
}
@media screen and (max-width: 610px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 163px 271px;
  }
}
@media screen and (max-width: 565px) {
  .btn.-action[data-v-4a01e8ee] {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }
  [route=home] .wrapper.ahora-contigo .btn[data-v-4a01e8ee],
  [route=snacks] .wrapper.ahora-contigo .btn[data-v-4a01e8ee] {
    position: absolute;
    right: 30px;
    bottom: 20px;
    z-index: 4;
  }
  .contigo-container[data-v-4a01e8ee] {
    padding: 150px 261px;
  }
}
@media screen and (max-width: 515px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 140px 179px;
  }
}
@media screen and (max-width: 490px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 125px 179px;
  }
}
@media screen and (max-width: 435px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 121px 178px;
  }
  .btn.-action[data-v-4a01e8ee] {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
}
@media screen and (max-width: 420px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 113px 178px;
  }
}
@media screen and (max-width: 400px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 105px 178px;
  }
}
@media screen and (max-width: 290px) {
  .contigo-container[data-v-4a01e8ee] {
    padding: 80px 0px;
    margin-top: 20px;
  }
}
.banner-historia[data-v-43e07ed0] {
  width: 100%;
  height: auto;
  padding: 150px 50px;
  min-height: 90vh;
  position: relative;
  overflow: hidden;
}

.background[data-v-43e07ed0] {
  background: url(https://risi.es/static/img/historia/fondo-0.jpg) center/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.background[data-v-43e07ed0]::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  content: "";
  display: inline-block;
}

.container[data-v-43e07ed0] {
  position: relative;
  z-index: 5;
}

.furgon-banner[data-v-43e07ed0] {
  position: absolute;
  right: -30px;
  width: 70vw;
  max-width: 800px;
  z-index: 4;
  transform: translate(110%, -10%) perspective(100px) translateZ(-30px);
  transition: 0.8s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.11);
  transition-delay: 1.8s;
}

h2[data-v-43e07ed0] {
  text-transform: uppercase;
  font-size: 100px;
  color: white;
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 40px;
  overflow: hidden;
  max-width: 580px;
}

h2 span[data-v-43e07ed0] {
  font-family: "Oswald";
}

h2 .s[data-v-43e07ed0] {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.8em;
  margin-right: 10px;
  transform: translateX(-150%);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

h2 .m[data-v-43e07ed0] {
  font-size: 70px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.8em;
  transform: translateX(150%);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-delay: 0.8s;
}

h2 .l[data-v-43e07ed0] {
  width: 100%;
  display: inline-block;
  font-size: 100px;
  color: white;
  text-align: left;
  line-height: 0.8em;
  margin-top: 10px;
  transform: translateY(150%);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-delay: 1.2s;
}

.btn.-action[data-v-43e07ed0] {
  transform: perspective(100px) translateY(800px) translateZ(-20px);
  transition: 1s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.23);
  transition-delay: 3s;
}

.launched h2 .s[data-v-43e07ed0], .launched h2 .m[data-v-43e07ed0], .launched h2 .l[data-v-43e07ed0] {
  transform: translate(0);
}

.launched .furgon-banner[data-v-43e07ed0] {
  transform: translate(0) translateZ(0);
}

.launched .btn.-action[data-v-43e07ed0] {
  transform: perspective(100px) translateY(0px) translateZ(0px);
}

@media screen and (max-width: 650px) {
  .banner-historia[data-v-43e07ed0] {
    padding: 100px 20px;
    min-height: 0;
  }
  h2 .s[data-v-43e07ed0] {
    font-size: 30px;
  }
  h2 .m[data-v-43e07ed0] {
    font-size: 50px;
    transform: translateX(200%);
  }
  h2 .l[data-v-43e07ed0] {
    font-size: 70px;
  }
}
@media screen and (max-width: 400px) {
  .banner-historia[data-v-43e07ed0] {
    padding: 50px 0;
  }
  h2 .s[data-v-43e07ed0] {
    font-size: 20px;
  }
  h2 .m[data-v-43e07ed0] {
    font-size: 30px;
  }
  h2 .l[data-v-43e07ed0] {
    font-size: 50px;
  }
}
.animated.bounceIn[el=Lux][data-v-50963428] {
  width: 82%;
}

.bola-ketchup[data-v-50963428] {
  position: absolute;
  left: 70%;
  bottom: 200px;
  max-width: 150px;
}

.palomita-to-left[data-v-50963428] {
  position: absolute;
  left: 100px;
  top: 50px;
  max-width: 150px;
}

.personajes-risketos[data-v-50963428] {
  max-width: 300px;
  position: absolute;
  left: 50px;
  bottom: 50px;
}

.gusanito-esquina[data-v-50963428] {
  position: absolute;
  right: 0;
  top: 200px;
  max-width: 100px;
}

.boton[el=kimo][data-v-50963428] {
  top: 20rem;
  left: 3rem;
}

.boton[el=otros-productos][data-v-50963428] {
  bottom: -30px;
  left: 50%;
  margin-left: -150px;
  transition: 0.5s;
  width: 300px;
}

.boton[el=otros-productos] h2[data-v-50963428] {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.boton[el=otros-productos] h2 span[data-v-50963428] {
  font-family: "Oswald";
  font-size: 28px;
  line-height: 1em;
}

.boton[el=otros-productos] h2[data-v-50963428]:hover {
  color: #000;
}

.boton[el=match-ball][data-v-50963428] {
  left: 0;
  bottom: 60px;
}

.boton[el=triskys][data-v-50963428] {
  left: 0;
  top: 50%;
  margin-top: -60px;
}

.boton[el=kimo][data-v-50963428] {
  top: 50%;
  margin-top: -60px;
  right: 0;
}

.boton[data-v-50963428]:nth-child(1) {
  animation-delay: 2.2s;
}

.boton[data-v-50963428]:nth-child(2) {
  animation-delay: 2.4s;
}

.boton[data-v-50963428]:nth-child(3) {
  animation-delay: 2.6s;
}

.boton[data-v-50963428]:nth-child(4) {
  animation-delay: 2.8s;
}

.boton[data-v-50963428]:nth-child(5) {
  animation-delay: 3s;
}

.boton[data-v-50963428]:nth-child(6) {
  animation-delay: 3.2s;
}

.boton[data-v-50963428]:nth-child(7) {
  animation-delay: 3.4s;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428] {
  opacity: 1;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(1) {
  animation: float-1 6s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(2) {
  animation: float-3 7s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(3) {
  animation: float-4 7s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(4) {
  animation: float-2 9s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(5) {
  animation: float-2 8s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(6) {
  animation: float-2 9s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(7) {
  animation: float-2 7s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(8) {
  animation: float-4 10s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(9) {
  animation: float-3 12s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(10) {
  animation: float-1 8s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(11) {
  animation: float-3 11s ease-in-out infinite;
}

.contenedor-ruleta.launched ~ .imagenes-decoracion *[data-v-50963428]:nth-child(12) {
  animation: float-4 8s ease-in-out infinite;
}

.contenedor-multiples-imagenes[data-v-50963428] {
  display: inline-block;
  width: 444px;
  height: 434px;
  position: relative;
}

.contenedor-multiples-imagenes img[data-v-50963428] {
  position: absolute;
  left: 0;
  top: 0;
}

.contenedor-multiples-imagenes img[el=onduladas][data-v-50963428] {
  animation-delay: 0.5s;
}

.contenedor-multiples-imagenes img[el=buscalios][data-v-50963428] {
  animation-delay: 0.3s;
}

.contenedor-multiples-imagenes img[el=tejitas][data-v-50963428] {
  animation-delay: 0.6s;
}

.contenedor-multiples-imagenes img[el=trikers][data-v-50963428] {
  animation-delay: 1s;
}

.contenedor-multiples-imagenes img[el=surtis][data-v-50963428] {
  animation-delay: 1.4s;
  max-width: 55%;
  transform: rotate(18deg) translate(115px, 60px) !important;
  position: relative;
}

.contenedor-multiples-imagenes img[el=palomitas-mostaza][data-v-50963428] {
  animation-delay: 0.5s;
}

.contenedor-multiples-imagenes img[el=match-ball][data-v-50963428] {
  width: 86%;
}

.contenedor-texto[data-v-50963428] {
  position: absolute;
  right: -50px;
  bottom: 0;
  width: 300px;
  height: auto;
  padding-top: 200px;
  transform: rotate(20deg);
}

.contenedor-texto .contenedor-espiral[data-v-50963428] {
  position: absolute;
  left: -60px;
  top: 20px;
  transform: scale(0.8) rotate(-20deg) rotateY(-180deg);
}

.contenedor-texto p[data-v-50963428] {
  font-size: 36px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-top: 30px;
  animation-delay: 2s;
  max-width: 200px;
}

.btn[data-v-50963428] {
  font-size: 50px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 80px;
  line-height: 70px;
}

.btn span[data-v-50963428] {
  font-size: 16px;
}

@media screen and (max-width: 1400px) {
  .personajes-risketos[data-v-50963428] {
    max-width: 250px;
    left: 20px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1150px) {
  .palomita-to-left[data-v-50963428] {
    left: 50%;
    top: 20px;
  }
  .personajes-risketos[data-v-50963428] {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-texto[data-v-50963428] {
    display: none;
  }
  .contenedor-sin-gluten[data-v-50963428] {
    display: none;
  }
  .palomita-to-left[data-v-50963428] {
    left: 20px;
    top: auto;
    bottom: 20px;
  }
  .gusanito-esquina[data-v-50963428] {
    top: 40px;
  }
  .bola-ketchup[data-v-50963428] {
    right: 20px;
    left: auto;
  }
}
@media screen and (max-width: 500px) {
  .gusanito-esquina[data-v-50963428] {
    top: 200px;
    max-width: 70px;
  }
  .bola-ketchup[data-v-50963428] {
    right: 0px;
    left: auto;
    bottom: 320px;
  }
}
.producto-home[data-v-7c666c94] {
  background-image: linear-gradient(to bottom, #c9752f, #531c00);
}

.cuchara-madera-blanca[data-v-7c666c94] {
  position: absolute;
  right: -70px;
  top: 30px;
}

.piruleta-naranja-chocolate[data-v-7c666c94] {
  position: absolute;
  left: 0;
  top: 100px;
}

.logo-chocolate-lovers[data-v-7c666c94] {
  max-width: 200px;
  position: absolute;
  bottom: 100px;
  left: 100px;
}

.boton[data=desayuno][data-v-7c666c94] {
  right: 0;
  top: 150px;
}

.boton[data=infantil][data-v-7c666c94] {
  top: 50%;
  margin-top: 30px;
  right: 0;
}

.boton[data=infantil] img[data-v-7c666c94] {
  width: 140px;
}

.boton[data=tradicionales][data-v-7c666c94] {
  bottom: 0;
  left: 50%;
  margin-left: -100px;
}

.boton[data=premium][data-v-7c666c94] {
  left: 0;
  top: 50%;
  margin-top: 30px;
}

.boton[data=chocolate][data-v-7c666c94] {
  left: 50%;
  margin-left: -100pX;
  top: 0px;
}

.boton[data-v-7c666c94]:nth-child(1) {
  animation-delay: 1.1s;
}

.boton[data-v-7c666c94]:nth-child(2) {
  animation-delay: 1.2s;
}

.boton[data-v-7c666c94]:nth-child(3) {
  animation-delay: 1.3s;
}

.boton[data-v-7c666c94]:nth-child(4) {
  animation-delay: 1.4s;
}

.boton[data-v-7c666c94]:nth-child(5) {
  animation-delay: 1.5s;
}

.boton[data-v-7c666c94]:nth-child(6) {
  animation-delay: 1.6s;
}

.boton[data-v-7c666c94]:nth-child(7) {
  animation-delay: 1.7s;
}

h3[data-v-7c666c94] {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

h3 span[data-v-7c666c94] {
  font-family: "Oswald";
  font-size: 28px;
  line-height: 1em;
}

h3[data-v-7c666c94]:hover {
  color: #000;
}

.btn[data-v-7c666c94] {
  font-size: 50px;
  color: #9c541c;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 80px;
  line-height: 70px;
}

.btn span[data-v-7c666c94] {
  font-size: 16px;
  color: #9c541c;
}

.chocolate-espiral[data-v-7c666c94] {
  position: absolute;
  right: 80px;
  max-width: 170px;
  top: 100px;
  filter: blur(1px);
}

.chocolate-espiral-dos[data-v-7c666c94] {
  position: absolute;
  right: 80px;
  max-width: 170px;
  bottom: 50px;
  filter: blur(1px);
  transform: rotate(20deg);
}

.chocolate-espiral-tres[data-v-7c666c94] {
  position: absolute;
  left: 80px;
  max-width: 170px;
  top: 300px;
  filter: blur(1px);
  transform: rotate(-20deg);
}

.chocolate-espiral-superior[data-v-7c666c94] {
  position: absolute;
  top: 60px;
  left: 100px;
  max-width: 180px;
  filter: blur(1px);
}

.choco-mordida[data-v-7c666c94] {
  position: absolute;
  bottom: -130px;
  left: 100px;
  max-width: 280px;
}

.naranja[data-v-7c666c94] {
  position: absolute;
  top: -100px;
  left: 200px;
  max-width: 300px;
}

.galleta-espelta[data-v-7c666c94] {
  position: absolute;
  top: 160px;
  right: -80px;
  max-width: 250px;
}

.chocolate-inverso[data-v-7c666c94] {
  position: absolute;
  right: 500px;
  max-width: 400px;
  bottom: -278px;
  filter: blur(1px);
}

.contenedor-texto[data-v-7c666c94] {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 300px;
  padding-top: 200px;
  transform: rotate(20deg);
}

.contenedor-texto .contenedor-espiral[data-v-7c666c94] {
  position: absolute;
  left: 60px;
  top: 20px;
  transform: scale(0.8) rotate(20deg);
}

.contenedor-texto p[data-v-7c666c94] {
  font-size: 36px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-top: 30px;
  animation-delay: 2s;
}

.contenedor-texto p img[data-v-7c666c94] {
  margin-top: 10px;
}

@media screen and (max-width: 1100px) {
  .cuchara-madera-blanca[data-v-7c666c94] {
    display: none;
  }
  .piruleta-naranja-chocolate[data-v-7c666c94] {
    top: 20px;
    max-width: 300px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-texto[data-v-7c666c94] {
    display: none;
  }
  .piruleta-naranja-chocolate[data-v-7c666c94] {
    top: auto;
    bottom: 0px;
    max-width: 200px;
  }
  .logo-chocolate-lovers[data-v-7c666c94] {
    position: absolute;
    right: 50px;
    bottom: 50px;
    max-width: 110px;
    left: auto;
  }
  .boton[data=infantil] img[data-v-7c666c94] {
    width: 125px;
  }
}
@media screen and (max-width: 520px) {
  .piruleta-naranja-chocolate[data-v-7c666c94] {
    bottom: 0px;
  }
  .logo-chocolate-lovers[data-v-7c666c94] {
    bottom: auto;
    top: 100px;
  }
}
.logo-caramelos[data-v-96d6484a] {
  width: 215px;
}

.logo-0azucar[data-v-96d6484a] {
  width: 275px;
}

.producto-home[data-v-96d6484a] {
  background-image: linear-gradient(to bottom, #ff5649, #b90006);
}

.frutas-tradicionales[data-v-96d6484a] {
  position: absolute;
  right: -100px;
  top: 100px;
}

.fruta-0-azucares[data-v-96d6484a] {
  max-width: 300px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.naranja[data-v-96d6484a] {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -150px;
  max-width: 300px;
}

.boton[data=caramelos][data-v-96d6484a] {
  top: 50%;
  margin-top: -60px;
  right: 0;
}

.boton[data="0-azucares"][data-v-96d6484a] {
  left: 0;
  top: 50%;
  margin-top: -60px;
}

h3[data-v-96d6484a] {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1.2em;
  transform: rotate(-9deg);
}

h3 strong[data-v-96d6484a] {
  font-family: "Oswald";
  font-size: 65px;
  line-height: 1em;
}

.btn[data-v-96d6484a] {
  font-size: 54px;
  color: #bd2826;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 80px;
  line-height: 70px;
}

.btn span[data-v-96d6484a] {
  font-size: 16px;
  color: #bd2826;
}

.gajo-naranja[data-v-96d6484a] {
  position: absolute;
  top: 200px;
  max-width: 200px;
  right: -30px;
}

.gajo-limon[data-v-96d6484a] {
  position: absolute;
  top: -40px;
  max-width: 200px;
  right: 50%;
  margin-right: -100px;
}

.acido-verde-amarillo[data-v-96d6484a] {
  position: absolute;
  left: 100px;
  top: -120px;
  max-width: 300px;
}

.azul-individual[data-v-96d6484a] {
  position: absolute;
  left: 100px;
  bottom: -20px;
  max-width: 230px;
}

.lima[data-v-96d6484a] {
  position: absolute;
  bottom: -150px;
  right: -150px;
  max-width: 400px;
  filter: blur(2px);
}

.limon[data-v-96d6484a] {
  position: absolute;
  bottom: 350px;
  left: 50px;
  max-width: 250px;
  filter: blur(1px);
}

.contenedor-texto[data-v-96d6484a] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
  height: 300px;
  padding-top: 200px;
  transform: rotate(10deg);
}

.contenedor-texto .contenedor-espiral[data-v-96d6484a] {
  position: absolute;
  left: 60px;
  top: 20px;
  transform: scale(0.8) rotate(20deg);
}

.contenedor-texto p[data-v-96d6484a] {
  font-size: 36px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-top: 30px;
  animation-delay: 2s;
}

@media screen and (max-width: 1500px) {
  .frutas-tradicionales[data-v-96d6484a] {
    max-width: 200px;
    right: -50px;
  }
}
@media screen and (max-width: 1220px) {
  .fruta-0-azucares[data-v-96d6484a] {
    max-width: 200px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-texto[data-v-96d6484a] {
    display: none;
  }
  .big-title[data-v-96d6484a] {
    font-size: 90px;
  }
  .naranja[data-v-96d6484a] {
    max-width: 200px;
    bottom: -50px;
    left: 20px;
  }
  .fruta-0-azucares[data-v-96d6484a] {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .big-title[data-v-96d6484a] {
    font-size: 50px;
  }
  .naranja[data-v-96d6484a] {
    bottom: -120px;
  }
}
img.pipas[data-v-0004a23a] {
  width: 50%;
}

.producto-home[data-v-0004a23a] {
  background-image: linear-gradient(178deg, #ff851d 3%, #d96322 96%);
}

.bowl-ensalada[data-v-0004a23a] {
  position: absolute;
  right: -100px;
  top: 100px;
  max-width: 400px;
}

.cordon-avellanas[data-v-0004a23a] {
  max-width: 300px;
  position: absolute;
  left: 0px;
  top: 20px;
}

.naranja[data-v-0004a23a] {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -50px;
  max-width: 200px;
}

.big-title[data-v-0004a23a] {
  font-size: 160px;
}

.boton[data=frutos-secos][data-v-0004a23a] {
  right: 0;
  top: 50%;
  margin-top: -60px;
  width: 239px;
}

.boton[data=pipas][data-v-0004a23a] {
  left: 0;
  top: 50%;
  margin-top: -60px;
  width: 239px;
}

.boton[data=natura][data-v-0004a23a] {
  top: 50%;
  margin-top: -60px;
  right: 0;
  width: 160px;
}

h3[data-v-0004a23a] {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1.2em;
  transform: rotate(-9deg);
}

h3 strong[data-v-0004a23a] {
  font-family: "Oswald";
  font-size: 65px;
  line-height: 1em;
}

.btn[data-v-0004a23a] {
  font-size: 54px;
  color: #bd2826;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 80px;
  line-height: 70px;
}

.btn span[data-v-0004a23a] {
  font-size: 16px;
  color: #bd2826;
}

.gajo-naranja[data-v-0004a23a] {
  position: absolute;
  top: 200px;
  max-width: 200px;
  right: -30px;
}

.gajo-limon[data-v-0004a23a] {
  position: absolute;
  top: -40px;
  max-width: 200px;
  right: 50%;
  margin-right: -100px;
}

.acido-verde-amarillo[data-v-0004a23a] {
  position: absolute;
  left: 100px;
  top: -120px;
  max-width: 300px;
}

.azul-individual[data-v-0004a23a] {
  position: absolute;
  left: 100px;
  bottom: -20px;
  max-width: 230px;
}

.lima[data-v-0004a23a] {
  position: absolute;
  bottom: -150px;
  right: -150px;
  max-width: 400px;
  filter: blur(2px);
}

.limon[data-v-0004a23a] {
  position: absolute;
  bottom: 350px;
  left: 50px;
  max-width: 250px;
  filter: blur(1px);
}

.contenedor-texto[data-v-0004a23a] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
  height: 300px;
  padding-top: 200px;
  transform: rotate(10deg);
}

.contenedor-texto .contenedor-espiral[data-v-0004a23a] {
  position: absolute;
  left: 60px;
  top: 20px;
  transform: scale(0.8) rotate(20deg);
}

.contenedor-texto p[data-v-0004a23a] {
  font-size: 36px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-top: 30px;
  animation-delay: 2s;
}

@media screen and (max-width: 1500px) {
  .bowl-ensalada[data-v-0004a23a] {
    max-width: 200px;
    right: -50px;
  }
}
@media screen and (max-width: 1220px) {
  .cordon-avellanas[data-v-0004a23a] {
    max-width: 200px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-texto[data-v-0004a23a] {
    display: none;
  }
  .big-title[data-v-0004a23a] {
    font-size: 90px;
  }
  .naranja[data-v-0004a23a] {
    max-width: 200px;
    bottom: -50px;
    left: 20px;
  }
  .cordon-avellanas[data-v-0004a23a] {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .big-title[data-v-0004a23a] {
    font-size: 50px;
  }
  .naranja[data-v-0004a23a] {
    bottom: -120px;
  }
}
.producto-home[data-v-4df83afd] {
  background: linear-gradient(180deg, #C7D42E 19.15%, #A7BC38 94.17%);
}

.patata-toscana[data-v-4df83afd] {
  position: absolute;
  left: 50%;
  margin-left: -500px;
  bottom: -100px;
}

.patatas-onduladas-sal[data-v-4df83afd] {
  position: absolute;
  right: -100px;
  top: 100px;
}

.big-title[data-v-4df83afd] {
  font-size: 160px;
}

.boton[data=frutos-secos][data-v-4df83afd] {
  left: 50%;
  bottom: 0;
  margin-left: -185px;
  width: 370px;
}

.boton[data=pipas][data-v-4df83afd] {
  left: 0;
  top: 50%;
  margin-top: -60px;
  width: 239px;
}

.boton[data=natura][data-v-4df83afd] {
  top: 50%;
  margin-top: -60px;
  right: 0;
  width: 160px;
}

h3[data-v-4df83afd] {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1.2em;
  transform: rotate(-9deg);
}

h3 strong[data-v-4df83afd] {
  font-family: "Oswald";
  font-size: 65px;
  line-height: 1em;
}

.btn[data-v-4df83afd] {
  font-size: 54px;
  color: #A7BC38;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 80px;
  line-height: 70px;
}

.btn span[data-v-4df83afd] {
  font-size: 16px;
  color: #A7BC38;
}

.intro-patatas[data-v-4df83afd] {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

.contenedor-texto[data-v-4df83afd] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
  height: 300px;
  padding-top: 200px;
  transform: rotate(10deg);
}

.contenedor-texto .contenedor-espiral[data-v-4df83afd] {
  position: absolute;
  left: 60px;
  top: 20px;
  transform: scale(0.8) rotate(20deg);
}

.contenedor-texto p[data-v-4df83afd] {
  font-size: 36px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-top: 30px;
  animation-delay: 2s;
}

@media screen and (max-width: 1220px) {
  .patatas-onduladas-sal[data-v-4df83afd] {
    right: -200px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-texto[data-v-4df83afd] {
    display: none;
  }
  .big-title[data-v-4df83afd] {
    font-size: 90px;
  }
  .boton[data=frutos-secos][data-v-4df83afd] {
    width: 33.3333%;
  }
  .boton[data=pipas][data-v-4df83afd] {
    width: 33.3333%;
  }
  .boton[data=natura][data-v-4df83afd] {
    width: 33.3333%;
  }
  .intro-patatas[data-v-4df83afd] {
    max-width: 200px;
    transform: none;
    top: -100px;
  }
  .patata-toscana[data-v-4df83afd] {
    max-width: 200px;
    margin-left: 0;
    left: -50px;
    bottom: -40px;
  }
  .patatas-onduladas-sal[data-v-4df83afd] {
    max-width: 250px;
    top: 0;
    right: -100px;
  }
}
@media screen and (max-width: 560px) {
  .big-title[data-v-4df83afd] {
    font-size: 50px;
  }
  .boton[data=frutos-secos][data-v-4df83afd] {
    width: 100%;
  }
  .boton[data=pipas][data-v-4df83afd] {
    width: 100%;
  }
  .boton[data=natura][data-v-4df83afd] {
    width: 100%;
  }
  .intro-patatas[data-v-4df83afd] {
    max-width: 200px;
    transform: none;
    top: -100px;
    left: -100px;
  }
  .patata-toscana[data-v-4df83afd] {
    max-width: 200px;
    margin-left: 0;
    left: -70px;
    bottom: -80px;
  }
  .patatas-onduladas-sal[data-v-4df83afd] {
    max-width: 250px;
    top: 0;
    right: -150px;
  }
}
.modulo-noticias[data-v-a3034fdc] {
  height: 100%;
  min-height: 900px;
  background: #e4e4e2;
  position: relative;
}

.modulo-noticias .container-title[data-v-a3034fdc] {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
}

.modulo-noticias .contenedor-noticias[data-v-a3034fdc] {
  margin-top: 100px;
  position: relative;
}

.modulo-noticias .contenedor-noticias .noticia-el[data-v-a3034fdc]:nth-child(5) {
  display: none;
}

.modulo-noticias .contenedor-noticias .megafono[data-v-a3034fdc] {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 300px;
  transform: translate(-100px, -240px);
  z-index: 4;
}

.btn[data-v-a3034fdc] {
  margin-top: 30px;
}

@media screen and (max-width: 1650px) {
  .big-title[data-v-a3034fdc] {
    font-size: 170px;
  }
}
@media screen and (max-width: 1450px) {
  .big-title[data-v-a3034fdc] {
    font-size: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .modulo-noticias[data-v-a3034fdc] {
    height: auto;
    padding: 100px 0;
  }
  .modulo-noticias .container-title[data-v-a3034fdc] {
    position: relative;
    left: auto;
    top: auto;
    transform: translateX(0);
  }
  .modulo-noticias .contenedor-noticias[data-v-a3034fdc] {
    margin-top: 0;
  }
  .modulo-noticias .contenedor-noticias .noticia-el[data-v-a3034fdc]:nth-child(5) {
    display: inline-block;
  }
}
@media screen and (max-width: 850px) {
  .big-title[data-v-a3034fdc] {
    font-size: 100px;
    margin-bottom: 10px;
  }
  .megafono[data-v-a3034fdc] {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .modulo-noticias[data-v-a3034fdc] {
    padding: 50px 0;
  }
}
@media screen and (max-width: 470px) {
  .big-title[data-v-a3034fdc] {
    font-size: 64px;
  }
}
.noticia-el[data-v-be8fdd30] {
  width: 49%;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  background: white;
  cursor: pointer;
  z-index: 5;
}

.otras-noticias .noticia-container .noticia-el[data-v-be8fdd30] {
  width: 100%;
}

.contenedor-imagen[data-v-be8fdd30] {
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 60px;
  background: white;
  cursor: pointer;
}

.contenedor-imagen .contenedor-categorias[data-v-be8fdd30] {
  position: absolute;
  left: 0;
  bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.contenedor-imagen .contenedor-categorias[withoutImage=true][data-v-be8fdd30] {
  bottom: 0;
}

.contenedor-imagen img[data-v-be8fdd30] {
  max-width: 100%;
  display: block;
}

.contenedor-texto[data-v-be8fdd30] {
  padding: 20px;
  background: white;
  text-align: left;
}

.entradilla[data-v-be8fdd30] {
  line-height: 20px;
}

.fecha-texto[data-v-be8fdd30] {
  text-transform: uppercase;
  color: #960234;
  width: 100%;
  margin-bottom: 10px;
  font-family: "Oswald";
  font-size: 16px;
}

.modulo-noticias .noticia-el[data-v-be8fdd30] {
  width: calc(33.3333333% - 10px);
}

.modulo-noticias .noticia-el .entradilla[data-v-be8fdd30] {
  max-height: 10em;
  overflow: hidden;
}

.otras-noticias .noticia-el .entradilla[data-v-be8fdd30] {
  max-height: 10em;
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .modulo-noticias .noticia-el[data-v-be8fdd30] {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 666px) {
  .modulo-noticias .noticia-el[data-v-be8fdd30], .noticia-el[data-v-be8fdd30] {
    width: 100%;
  }
}
.banner-promociones[data-v-74282ba9] {
  width: 100%;
  background-image: linear-gradient(to top, #fcb734, #e69a01);
  position: relative;
  overflow: hidden;
  padding: 100px 100px;
  padding-bottom: 0;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.chica-promociones[data-v-74282ba9] {
  position: absolute;
  right: 0;
  bottom: -20px;
  display: inline-block;
  max-height: 100%;
  transform: perspective(100px) translateZ(-100px) translate(0, 1200px);
}

.launched .chica-promociones[data-v-74282ba9] {
  animation-name: animacionChica-data-v-74282ba9;
  animation-duration: 0.8s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
}
@keyframes animacionChica-data-v-74282ba9 {
  to {
    transform: translateY(0%);
  }
}
.abanico-promociones[data-v-74282ba9] {
  position: absolute;
  left: -100px;
  bottom: -50px;
  max-width: 800px;
  opacity: 0;
  transition: 1s;
  transform: translateY(900px) scale(0.5);
  transition-delay: 1s;
}

.launched .abanico-promociones[data-v-74282ba9] {
  opacity: 1;
  transform: none;
}

.container[data-v-74282ba9] {
  position: relative;
  height: 100%;
  min-height: 650px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-bottom: 100px;
}

h2[data-v-74282ba9] {
  width: 100%;
  max-width: 700px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding-top: 40px;
  margin-top: -40px;
}

h2 span[data-v-74282ba9] {
  font-family: "Oswald";
  text-transform: uppercase;
  transform: translateY(300px) perspective(100px) translateZ(-50px);
}

h2 .s[data-v-74282ba9] {
  font-size: 60px;
  text-align: left;
  line-height: 0.9em;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  width: 100%;
  animation-delay: 0.5s;
}

h2 .m[data-v-74282ba9] {
  font-size: 80px;
  text-align: center;
  line-height: 0.9em;
  color: #fff;
  display: inline-block;
  width: 100%;
  animation-delay: 1.3s;
}

h2 .l[data-v-74282ba9] {
  font-size: 100px;
  text-align: left;
  line-height: 0.9em;
  color: rgba(127, 88, 0, 0.2);
  display: inline-block;
  width: 100%;
  animation-delay: 2.2s;
}

.launched h2 span[data-v-74282ba9] {
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  animation-name: allReset;
}

.btn[data-v-74282ba9] {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  font-size: 56px;
  line-height: 60px;
  position: relative;
  color: #f8b425;
  align-self: flex-end;
  transform: translateY(400px) perspective(100px) translateZ(60px);
  z-index: 4;
  height: 80px;
}

.btn span[data-v-74282ba9] {
  font-family: "Oswald";
  font-size: 18px;
  line-height: 21px;
  position: absolute;
  width: 100%;
  bottom: 2px;
  text-align: center;
  left: 4px;
  color: #f8b425;
}

.launched .btn[data-v-74282ba9] {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  animation-name: allReset;
  animation-delay: 5s;
}

.banner-promociones .abanico[data-v-74282ba9] {
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 4;
}

@media screen and (max-width: 1330px) {
  .abanico-promociones[data-v-74282ba9] {
    max-width: 600px;
    bottom: 50px;
  }
}
@media screen and (max-width: 1130px) {
  .container[data-v-74282ba9] {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .btn[data-v-74282ba9] {
    align-self: unset;
    margin-top: 30px;
    position: relative;
    z-index: 5;
  }
  .abanico-promociones[data-v-74282ba9] {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .banner-promociones[data-v-74282ba9] {
    padding: 50px;
  }
  .banner-promociones .abanico[data-v-74282ba9] {
    left: 150px;
    bottom: -70px;
    transform: scale(1.6);
  }
  .chica-promociones[data-v-74282ba9] {
    bottom: -50px;
    right: -200px;
  }
  .btn[data-v-74282ba9] {
    transform: translateY(590px) perspective(100px) translateZ(60px);
  }
}
@media screen and (max-width: 800px) {
  .container[data-v-74282ba9] {
    min-height: 450px;
  }
  h2 .s[data-v-74282ba9] {
    font-size: 30px;
  }
  h2 .m[data-v-74282ba9] {
    font-size: 40px;
    text-align: left;
    padding-left: 50px;
  }
  h2 .l[data-v-74282ba9] {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  .banner-promociones[data-v-74282ba9] {
    padding: 50px 0;
  }
  .banner-promociones .container[data-v-74282ba9] {
    min-height: 350px;
  }
  .banner-promociones .abanico[data-v-74282ba9] {
    left: 70px;
    bottom: -90px;
    transform: scale(1.3);
  }
}
@media screen and (max-width: 450px) {
  .banner-promociones[data-v-74282ba9] {
    padding: 50px 0;
  }
  .banner-promociones .container[data-v-74282ba9] {
    min-height: 350px;
  }
  .banner-promociones .abanico[data-v-74282ba9] {
    left: 20px;
    bottom: -90px;
    transform: scale(1);
  }
  .banner-promociones h2 .s[data-v-74282ba9] {
    font-size: 20px;
  }
  .banner-promociones h2 .m[data-v-74282ba9] {
    font-size: 30px;
    text-align: left;
    padding-left: 50px;
  }
  .banner-promociones h2 .l[data-v-74282ba9] {
    font-size: 40px;
  }
  .banner-promociones .btn[data-v-74282ba9] {
    font-size: 45px;
  }
  .banner-promociones .btn span[data-v-74282ba9] {
    font-size: 16px;
  }
}
.contenedor-input.-date {
  position: relative;
}

.contenedor-input.-date label {
  position: absolute;
  top: 18px;
  left: 13px;
  color: white;
  z-index: 8;
  pointer-events: none;
}

.contenedor-input.-date[hide=true] label {
  display: none;
}

input[type=date] {
  position: relative;
  cursor: pointer;
  color: transparent;
}

.contenedor-input.-date[hide=true] input {
  color: white;
}

input[type=date]:after {
  color: white;
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: white;
  background: transparent;
}

.noticias-wrapper[data-v-634f8c1a] {
  background-image: linear-gradient(to top, #68131d, #ab1830);
  min-height: 100vh;
}

.filtro[data-v-634f8c1a] {
  margin-top: 70px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.filtro .search-container[data-v-634f8c1a] {
  position: relative;
  width: 100%;
  max-width: 300px;
}

.filtro .result[data-v-634f8c1a] {
  position: absolute;
  left: 0;
  bottom: -20px;
  color: white;
  font-size: 12px;
}

.filtro .breadcrumb[data-v-634f8c1a] {
  margin-left: 25px;
}

.filtro input[data-v-634f8c1a] {
  height: 40px;
  width: 100%;
  max-width: 300px;
  background: transparent url("https://risi.es/static/img/lupa.svg") center right/25px no-repeat;
  border: none;
  border-bottom: 1px solid white;
  font-size: 16px;
  color: white;
  outline: none;
  border-radius: 0;
}

.filtro input[data-v-634f8c1a]::-moz-placeholder {
  color: white;
  opacity: 0.8;
}

.filtro input[data-v-634f8c1a]::placeholder {
  color: white;
  opacity: 0.8;
}

.noticias-section[data-v-634f8c1a] {
  min-height: 100vh;
  padding-bottom: 100px;
}

.contenedor-promociones[data-v-634f8c1a] {
  margin-bottom: 25px;
}

.contenedor-categorias[data-v-634f8c1a] {
  width: 100%;
  margin-top: 60px;
}

.contenedor-categorias .categoria-el[data-v-634f8c1a] {
  min-width: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

.contenedor-noticias[data-v-634f8c1a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contenedor-noticias-destacadas[data-v-634f8c1a] {
  position: relative;
}

.megafono[data-v-634f8c1a] {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 400px;
  animation-name: micro-data-v-634f8c1a;
  animation-delay: 1s;
  animation-duration: 1249.2338604651ms;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 1.21, 1, 0.38);
  transform: translate(6%, 7%) rotate(50deg) perspective(100px) translateZ(-100px);
}

.fake-destacada[data-v-634f8c1a] {
  width: 100%;
  height: 50vw;
  max-height: 60vh;
  min-height: 300px;
  padding: 50px 25px;
  margin-bottom: 30px;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  position: relative;
  background-image: linear-gradient(to top, #68131d, #ab1830);
}

.titulo-no-resultados[data-v-634f8c1a] {
  font-size: 50px;
  color: white;
  margin-top: 50px;
}
@keyframes micro-data-v-634f8c1a {
  to {
    transform: translate(-40%, -80%) perspective(100px) translateZ(20px);
  }
}
@media screen and (max-width: 820px) {
  .megafono[data-v-634f8c1a] {
    display: none;
  }
  .filtro[data-v-634f8c1a] {
    margin-top: 20px;
  }
  .big-title[data-v-634f8c1a] {
    font-size: 100px;
  }
}
@media screen and (max-width: 740px) {
  .contenedor-noticias[data-v-634f8c1a] {
    -moz-column-gap: 0;
    column-gap: 0;
    -moz-columns: 1;
    columns: 1;
  }
}
@media screen and (max-width: 500px) {
  .big-title[data-v-634f8c1a] {
    font-size: 70px;
  }
  .contenedor-categorias[data-v-634f8c1a] {
    margin-top: 40px;
  }
  .categoria-el[data-v-634f8c1a] {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    min-width: 100px;
  }
  .filtro[data-v-634f8c1a] {
    justify-content: center;
    -webkit-justify-content: center;
    max-width: 100%;
  }
  .filtro .search-container[data-v-634f8c1a] {
    max-width: 100%;
  }
  .filtro input[data-v-634f8c1a] {
    max-width: 100%;
  }
  .contenedor-categorias[data-v-634f8c1a] {
    justify-content: flex-start;
  }
}
.noticia-el[data-v-591d2fbd] {
  width: 100%;
  height: 50vw;
  max-height: 68vh;
  padding: 50px 25px;
  background: #c9c9c9;
  margin-bottom: 30px;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  position: relative;
}

.noticia-el .enlace-cover[data-v-591d2fbd] {
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 );
}

.noticia-el .contenedor-categorias[data-v-591d2fbd] {
  margin-bottom: 20px;
}

.noticia-el .titulo[data-v-591d2fbd] {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 48px;
  text-align: left;
  font-weight: 800;
  position: relative;
  z-index: 6;
}

@media screen and (max-width: 720px) {
  .noticia-el[data-v-591d2fbd] {
    padding: 20px 25px;
  }
  .noticia-el .titulo[data-v-591d2fbd] {
    font-size: 36px;
  }
}
@media screen and (max-width: 520px) {
  .noticia-el[data-v-591d2fbd] {
    padding: 10px 15px;
  }
  .noticia-el .fecha[data-v-591d2fbd] {
    padding: 5px;
    min-height: 40px;
    min-width: 50px;
  }
  .noticia-el .fecha .dia[data-v-591d2fbd] {
    font-size: 26px;
  }
  .noticia-el .fecha .mes[data-v-591d2fbd] {
    font-size: 18px;
  }
  .noticia-el .fecha .year[data-v-591d2fbd] {
    font-size: 15px;
  }
  .noticia-el .contenedor-categorias[data-v-591d2fbd] {
    margin-bottom: 10px;
  }
  .noticia-el .titulo[data-v-591d2fbd] {
    font-size: 18px;
  }
}
.promocion-el[data-v-4a352772] {
  width: 100%;
  position: relative;
  z-index: 6;
  padding-bottom: 130px;
}

.promocion-el[caducada=true][data-v-4a352772] {
  pointer-events: none;
}

.promocion-el > div[data-v-4a352772] {
  width: 100%;
  position: relative;
}

.promocion-el > div img[data-v-4a352772] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.promocion-el .texto[data-v-4a352772] {
  padding: 40px;
  padding-bottom: 80px;
  background: white;
  text-align: left;
  position: relative;
}

.promocion-el .texto .caducado[data-v-4a352772] {
  background: rgba(255, 255, 255, 0.5);
}

.promocion-el .actions[data-v-4a352772] {
  position: absolute;
  right: 40px;
  bottom: 20px;
}

.promocion-el:nth-child(2n) .texto[data-v-4a352772] {
  -moz-order: -1;
  -ms-order: -1;
  -o-order: -1;
  order: -1;
}

.promocion-el .caducado[data-v-4a352772] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 3;
}

.promocion-el .caducado h3[data-v-4a352772] {
  font-weight: bold;
  font-size: 30px;
  color: white;
  font-size: 30px;
  line-height: 1.1em;
  margin-bottom: 10px;
  width: 100%;
  padding: 25px 30px;
  height: 130px;
  max-width: 300px;
  background: url(https://risi.es/static/img/border-promo-fin.svg) center/100% auto no-repeat;
  text-transform: uppercase;
  font-family: "Oswald";
  transform: rotate(-20deg);
}

.link-promo[data-v-4a352772] {
  background: white;
  color: red;
  position: absolute;
  right: 0;
  bottom: -55px;
  font-family: "Oswald";
  color: #960234;
  font-size: 30px;
  padding: 10px 65px 10px 35px;
  background-image: url(https://risi.es/static/img/flecha-boton-rojo.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
}

@media screen and (max-width: 900px) {
  .promocion-el[data-v-4a352772] {
    margin-bottom: 25px;
  }
  .promocion-el > div[data-v-4a352772] {
    width: 100%;
  }
  .promocion-el > .texto[data-v-4a352772], .promocion-el:nth-child(2n) .texto[data-v-4a352772] {
    height: auto;
    padding-bottom: 40px;
    max-height: 100%;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
  }
  .link-promo[data-v-4a352772] {
    font-size: 25px;
    left: 0;
    text-align: left;
  }
}
@media screen and (max-width: 500px) {
  .promocion-el > .texto[data-v-4a352772], .promocion-el:nth-child(2n) .texto[data-v-4a352772] {
    padding: 20px;
  }
}
.contenedor-noticia[data-v-aa120172] {
  padding-top: 100px;
  padding-bottom: 50px;
  min-height: 900px;
}

.top-container[data-v-aa120172] {
  margin-bottom: 20px;
}

.contenedor-titulo[data-v-aa120172] {
  position: relative;
  min-height: 60px;
  display: inline-block;
  transform: translateY(200px);
  transition: 0.5s;
  transition-delay: 1s;
}

.contenedor-titulo[data-v-aa120172]::before {
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  display: inline-block;
  width: 160px;
  height: 137px;
  transform: translate(-100%, -100%);
  background: url(https://risi.es/static/img/espiral-roja.png) center/160px no-repeat;
  transition: 0.5s;
  transition-delay: 2s;
  opacity: 0;
}

.contenedor-titulo .titulo[data-v-aa120172] {
  font-family: "Oswald";
  font-size: 48px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}

.contenedor-titulo[isload=true][data-v-aa120172] {
  transform: translateY(0px);
}

.contenedor-titulo[isload=true][data-v-aa120172]::before {
  opacity: 1;
}

.contenedor-imagen.-principal[data-v-aa120172] {
  position: relative;
  min-width: 100%;
}

.contenedor-imagen.-principal[loading=true][data-v-aa120172] {
  min-height: 500px;
}

.contenedor-imagen.-principal[data-v-aa120172]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: inline-block;
  content: "";
  animation: GrisAnimation 2s ease infinite;
  background: linear-gradient(274deg, #fff, #fafafa);
  background-size: 400% 400%;
  transition: 0.8s;
  transition-delay: 0s;
  transform-origin: bottom;
}

.contenedor-imagen.-principal .imagen-noticia[data-v-aa120172] {
  width: 100%;
  position: relative;
  z-index: 2;
}

.contenedor-imagen.-principal .fecha[data-v-aa120172] {
  transition: 0.3s;
  transition-delay: 0.5s;
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.contenedor-imagen.-principal .volver[data-v-aa120172] {
  transition: 0.3s;
  transition-delay: 0.6s;
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
}

.contenedor-imagen[hasimg=true] .fecha[data-v-aa120172] {
  transform: translateX(100%);
}

.contenedor-imagen[hasimg=true] .volver[data-v-aa120172] {
  transform: translateX(-100%);
}

.contenedor-imagen[hasimg=true][data-v-aa120172]::before {
  transform: scaleY(0);
}

.contenedor-categorias[data-v-aa120172] {
  padding-top: 50px;
  padding-bottom: 50px;
}

.entradilla[data-v-aa120172] {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  display: inline-block;
  margin-bottom: 30px;
}

.parrafo[data-v-aa120172] {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}

.parrafo p[data-v-aa120172] {
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
}

.parrafo p b[data-v-aa120172], .parrafo p strong[data-v-aa120172] {
  font-weight: 800;
}

.destacado[data-v-aa120172] {
  max-width: 500px;
  border: 3px solid #960234;
  padding: 25px 40px;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  margin: 50px auto;
}

.contenedor-cuerpo .contenedor-imagen[data-v-aa120172] {
  margin-bottom: 40px;
}

.contenedor-cuerpo .contenedor-imagen img[data-v-aa120172] {
  width: 100%;
}

.contenedor-cuerpo .contenedor-imagen .pie[data-v-aa120172] {
  font-size: 10px;
  width: 100%;
  text-align: left;
  display: inline-block;
}

iframe[data-v-aa120172] {
  width: 100%;
  border: none;
  height: 400px;
  margin-bottom: 50px;
}

.fichero[data-v-aa120172] {
  font-weight: 800;
  width: 100%;
  text-align: left;
  display: inline-block;
  padding-left: 60px;
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-bottom: 20px;
}

.fichero[data-v-aa120172]::before {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #960234 url(https://risi.es/static/img/download.svg) center/20px no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100px;
}

ul[data-v-aa120172], ol[data-v-aa120172] {
  margin-bottom: 20px;
  padding-left: 30px;
}

li[data-v-aa120172] {
  text-align: left;
  margin-bottom: 10px;
  font-size: 16px;
}

li p[data-v-aa120172] {
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
}

li p b[data-v-aa120172], li p strong[data-v-aa120172] {
  font-weight: 800;
}

li p a[data-v-aa120172] {
  text-decoration: underline;
}

ul li[data-v-aa120172], ul[data-v-aa120172] {
  list-style-type: disc;
}

ol li[data-v-aa120172], ul[data-v-aa120172] {
  list-style-type: decimal;
}

.link[data-v-aa120172] {
  width: 100%;
  max-width: 400px;
  border: 1px solid #DDD;
  padding: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}

.link img[data-v-aa120172] {
  width: 100%;
}

.link h2[data-v-aa120172] {
  font-weight: 800;
  font-size: 20px;
  text-align: left;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}

.link p[data-v-aa120172] {
  font-size: 14px;
  text-align: left;
  display: inline-block;
  width: 100%;
}

.slider-galeria[data-v-aa120172] {
  margin-bottom: 40px;
}

.galeria-title[data-v-aa120172] {
  padding-bottom: 3px;
  display: inline-block;
  border-bottom: 2px solid #960234;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-family: "Oswald";
  color: #960234;
  font-size: 20px;
  margin-bottom: 30px;
  max-width: calc(100% - 20px);
}

.slider-galeria .contenedor-imagen[data-v-aa120172] {
  width: 33.333333%;
  display: inline-block;
  text-align: center;
  padding: 0 10px;
}

.slider-galeria .contenedor-imagen img[data-v-aa120172] {
  max-width: 100%;
  display: inline-block;
}

.imagen-visualizer[data-v-aa120172] {
  width: 100%;
  padding: 0 10px;
}

.imagen-visualizer img[data-v-aa120172] {
  width: 100%;
}

.otras-noticias[data-v-aa120172] {
  background-image: linear-gradient(44deg, #68131d, #ab1830);
  padding: 50px 0;
}

.otras-noticias .titulo[data-v-aa120172] {
  text-transform: uppercase;
  color: #fff;
  line-height: 0.9em;
  text-align: left;
  margin-bottom: 30px;
}

.otras-noticias .titulo span[data-v-aa120172] {
  width: 100%;
  display: inline-block;
  line-height: 0.9em;
  font-size: 46px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  font-family: "Oswald";
}

.otras-noticias .titulo strong[data-v-aa120172] {
  width: 100%;
  display: inline-block;
  line-height: 0.9em;
  font-size: 60px;
  padding-left: 45px;
  font-family: "Oswald";
}

.otras-noticias .noticia-container[data-v-aa120172] {
  width: 33%;
  padding: 0 10px;
}

.otras-noticias .noticia-container[data-v-aa120172]:last-of-type {
  display: none;
}

.otras-noticias .btn[data-v-aa120172] {
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  .otras-noticias .noticia-container[data-v-aa120172] {
    width: 50%;
    margin-bottom: 20px;
  }
  .otras-noticias .noticia-container[data-v-aa120172]:last-of-type {
    display: inline-block;
  }
}
@media screen and (max-width: 960px) {
  .contenedor-imagen[hasimg=true] .volver[data-v-aa120172] {
    transform: translate(0, -100%);
  }
  .contenedor-titulo .titulo[data-v-aa120172] {
    margin-bottom: 60px;
  }
  .contenedor-imagen[hasimg=true] .fecha[data-v-aa120172] {
    transform: translateX(0);
    z-index: 6;
  }
  .contenedor-noticia[data-v-aa120172] {
    padding-top: 50px;
  }
  .contenedor-titulo[isload=true][data-v-aa120172]::before {
    display: none;
  }
  .container.-xxs[data-v-aa120172] {
    min-width: 0;
    width: 100%;
    padding: 0 10px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 580px) {
  .container.-xs[data-v-aa120172] {
    padding: 0 10px;
  }
  .contenedor-noticia[data-v-aa120172] {
    padding-top: 0;
    padding: 0 10px;
  }
  .contenedor-noticia .top-container[data-v-aa120172] {
    display: none;
  }
  .contenedor-noticia .contenedor-titulo[data-v-aa120172] {
    padding-top: 0;
  }
  .big-title.-xs[data-v-aa120172] {
    font-size: 60px;
  }
  .contenedor-titulo .titulo[data-v-aa120172] {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .volver[data-v-aa120172] {
    display: none;
  }
  .otras-noticias .noticia-container[data-v-aa120172] {
    width: 100%;
  }
}
.noticia-fake[data-v-e7625290] {
  margin-top: 100px;
  display: inline-block;
  width: 100%;
}

.noticia-fake .container[data-v-e7625290] {
  width: 100%;
  padding-left: 150px;
  text-align: left;
}

.noticia-fake .title[data-v-e7625290] {
  height: 40px;
  display: inline-block;
  width: 100%;
  max-width: 460px;
  margin-bottom: 10px;
}

.noticia-fake p[data-v-e7625290] {
  height: 20px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  max-width: 768px;
}

.noticia-fake p.fecha[data-v-e7625290] {
  max-width: 200px;
}

.noticia-fake .parrafos[data-v-e7625290] {
  margin-top: 40px;
  margin-bottom: 60px;
  padding-left: 50px;
}

.noticia-fake .img-full[data-v-e7625290] {
  width: 100%;
  max-height: 500px;
  height: 100vw;
  display: inline-block;
}

.-backgroundLoad[data-v-e7625290] {
  animation: GrisAnimation-data-v-e7625290 2s ease infinite;
  background: linear-gradient(274deg, #f9f8f2, #eae7d8);
  background-size: 400% 400%;
}
@keyframes GrisAnimation-data-v-e7625290 {
  0% {
    background-position: 0% 48%;
  }
  50% {
    background-position: 100% 53%;
  }
  100% {
    background-position: 0% 48%;
  }
}
.rrss-share[data-v-0bee8bc6] {
  display: inline-block;
  width: auto;
  padding-right: 50px;
  padding-bottom: 10px;
  position: relative;
}

.share[data-v-0bee8bc6] {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  text-align: center;
}

.share[data-v-0bee8bc6]::before {
  content: attr(data-text);
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #ac1830;
  transform: translateX(100%);
  font-family: "Oswald";
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}

.link[data-v-0bee8bc6] {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #ac1830;
  display: inline-block;
  color: white;
  font-size: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: perspective(100px) translateZ(-10px);
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  text-align: center;
}

.rrss-share[show=true] .fb[data-v-0bee8bc6] {
  transform: perspective(100px) translateZ(0px) translate(30px, -50px);
}

.rrss-share[show=true] .twitter[data-v-0bee8bc6] {
  transform: perspective(100px) translateZ(0px) translate(-30px, -50px);
}

.rrss-share[show=true] .share[data-v-0bee8bc6]::before {
  content: attr(data-text1);
}

.rrss-share[show=true] .share[data-v-0bee8bc6]::after {
  content: "✕";
  width: 100%;
  height: 100%;
  background: #ac1830;
  display: inline-block;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
}

.promocion .rrss-share img[data-v-0bee8bc6] {
  display: none;
}

@media screen and (max-width: 768px) {
  .rrss-share[data-v-0bee8bc6] {
    width: 200px;
    padding-right: 0;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .rrss-share > img[data-v-0bee8bc6] {
    display: none;
  }
  .rrss-share .share[data-v-0bee8bc6] {
    left: 0;
  }
  .rrss-share .link[data-v-0bee8bc6] {
    left: 0;
    right: auto;
  }
  .rrss-share[show=true] .twitter[data-v-0bee8bc6] {
    transform: perspective(100px) translateZ(0px) translate(-50px, 0px);
  }
  .rrss-share[show=true] .fb[data-v-0bee8bc6] {
    transform: perspective(100px) translateZ(0px) translate(-100px, 0px);
  }
}
@media screen and (max-width: 500px) {
  .rrss-share[data-v-0bee8bc6] {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
    height: 40px;
  }
  .rrss-share .share[data-v-0bee8bc6] {
    left: auto;
    right: 100px;
  }
  .rrss-share .link[data-v-0bee8bc6] {
    left: auto;
    right: 100px;
  }
  .rrss-share[show=true] .twitter[data-v-0bee8bc6] {
    transform: perspective(100px) translateZ(0px) translate(-50px, 0px);
  }
  .rrss-share[show=true] .fb[data-v-0bee8bc6] {
    transform: perspective(100px) translateZ(0px) translate(-100px, 0px);
  }
}
.promociones-wrapper[data-v-b7b52c92] {
  background-image: linear-gradient(to top, #fcb734, #e69a01);
  position: relative;
}

.tirolina[data-v-b7b52c92] {
  max-width: 500px;
  position: absolute;
  left: 0;
  top: -10px;
}

.mio[data-v-b7b52c92] {
  position: absolute;
  max-width: 230px;
  right: 15%;
  top: 32%;
}

.gusanitos[data-v-b7b52c92] {
  position: absolute;
  max-width: 130px;
  right: -50px;
  top: 150px;
}

.triskys[data-v-b7b52c92] {
  position: absolute;
  max-width: 200px;
  left: -100px;
  bottom: 50%;
}

.palomita[data-v-b7b52c92] {
  position: absolute;
  max-width: 200px;
  right: 0;
  bottom: 0;
}

.container-title[data-v-b7b52c92] {
  max-width: 1400px;
  width: 100%;
}

.contenedor-promociones[data-v-b7b52c92] {
  max-width: 1024px;
  position: relative;
  z-index: 5;
  margin-top: 300px;
}

.contenedor-breadcrumb[data-v-b7b52c92] {
  position: relative;
  z-index: 7;
}

.chica-promociones[data-v-b7b52c92] {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 5;
  margin-left: -350px;
  transform: perspective(100px) translateZ(-100px);
  max-width: 700px;
  animation-name: animacionChica-data-v-b7b52c92;
  animation-duration: 0.8s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.31);
}
@keyframes animacionChica-data-v-b7b52c92 {
  to {
    transform: translateY(-90%);
  }
}
.promociones-list[data-v-b7b52c92] {
  position: relative;
  z-index: 6;
}

.promociones-list[data-v-b7b52c92]::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  content: "";
  background-image: linear-gradient(to top, #fcb734, #e69a01);
  display: inline-block;
}

.contenedor-texto-espiral[data-v-b7b52c92] {
  position: absolute;
  left: 500px;
  top: 200px;
  width: 200px;
  height: 300px;
  padding-top: 200px;
  transform: rotate(10deg);
}

.contenedor-texto-espiral .contenedor-espiral[data-v-b7b52c92] {
  position: absolute;
  left: 60px;
  top: 20px;
  transform: scale(0.8) rotate(20deg);
}

.contenedor-texto-espiral p[data-v-b7b52c92] {
  font-size: 36px;
  color: white;
  display: inline-block;
  line-height: 30px;
  margin-top: 30px;
  animation-delay: 2s;
}

@media screen and (max-width: 1800px) {
  .contenedor-texto-espiral[data-v-b7b52c92] {
    left: 390px;
  }
}
@media screen and (max-width: 1500px) {
  .contenedor-texto-espiral[data-v-b7b52c92] {
    left: 100px;
  }
  .big-title[data-v-b7b52c92] {
    font-size: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .contenedor-texto-espiral[data-v-b7b52c92] {
    left: 100px;
  }
  .big-title[data-v-b7b52c92] {
    font-size: 100px;
  }
}
@media screen and (max-width: 980px) {
  .tirolina[data-v-b7b52c92] {
    max-width: 33vw;
  }
  .contenedor-texto-espiral[data-v-b7b52c92], .mio[data-v-b7b52c92], .gusanitos[data-v-b7b52c92], .triskys[data-v-b7b52c92], .palomita[data-v-b7b52c92] {
    display: none;
  }
  .chica-promociones[data-v-b7b52c92] {
    width: auto;
    max-width: 400px;
    margin-left: -200px;
  }
  .contenedor-promociones[data-v-b7b52c92] {
    margin-top: 200px;
  }
}
@media screen and (max-width: 710px) {
  .big-title[data-v-b7b52c92] {
    font-size: 80px;
  }
  .chica-promociones[data-v-b7b52c92] {
    max-width: 360px;
    margin-left: -180px;
  }
  .tirolina[data-v-b7b52c92] {
    width: 50vw;
    max-width: 50vw;
  }
}
@media screen and (max-width: 580px) {
  .big-title[data-v-b7b52c92] {
    font-size: 60px;
  }
  .chica-promociones[data-v-b7b52c92] {
    max-width: 300px;
    margin-left: -150px;
  }
  .contenedor-promociones[data-v-b7b52c92] {
    margin-top: 140px;
  }
}
@media screen and (max-width: 440px) {
  .big-title[data-v-b7b52c92] {
    font-size: 40px;
  }
  .chica-promociones[data-v-b7b52c92] {
    max-width: 200px;
    margin-left: -100px;
  }
  .contenedor-promociones[data-v-b7b52c92] {
    margin-top: 100px;
  }
  @keyframes animacionChica-data-v-b7b52c92 {
    to {
      transform: translateY(-60%);
    }
  }
}
.ficha-promocion[data-v-da3ab9f6] {
  min-height: 100vh;
}

.ficha-promocion[multiple=multiple][data-v-da3ab9f6], .ficha-promocion[sinmarca=true][data-v-da3ab9f6] {
  background-image: linear-gradient(to top, #fcb734, #e69a01);
}

.ficha-promocion[data=Gusanitos][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, rgba(62, 140, 65, 0.99), #1e4332);
}

.ficha-promocion[data=Matchball][data-v-da3ab9f6] {
  background-image: linear-gradient(to top, #231f46, #766dd7);
}

.ficha-promocion[data=Mios][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #3b3b3b, #000);
}

.ficha-promocion[data=Palomitas][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #c12026, #84163b);
}

.ficha-promocion[data=Triskys][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #c82621, #8f120b);
}

.ficha-promocion[data=Trickers][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #000, #000);
}

.ficha-promocion[data=Risketos][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #f5944c, #df6e28);
}

.ficha-promocion[data=Patatas][data-v-da3ab9f6] {
  background-image: linear-gradient(to top, #89572c, #d3a175);
}

.ficha-promocion[data=Clasicas][data-v-da3ab9f6] {
  background-image: linear-gradient(to top, #89572c, #d3a175);
}

.ficha-promocion[data=Onduladas][data-v-da3ab9f6] {
  background: linear-gradient(to bottom, #fad961, #f7e01c);
}

.ficha-promocion[data=Buscalios][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #317c45, #004711);
}

.ficha-promocion[data=Tejitas][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #317c45, #004711);
}

.ficha-promocion[data="Surtis 4U"][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #c82621, #8f120b);
}

.ficha-promocion[data="B-San Chocolate"][data-v-da3ab9f6] {
  background-image: linear-gradient(to top, #a55154, #5e2d2f);
}

.ficha-promocion[data="B-San Desayuno"][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #833f41, #5e2d2f);
}

.ficha-promocion[data=Premium][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #C39746, #8B6A2C);
}

.ficha-promocion[data=Infantiles][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #426a93, #273d79, #303c86);
}

.ficha-promocion[data=Tradicionales][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #37744d, #1e4332);
}

.ficha-promocion[data="0 Azucares"][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #e96087, #fab925);
}

.ficha-promocion[data="Caramelos tradicionales"][data-v-da3ab9f6] {
  background-image: linear-gradient(to bottom, #00796b, #59bbac);
}

.imagen-cabecera[data-v-da3ab9f6] {
  position: relative;
  width: 100%;
  height: 380px;
  display: block;
}

.imagen-cabecera .container-title[data-v-da3ab9f6] {
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-top: 0;
}

.imagen-cabecera .big-title[data-v-da3ab9f6] {
  width: auto;
}

.cuerpo-promo[data-v-da3ab9f6] {
  margin-top: -200px;
  position: relative;
  z-index: 2;
}

.volver[data-v-da3ab9f6] {
  position: absolute;
  transform: translate(-100%, 160px);
  left: 25px;
}

.contenedor-cuerpo[data-v-da3ab9f6] {
  min-width: 0;
  width: 100%;
  max-width: 80vw;
}

.fecha[data-v-da3ab9f6] {
  position: relative;
}

.fecha span.title[data-v-da3ab9f6] {
  font-size: 21px;
  text-transform: uppercase;
  font-family: "Oswald";
  color: #1f2020;
  line-height: 21px;
}

.fecha.-fin[data-v-da3ab9f6] {
  background: white;
}

.fecha.-fin .title[data-v-da3ab9f6] {
  border-bottom: none;
  padding-bottom: 0;
}

.fecha.-fin span[data-v-da3ab9f6] {
  color: #1f2020;
  border-bottom: 1px solid rgba(32, 32, 32, 0.3);
}

.fecha.-fin span.mes[data-v-da3ab9f6] {
  color: rgba(32, 32, 32, 0.5);
}

.fecha.-fin span.year[data-v-da3ab9f6] {
  color: rgba(32, 32, 32, 0.3);
  border-bottom: none;
}

.fecha.-inicio .title[data-v-da3ab9f6] {
  border-bottom: none;
  padding-bottom: 0;
  color: white;
}

.promocion .imagenes div[data-v-da3ab9f6] {
  width: 100%;
  height: 485px;
}

.promocion .textos[data-v-da3ab9f6] {
  background: white;
  padding: 50px 100px;
  text-align: left;
}

.promocion .textos .entrada[data-v-da3ab9f6] {
  font-weight: 700;
  font-size: 18px;
  text-align: justify;
}

.promocion .logo-text[data-v-da3ab9f6] {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.promocion .cuerpo[data-v-da3ab9f6] {
  margin-top: 20px;
}

.promocion .cuerpo p[data-v-da3ab9f6] {
  margin-bottom: 15px;
}

.promocion .bottom[data-v-da3ab9f6] {
  margin-top: 140px;
}

.promocion .share-button[data-v-da3ab9f6] {
  text-transform: uppercase;
  color: #960234;
  font-family: "Oswald";
  font-size: 16px;
}

.promocion .share-button .share[data-v-da3ab9f6] {
  margin-right: 10px;
  width: 25px;
  height: 25px;
}

.promocion .bases-legales[data-v-da3ab9f6] {
  position: relative;
}

.promocion .bases-legales .espiral[data-v-da3ab9f6] {
  position: absolute;
  left: -20px;
  top: 20px;
  transform: translate(-100%, -100%) rotate(-85deg);
}

.promocion .destacado[data-v-da3ab9f6] {
  max-width: 500px;
  border: 3px solid #960234;
  padding: 25px 40px;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  margin: 50px auto;
}

.promocion .enlace-bases[data-v-da3ab9f6] {
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Oswald";
  font-size: 18px;
}

.promocion .enlace-bases img[data-v-da3ab9f6] {
  margin-right: 10px;
}

.contenedor-promos-anteriores[data-v-da3ab9f6] {
  position: relative;
  margin-left: 180px;
}

.bottom-side .abanico[data-v-da3ab9f6] {
  position: absolute;
  right: -140px;
  bottom: -45px;
  transform: scale(0.6);
}

.fake[data-v-da3ab9f6] {
  min-height: 100vh;
  display: inline-block;
  width: 100%;
}

.contenedor-imagen img[data-v-da3ab9f6] {
  width: 100%;
}

.btn.-action[data-v-da3ab9f6] {
  text-transform: uppercase;
  font-family: "Oswald";
  background: #960234;
  font-size: 40px;
  color: white;
  margin-top: 30px;
}

.btn.-action[data-v-da3ab9f6]::before {
  display: none;
}

.suscrito[data-v-da3ab9f6] {
  font-family: "Oswald";
  font-size: 40px;
  color: #960234;
  text-transform: uppercase;
}

@media screen and (max-width: 1500px) {
  .imagen-cabecera .big-title[data-v-da3ab9f6] {
    width: 100%;
    padding-left: 100px;
    transform: translateY(0);
  }
  .container-title[data-v-da3ab9f6] {
    position: relative;
  }
  .contenedor-fechas[data-v-da3ab9f6] {
    position: absolute;
    right: 25px;
    top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .bottom-side .abanico[data-v-da3ab9f6] {
    display: none;
  }
  .promocion .imagenes div[data-v-da3ab9f6] {
    height: 45vw;
  }
}
@media screen and (max-width: 900px) {
  .bottom-side .abanico[data-v-da3ab9f6] {
    transform: scale(1);
    right: 0;
    bottom: -40px;
  }
  .promocion .textos[data-v-da3ab9f6] {
    padding: 25px 25px;
  }
  .container-title .big-title[data-v-da3ab9f6] {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .contenedor-promos-anteriores[data-v-da3ab9f6] {
    margin-left: 80px;
    padding-top: 60px;
  }
  .contenedor-promos-anteriores .espiral[data-v-da3ab9f6] {
    width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .imagen-cabecera[data-v-da3ab9f6] {
    height: 60vw;
    min-height: 400px;
  }
  .promocion .imagenes div[data-v-da3ab9f6] {
    width: 100%;
  }
  .volver[data-v-da3ab9f6] {
    display: none;
  }
  .contenedor-promos-anteriores[data-v-da3ab9f6] {
    margin-left: 0;
    padding: 0;
    margin-bottom: 60px;
    width: 100%;
  }
  .contenedor-promos-anteriores .espiral[data-v-da3ab9f6] {
    display: none;
  }
  .contenedor-promos-anteriores p[data-v-da3ab9f6] {
    transform: rotate(0);
    max-width: 100%;
    text-align: center;
    width: 100%;
    display: inline-block;
  }
  .bottom-side .abanico[data-v-da3ab9f6] {
    transform: translateX(-50%);
    left: 50%;
    right: auto;
  }
  .promocion .textos .entrada[data-v-da3ab9f6] {
    font-size: 16px;
  }
  .promocion .cuerpo[data-v-da3ab9f6] {
    margin-top: 20px;
  }
  .promocion .bottom[data-v-da3ab9f6] {
    margin-top: 40px;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .bases-legales[data-v-da3ab9f6] {
    width: 100%;
  }
  .bases-legales .espiral[data-v-da3ab9f6] {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .promocion .bottom[data-v-da3ab9f6] {
    margin-top: 20px;
  }
  .titulo-noticia[data-v-da3ab9f6] {
    font-size: 24px;
    line-height: 28px;
  }
  .contenedor-cuerpo[data-v-da3ab9f6] {
    padding: 0;
  }
  .suscrito[data-v-da3ab9f6] {
    font-size: 28px;
  }
}
.contenedor-rrss-follow[data-v-af377f5e] {
  border: 1px solid white;
  padding: 50px 100px;
  margin-top: 50px;
  margin-bottom: 25px;
  animation-delay: 1.5s;
}

.contenedor-rrss-follow .titulo-noticia[data-v-af377f5e] {
  color: white;
  font-family: "Oswald";
  width: 50%;
  text-align: left;
}

.contenedor-rrss-follow .enlaces-redes[data-v-af377f5e] {
  width: 50%;
}

.contenedor-rrss-follow .enlaces-redes a[data-v-af377f5e] {
  flex-grow: 2;
  color: white;
  font-size: 16px;
}

.contenedor-rrss-follow .enlaces-redes a i[data-v-af377f5e] {
  font-size: 34px;
  margin-bottom: 10px;
  color: white;
}

@media screen and (max-width: 1024px) {
  .contenedor-rrss-follow[data-v-af377f5e] {
    padding: 25px 50px;
  }
}
@media screen and (max-width: 960px) {
  .contenedor-rrss-follow[data-v-af377f5e] {
    padding: 25px;
  }
  .contenedor-rrss-follow .titulo-noticia[data-v-af377f5e] {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .contenedor-rrss-follow .enlaces-redes[data-v-af377f5e] {
    width: 100%;
  }
}
@media screen and (max-width: 530px) {
  .contenedor-rrss-follow[data-v-af377f5e] {
    padding: 20px 15px;
  }
  .contenedor-rrss-follow .titulo-noticia[data-v-af377f5e] {
    font-size: 24px;
  }
  .contenedor-rrss-follow .enlaces-redes a[data-v-af377f5e] {
    font-size: 14px;
  }
  .contenedor-rrss-follow .enlaces-redes a i[data-v-af377f5e] {
    font-size: 24px;
  }
}
.abanico[data-v-3106ada2] {
  width: 750px;
  height: 400px;
  position: relative;
  display: inline-block;
}

img[data-v-3106ada2] {
  max-height: 400px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.wrapper-snacks img[data-v-3106ada2]:first-child {
  transform: translate(200px, 400px) rotate(-30deg) perspective(100px) translateZ(-100px);
  left: 0px;
  top: 80px;
}
@keyframes matchball-data-v-3106ada2 {
  to {
    transform: rotate(-30deg);
  }
}
.wrapper-snacks img[data-v-3106ada2]:nth-child(2) {
  transform: translate(100px, 400px) rotate(-10deg) perspective(100px) translateZ(-100px);
  left: 80px;
  top: 0px;
}
@keyframes gusanitos-data-v-3106ada2 {
  to {
    transform: rotate(-10deg);
  }
}
.wrapper-snacks img[data-v-3106ada2]:nth-child(3) {
  transform: perspective(100px) translate(30px, 700px) rotate(-3deg) translateZ(-100px);
  left: 200px;
  top: 20px;
}
@keyframes mios-data-v-3106ada2 {
  to {
    transform: rotate(-3deg);
  }
}
.wrapper-snacks img[data-v-3106ada2]:nth-child(4) {
  transform: translate(-100px, 400px) rotate(10deg) perspective(100px) translateZ(-100px);
  left: 300px;
  top: 20px;
}
@keyframes triskys-data-v-3106ada2 {
  to {
    transform: rotate(20deg);
  }
}
.risketos[data-v-3106ada2] {
  transform: translate(-200px, 400px) rotate(20deg) perspective(100px) translateZ(-100px);
  left: 400px;
  top: 40px;
}
@keyframes risketos-data-v-3106ada2 {
  to {
    transform: rotate(20deg);
  }
}
.palomitas[data-v-3106ada2] {
  transform: translate(-300px, 400px) rotate(30deg) perspective(100px) translateZ(-100px);
  left: 500px;
  top: 60px;
}
@keyframes palomitas-data-v-3106ada2 {
  to {
    transform: rotate(30deg);
  }
}
.launched img[data-v-3106ada2] {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1);
}

.launched .Fritana[data-v-3106ada2] {
  animation-name: matchball-data-v-3106ada2;
}

.launched .Lux[data-v-3106ada2] {
  animation-name: gusanitos-data-v-3106ada2;
}

.launched .kimo[data-v-3106ada2] {
  animation-name: mios-data-v-3106ada2;
}

.launched .scoop[data-v-3106ada2] {
  animation-name: triskys-data-v-3106ada2;
}

.launched .risketos[data-v-3106ada2] {
  animation-name: risketos-data-v-3106ada2;
}

.launched .palomitas[data-v-3106ada2] {
  animation-name: palomitas-data-v-3106ada2;
}

img[data-v-3106ada2]:nth-child(1) {
  animation-delay: 0.2s;
}

img[data-v-3106ada2]:nth-child(2) {
  animation-delay: 0.3s;
}

img[data-v-3106ada2]:nth-child(3) {
  animation-delay: 0.4s;
}

img[data-v-3106ada2]:nth-child(4) {
  animation-delay: 0.5s;
}

img[data-v-3106ada2]:nth-child(5) {
  animation-delay: 0.6s;
}

img[data-v-3106ada2]:nth-child(6) {
  animation-delay: 0.7s;
}

.banner-promociones img[data-v-3106ada2]:nth-child(1) {
  animation-delay: 2.7s;
}

.banner-promociones img[data-v-3106ada2]:nth-child(2) {
  animation-delay: 2.8s;
}

.banner-promociones img[data-v-3106ada2]:nth-child(3) {
  animation-delay: 2.9s;
}

.banner-promociones img[data-v-3106ada2]:nth-child(4) {
  animation-delay: 3s;
}

.banner-promociones img[data-v-3106ada2]:nth-child(5) {
  animation-delay: 3.1s;
}

.banner-promociones img[data-v-3106ada2]:nth-child(6) {
  animation-delay: 3.2s;
}

.wrapper-snacks img[data-v-3106ada2]:nth-child(1) {
  animation-delay: 1.1s;
}

.wrapper-snacks img[data-v-3106ada2]:nth-child(2) {
  animation-delay: 1.2s;
}

.wrapper-snacks img[data-v-3106ada2]:nth-child(3) {
  animation-delay: 1.3s;
}

.wrapper-snacks img[data-v-3106ada2]:nth-child(4) {
  animation-delay: 1.4s;
}

.wrapper-snacks img[data-v-3106ada2]:nth-child(5) {
  animation-delay: 1.5s;
}

.wrapper-snacks img[data-v-3106ada2]:nth-child(6) {
  animation-delay: 1.6s;
}

@media screen and (max-width: 900px) {
  .abanico[data-v-3106ada2] {
    width: 360px;
    height: 200px;
  }
  .abanico img[data-v-3106ada2] {
    max-height: 180px;
  }
  .abanico .match-ball[data-v-3106ada2] {
    top: 20px;
  }
  .abanico .gusanitos[data-v-3106ada2] {
    left: 40px;
    top: 10px;
  }
  .abanico .mios[data-v-3106ada2] {
    left: 120px;
    top: 0px;
  }
  .abanico .triskys[data-v-3106ada2] {
    left: 170px;
    top: 0px;
  }
  .abanico .risketos[data-v-3106ada2] {
    left: 210px;
    top: 10px;
  }
  @keyframes risketos-data-v-3106ada2 {
    to {
      transform: rotate(25deg);
    }
  }
  .abanico .palomitas[data-v-3106ada2] {
    left: 250px;
    top: 20px;
  }
}
.container-popup-social[data-v-6f5997b9] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 20;
  padding: 40px;
}

.container-popup-social .popup-social[data-v-6f5997b9] {
  width: 100%;
  background: white;
  padding: 150px 40px 50px 40px;
  max-width: 768px;
  border: 15px solid #ac1830;
  position: relative;
}

.container-popup-social .popup-social .close[data-v-6f5997b9] {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ac1830;
  font-size: 26px;
}

.container-popup-social .popup-social .mio[data-v-6f5997b9] {
  position: absolute;
  max-width: 120px;
  left: 50px;
  top: -70px;
}

.container-popup-social .popup-social .gusanitos[data-v-6f5997b9] {
  position: absolute;
  max-width: 130px;
  right: -50px;
  top: 150px;
}

.container-popup-social .popup-social .triskys[data-v-6f5997b9] {
  position: absolute;
  max-width: 200px;
  left: -100px;
  bottom: -100px;
}

.container-popup-social .contenedor-boton[data-v-6f5997b9] {
  width: 100%;
  max-width: 340px;
  position: relative;
}

.container-popup-social .contenedor-boton .linea[data-v-6f5997b9] {
  position: absolute;
  max-width: 60px;
  bottom: 40px;
  right: 20px;
}

.container-popup-social .contenedor-boton h2[data-v-6f5997b9] {
  position: absolute;
  right: -50px;
  bottom: 130px;
  color: #ac1830;
  font-size: 36px;
  max-width: 130px;
  transform: rotate(10deg);
}

.container-popup-social .fb-button[data-v-6f5997b9] {
  background: #4267B2;
  color: white;
  padding: 10px 20px;
  border-radius: 2px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 250px;
  font-size: 16px;
  margin-bottom: 20px;
}

.container-popup-social .fb-button i[data-v-6f5997b9] {
  margin-right: 20px;
  font-size: 20px;
  display: inline-block;
}

.container-popup-social .contenedor-input[data-v-6f5997b9] {
  max-width: 340px;
}

.container-popup-social .contenedor-input input[type=checkbox] + label[data-v-6f5997b9] {
  color: black;
}

.container-popup-social .contenedor-input input[type=checkbox] + label[data-v-6f5997b9]::before {
  border-color: black;
}

.container-popup-social .contenedor-input .error[data-v-6f5997b9] {
  color: red;
}

@media screen and (max-width: 640px) {
  .container-popup-social .contenedor-boton h2[data-v-6f5997b9] {
    display: none;
  }
  .container-popup-social .contenedor-boton .linea[data-v-6f5997b9] {
    display: none;
  }
  .container-popup-social .popup-social[data-v-6f5997b9] {
    padding-top: 70px;
  }
}
@media screen and (max-width: 520px) {
  .container-popup-social[data-v-6f5997b9] {
    padding: 20px;
  }
  .container-popup-social .popup-social .gusanitos[data-v-6f5997b9] {
    display: none;
  }
  .container-popup-social .popup-social .mio[data-v-6f5997b9] {
    max-width: 80px;
    top: -40px;
  }
  .container-popup-social .popup-social[data-v-6f5997b9] {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-popup-social .popup-social .triskys[data-v-6f5997b9] {
    max-width: 120px;
    left: -40px;
    bottom: -40px;
  }
}
@media screen and (max-width: 415px) {
  .container-popup-social .popup-social .triskys[data-v-6f5997b9] {
    display: none;
  }
  .container-popup-social .popup-social[data-v-6f5997b9] {
    padding: 20px;
  }
}
@media screen and (max-width: 350px) {
  .container-popup-social .fb-button i[data-v-6f5997b9] {
    margin-right: 10px;
  }
  .container-popup-social .fb-button[data-v-6f5997b9] {
    font-size: 14px;
  }
}
.bases-legales-promo[data-v-48f619ec] {
  background: white;
  min-height: 100vh;
}

.bases-legales-promo[data=Gusanitos][data-v-48f619ec] {
  background-image: linear-gradient(to bottom, rgba(62, 140, 65, 0.99), #1e4332);
}

.bases-legales-promo[data=match-ball][data-v-48f619ec], .bases-legales-promo[data=matchball][data-v-48f619ec] {
  background-image: linear-gradient(to top, #231f46, #766dd7);
}

.bases-legales-promo[data=mios][data-v-48f619ec] {
  background-image: linear-gradient(to bottom, #3b3b3b, #000);
}

.bases-legales-promo[data=palomitas][data-v-48f619ec] {
  background-image: linear-gradient(to bottom, #c12026, #84163b);
}

.bases-legales-promo[data=triskys][data-v-48f619ec] {
  background-image: linear-gradient(to bottom, #c82621, #8f120b);
}

.titulo-noticia[data-v-48f619ec] {
  width: 100%;
  text-align: left;
  color: #1f2020;
  margin-bottom: 40px;
}

@media screen and (max-width: 1100px) {
  .contenedor-cuerpo-legales .volver[data-v-48f619ec] {
    transform: translateX(0);
    margin-top: -35px;
  }
  .contenedor-cuerpo-legales[data-v-48f619ec] {
    padding: 20px 20px;
    margin-top: 20px;
  }
  .container-title[data-v-48f619ec] {
    margin-top: 80px;
  }
}
.pressroom-wrapper[data-v-ed05dfd8] {
  background-image: linear-gradient(189deg, #c6ca51, #adbb26);
  overflow: hidden;
}

.promociones-list[data-v-ed05dfd8] {
  min-height: 100vh;
}

.container-title[data-v-ed05dfd8] {
  max-width: 1180px;
  width: 80vw;
  width: 100%;
  position: relative;
  margin-top: 50px;
}

.contenedor-texto-espiral[data-v-ed05dfd8] {
  position: absolute;
  right: 0;
  top: 0px;
  width: 230px;
  height: auto;
  display: inline-block;
  padding-top: 150px;
  transform: rotate(-15deg);
}

.contenedor-texto-espiral .contenedor-espiral[data-v-ed05dfd8] {
  position: absolute;
  top: -40px;
  right: 150px;
  transform: rotateY(190deg) scale(0.65) rotate(10deg);
  width: 170px;
  height: 150px;
}

.contenedor-texto-espiral p[data-v-ed05dfd8] {
  font-size: 36px;
  color: white;
  text-align: center;
  line-height: 40px;
  max-width: 230px;
  animation-delay: 1s;
}

.contenedor-pressroom[data-v-ed05dfd8] {
  position: relative;
  z-index: 5;
  margin-top: -50px;
}

.risi-gray-boy[data-v-ed05dfd8] {
  position: absolute;
  left: 60px;
  bottom: 110px;
}

.big-title[data-v-ed05dfd8] {
  font-size: 180px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.pressroom-list[data-v-ed05dfd8] {
  width: 100%;
  background: white;
  display: inline-block;
  padding: 100px 50px;
  position: relative;
}

.microfono[data-v-ed05dfd8] {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -70%);
}

.volver[data-v-ed05dfd8] {
  transform: translateX(-100%);
}

.periodico[data-v-ed05dfd8] {
  margin-top: -80px;
  max-width: 100%;
  width: 100%;
  max-width: 600px;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  transition-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  transform: translateX(100px);
}

.trisky[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 100px;
}

.patata[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  right: -200px;
  top: 100px;
  max-width: 220px;
}

.mio[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  right: -400px;
  top: 700px;
  max-width: 220px;
}

.risketo[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  left: -300px;
  top: 200px;
  max-width: 320px;
}

.buscalio[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  left: -300px;
  top: 600px;
  max-width: 320px;
}

.palomita[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  left: 600px;
  top: 400px;
  max-width: 150px;
  filter: blur(1px);
}

.palomita-inversa[data-v-ed05dfd8] {
  position: absolute;
  z-index: 5;
  left: -300px;
  top: -200px;
  max-width: 220px;
}

.trisky-dos[data-v-ed05dfd8] {
  position: absolute;
  z-index: 2;
  left: 100px;
  bottom: 400px;
  max-width: 220px;
  filter: blur(1px);
}

.gusanito[data-v-ed05dfd8] {
  position: absolute;
  z-index: 2;
  right: -200px;
  top: 400px;
  max-width: 120px;
}

.btn.materiales[data-v-ed05dfd8] {
  position: absolute;
  left: 0;
  bottom: 100px;
}

@media screen and (max-width: 1000px) {
  .contenedor-texto-espiral[data-v-ed05dfd8] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .big-title[data-v-ed05dfd8] {
    font-size: 150px;
  }
  .periodico[data-v-ed05dfd8] {
    max-width: 500px;
  }
  .contenedor-descargas[data-v-ed05dfd8] {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 500px) {
  .big-title[data-v-ed05dfd8] {
    font-size: 95px;
  }
  .periodico[data-v-ed05dfd8] {
    max-width: 300px;
  }
}
.contenedor-formulario[data-v-43588eaa] {
  max-width: 523px;
  margin: 0 auto;
  margin-top: -60px;
  position: relative;
  z-index: 5;
}

.contenedor-formulario .microfono[data-v-43588eaa] {
  position: absolute;
  left: -230px;
  top: -30px;
  animation-delay: 1s;
  opacity: 1;
  transform: scaleX(0);
  opacity: 0;
  width: 300px;
}

.contenedor-formulario .microfono.launched[data-v-43588eaa] {
  animation-name: triskys-data-v-43588eaa;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
}
@keyframes triskys-data-v-43588eaa {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    opacity: 0.5;
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    opacity: 1;
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
.contenedor-formulario h3[data-v-43588eaa] {
  font-size: 36px;
  font-family: "Oswald";
  color: white;
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 20px;
  animation-delay: 0.5s;
}

.contenedor-input input[data-v-43588eaa], .contenedor-input textarea[data-v-43588eaa] {
  background: rgba(255, 255, 255, 0.2);
}

.contenedor-input .error[data-v-43588eaa] {
  color: red;
}

@media screen and (max-width: 768px) {
  .contenedor-formulario[data-v-43588eaa] {
    margin-top: 20px;
  }
  .contenedor-formulario .microfono[data-v-43588eaa] {
    max-width: 100px;
    left: 60px;
    display: none;
  }
  .contenedor-formulario h3[data-v-43588eaa] {
    font-size: 24px;
  }
}
.contenedor-error[data-v-eb1240de] {
  width: 300px;
  height: 400px;
  position: absolute;
  right: 0;
  bottom: 0px;
  pointer-events: none;
  overflow: hidden;
}

.contenedor-error h2[data-v-eb1240de] {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 26px;
  left: 0px;
  padding: 0 20px 40px 15px;
  top: 0px;
}

.contenedor-error h2.-enviado[data-v-eb1240de] {
  padding-top: 40px;
}

.contenedor-error h2 strong[data-v-eb1240de] {
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 0;
  font-family: "Conv_YummyCupcakes";
}

.contenedor-error .nerd[data-v-eb1240de] {
  max-width: 70px;
  bottom: 0;
  right: 0;
  position: absolute;
  transform: translateY(110%);
  transition: 0.5s;
  transition-delay: 0.6s;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
}

.contenedor-error .bocadillo[data-v-eb1240de] {
  max-width: 200px;
  bottom: 120px;
  position: absolute;
  right: 50px;
  transform: translate(50%, 44%) perspective(20px) translateZ(-170px);
  transition: 1s;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  opacity: 0;
}

.contenedor-error .bocadillo img[data-v-eb1240de] {
  max-width: 100%;
}

.contenedor-error[show=true] .nerd[data-v-eb1240de] {
  transform: translateY(0);
  transition-delay: 0s;
}

.contenedor-error[show=true] .bocadillo[data-v-eb1240de] {
  transform: translate(0%, 0%) perspective(100px) translateZ(0px);
  opacity: 1;
  transition-delay: 0.5s;
}

.banner-risi-hoy[data-v-ba1e7550] {
  background-image: linear-gradient(to top, #f5515f, #9f041b);
  padding: 100px 0 0 0;
  position: relative;
  overflow: hidden;
}

.banner-risi-hoy > .container[data-v-ba1e7550] {
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  position: relative;
  padding-bottom: 100px;
  width: 100%;
}

.banner-risi-hoy .bandera-risi[data-v-ba1e7550] {
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 4;
  transform: translate(0, 400px) perspective(100px) translateZ(-20px);
  animation-delay: 4.5s;
}

.launched .bandera-risi[data-v-ba1e7550] {
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1);
  animation-name: allReset;
}

h2[data-v-ba1e7550] {
  width: 100%;
  max-width: 700px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  margin-bottom: 20px;
  padding-top: 40px;
}

h2 span[data-v-ba1e7550] {
  font-family: "Oswald";
  text-transform: uppercase;
  transform: translateY(300px) perspective(100px) translateZ(-50px);
}

h2 .s[data-v-ba1e7550] {
  font-size: 50px;
  text-align: left;
  line-height: 0.9em;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  width: 100%;
  animation-delay: 0.5s;
}

h2 .m[data-v-ba1e7550] {
  font-size: 60px;
  text-align: center;
  line-height: 0.9em;
  color: #fff;
  display: inline-block;
  width: 100%;
  animation-delay: 1.3s;
}

h2 .l[data-v-ba1e7550] {
  font-size: 120px;
  text-align: left;
  line-height: 0.9em;
  color: rgba(35, 9, 9, 0.2);
  display: inline-block;
  width: 100%;
  animation-delay: 2.2s;
}

.btn[data-v-ba1e7550] {
  transform: translate(0, 400px) perspective(100px) translateZ(-20px);
  animation-delay: 2.5s;
}

.launched .btn[data-v-ba1e7550] {
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  animation-name: allReset;
}

.launched h2 span[data-v-ba1e7550] {
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  animation-name: allReset;
}

@media screen and (max-width: 1150px) {
  .btn[data-v-ba1e7550] {
    margin-right: 20px;
  }
  h2[data-v-ba1e7550] {
    z-index: 5;
  }
}
@media screen and (max-width: 900px) {
  .bandera-risi[data-v-ba1e7550] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .banner-risi-hoy > .container[data-v-ba1e7550] {
    align-items: center;
    -webkit-align-items: center;
  }
  h2 .s[data-v-ba1e7550] {
    font-size: 36px;
  }
  h2 .m[data-v-ba1e7550] {
    font-size: 42px;
  }
  h2 .l[data-v-ba1e7550] {
    font-size: 80px;
  }
}
@media screen and (max-width: 768px) {
  h2[data-v-ba1e7550] {
    line-height: 1.3em;
    max-width: 500px;
  }
  h2 .s[data-v-ba1e7550] {
    font-size: 32px;
    line-height: 1.1em;
  }
  h2 .m[data-v-ba1e7550] {
    font-size: 36px;
    line-height: 1.1em;
  }
  h2 .l[data-v-ba1e7550] {
    font-size: 56px;
    line-height: 1.1em;
  }
  .banner-risi-hoy[data-v-ba1e7550] {
    padding-top: 10px;
  }
  .banner-risi-hoy > .container[data-v-ba1e7550] {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 430px) {
  h2[data-v-ba1e7550] {
    line-height: 1.3em;
  }
  h2 .s[data-v-ba1e7550] {
    font-size: 24px;
    line-height: 1.1em;
  }
  h2 .m[data-v-ba1e7550] {
    font-size: 26px;
    line-height: 1.1em;
  }
  h2 .l[data-v-ba1e7550] {
    font-size: 42px;
    line-height: 1.1em;
  }
  .btn.-action[data-v-ba1e7550] {
    font-size: 30px;
  }
}
.faqs-wrapper[data-v-3f465542] {
  background-image: linear-gradient(324deg, #8a86a9, #d3a0dc);
  padding-bottom: 200px;
  position: relative;
}

.gusanito-esquina[data-v-3f465542] {
  position: fixed;
  right: 0;
  top: 200px;
  max-width: 200px;
  transition: 0.2s;
  transition-timing-function: ease-in-out;
}

.montana-patatas[data-v-3f465542] {
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  width: 50vw;
  max-width: 420px;
  min-width: 320px;
  z-index: 2;
}

.promociones-list[data-v-3f465542] {
  min-height: 100vh;
}

.container-title[data-v-3f465542] {
  max-width: 1180px;
  width: 80vw;
  width: 100%;
  position: relative;
}

.contenedor-faqs[data-v-3f465542] {
  position: relative;
  z-index: 5;
  margin-top: -50px;
  background: url(https://risi.es/static/img/libreta-top.png) center top/100% auto no-repeat, url(https://risi.es/static/img/libreta-bottom.png) center bottom/100% auto no-repeat;
  padding: 150px 0 20px 0;
  margin-bottom: 50px;
  display: inline-block;
  max-width: 980px;
}

.faqs-list[data-v-3f465542] {
  width: 100%;
  display: inline-block;
  min-height: 50vh;
  position: relative;
  background: url(https://risi.es/static/img/libreta-line.png) center/100% auto repeat-y;
  padding: 20px 50px 50px 50px;
}

.contenedor-buscador[data-v-3f465542] {
  width: 100%;
  max-width: 300px;
  margin-bottom: 20px;
}

.contenedor-buscador input[data-v-3f465542] {
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid #960234;
  background: url(https://risi.es/static/img/lupa-roja.svg) center right no-repeat;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

.contenedor-buscador input[data-v-3f465542]::-moz-placeholder {
  color: #960234;
  opacity: 0.5;
  font-size: 16px;
  font-style: italic;
}

.contenedor-buscador input[data-v-3f465542]::placeholder {
  color: #960234;
  opacity: 0.5;
  font-size: 16px;
  font-style: italic;
}

@media screen and (max-width: 1100px) {
  .gusanito-esquina[data-v-3f465542] {
    max-width: 150px;
    top: 100px;
  }
}
@media screen and (max-width: 935px) {
  .contenedor-faqs[data-v-3f465542] {
    padding-top: 100px;
    max-width: calc(100% - 40px);
  }
  .gusanito-esquina[data-v-3f465542] {
    max-width: 100px;
    top: 100px;
  }
}
@media screen and (max-width: 636px) {
  .contenedor-faqs[data-v-3f465542] {
    padding-top: 80px;
    margin-top: 20px;
  }
  .faqs-list[data-v-3f465542] {
    padding: 20px;
  }
}
@media screen and (max-width: 500px) {
  .big-title[data-v-3f465542] {
    font-size: 60px;
  }
  .contenedor-faqs[data-v-3f465542] {
    padding-top: 60px;
  }
}
@media screen and (max-width: 380px) {
  .contenedor-faqs[data-v-3f465542] {
    padding-top: 40px;
  }
}
.faq-el[data-v-05f90b58] {
  width: 100%;
  background: white;
  padding: 50px;
  margin-bottom: 20px;
  position: relative;
}

.faq-el .show[data-v-05f90b58] {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 60px;
  font-weight: 300;
  color: #ac1830;
  width: 40px;
  text-align: center;
  display: inline-block;
}

.categoria[data-v-05f90b58] {
  font-size: 16px;
  text-transform: uppercase;
  color: #1f2020;
  width: 100%;
  display: inline-block;
  text-align: left;
  opacity: 0.5;
  margin-bottom: 10px;
  font-weight: 300;
}

.titulo[data-v-05f90b58] {
  text-align: left;
  font-weight: 800;
  font-size: 24px;
  line-height: 33px;
  color: #ac1830;
  margin-bottom: 10px;
}

.cuerpo p[data-v-05f90b58] {
  text-align: left;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #1f2020;
  margin-bottom: 15px;
  width: 100%;
}

.cuerpo p[data-v-05f90b58]:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 636px) {
  .faq-el[data-v-05f90b58] {
    padding: 20px;
  }
  .faq-el .show[data-v-05f90b58] {
    width: 30px;
    font-size: 30px;
    right: 10px;
    top: 0px;
  }
  .faq-el p[data-v-05f90b58] {
    line-height: 1.3em;
  }
  .titulo[data-v-05f90b58] {
    font-size: 16px;
    line-height: 22px;
  }
}
.mb-5 {
  margin: 0 !important;
}

.distribuidores-wrapper[data-v-5ea72708] {
  display: block;
  padding: 100px 0;
  width: 100%;
  min-height: 100vh;
  background-image: linear-gradient(to bottom, #DE012C, #B80214);
  position: relative;
  padding-top: 410px;
}

.toldo[data-v-5ea72708] {
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translate(-50%, 200px) perspective(100px) translateZ(-400px);
  max-width: 90vw;
  opacity: 0;
  animation-name: animacionToldo-data-v-5ea72708;
  animation-duration: 1s;
  animation-delay: 1.4s;
  animation-fill-mode: forwards;
}
@keyframes animacionToldo-data-v-5ea72708 {
  20% {
    opacity: 1;
  }
  to {
    transform: translate(-50%, 0px) perspective(100px) translateZ(0px);
    opacity: 1;
  }
}
.big-title[data-v-5ea72708] {
  font-size: 150px;
}

.container-title[data-v-5ea72708] {
  margin-top: 300px;
}

.catalogo[data-v-5ea72708] {
  margin-top: -50px;
  padding-bottom: 100px;
  padding-top: 300px;
  position: relative;
  max-width: 1024px;
}

.catalogo .set-catalogo[data-v-5ea72708] {
  position: absolute;
  right: 0;
  top: 140px;
}

.catalogo .espiral[data-v-5ea72708] {
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -350px;
  width: 240px;
  height: 300px;
}

.catalogo .risi-boy[data-v-5ea72708] {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 300px;
  width: 100%;
  display: inline-block;
}

.catalogo h2 span[data-v-5ea72708] {
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 100px;
  line-height: 0.8em;
  color: white;
  position: relative;
  z-index: 3;
  animation-delay: 0.3s;
}

.catalogo h2 span.l[data-v-5ea72708]:last-of-type {
  margin-left: 15px;
  animation-delay: 0.5s;
}

.catalogo h2 span.s[data-v-5ea72708] {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  font-size: 70px;
  text-align: left;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 2px;
  animation-delay: 0s;
}

.catalogo .btn-descargar[data-v-5ea72708] {
  width: 100%;
  text-transform: uppercase;
  font-family: "Oswald";
  font-size: 24px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 15px;
  display: inline-block;
  padding-left: 35px;
  background: url(https://risi.es/static/img/flecha-down.svg) center left/25px no-repeat;
  animation-delay: 0.4s;
}

@media screen and (max-width: 1420px) {
  .big-title[data-v-5ea72708] {
    font-size: 120px;
  }
}
@media screen and (max-width: 1100px) {
  .big-title[data-v-5ea72708] {
    font-size: 100px;
  }
}
@media screen and (max-width: 800px) {
  .big-title[data-v-5ea72708] {
    font-size: 60px;
  }
  .catalogo h2 span[data-v-5ea72708] {
    font-size: 80px;
  }
  .catalogo h2 span.s[data-v-5ea72708] {
    font-size: 50px;
  }
  .catalogo .set-catalogo[data-v-5ea72708] {
    max-width: 600px;
  }
}
@media screen and (max-width: 500px) {
  .container-title[data-v-5ea72708] {
    margin-top: 200px;
  }
  .big-title[data-v-5ea72708] {
    font-size: 30px;
  }
  .catalogo[data-v-5ea72708] {
    padding-top: 200px;
  }
  .catalogo h2 span[data-v-5ea72708] {
    font-size: 50px;
  }
  .catalogo h2 span.s[data-v-5ea72708] {
    font-size: 40px;
  }
  .catalogo .espiral[data-v-5ea72708] {
    display: none;
  }
  .catalogo .risi-boy[data-v-5ea72708] {
    max-width: 200px;
  }
  .catalogo .set-catalogo[data-v-5ea72708] {
    max-width: 400px;
  }
}
@media screen and (max-width: 800px) {
  .catalogo[data-v-5ea72708] {
    padding-top: 200px;
  }
  .catalogo h2 span[data-v-5ea72708] {
    font-size: 30px;
  }
  .catalogo h2 span.s[data-v-5ea72708] {
    font-size: 20px;
  }
  .catalogo .espiral[data-v-5ea72708] {
    display: none;
  }
  .catalogo .risi-boy[data-v-5ea72708] {
    max-width: 200px;
  }
  .catalogo .set-catalogo[data-v-5ea72708] {
    max-width: 300px;
    right: auto;
    left: 300px;
  }
}
@media screen and (max-width: 485px) {
  .catalogo[data-v-5ea72708] {
    padding-top: 250px;
  }
  .catalogo .btn-descargar[data-v-5ea72708] {
    font-size: 16px;
    background-size: 18px;
    padding-left: 25px;
  }
  .catalogo .set-catalogo[data-v-5ea72708] {
    left: 0;
    right: auto;
    top: 120px;
  }
  .toldo[data-v-5ea72708] {
    max-width: 70vw;
  }
}
.contenedor-error[data-v-5ea72708] {
  width: 300px;
  height: 400px;
  position: absolute;
  right: 0;
  bottom: 0px;
  pointer-events: none;
  overflow: hidden;
  z-index: 3;
}

.contenedor-error h2[data-v-5ea72708] {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 25px;
  left: 0px;
  padding: 0 20px 40px 15px;
  top: 0px;
}

.contenedor-error h2 strong[data-v-5ea72708] {
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 0;
  font-family: "Conv_YummyCupcakes";
}

.contenedor-error .nerd[data-v-5ea72708] {
  max-width: 70px;
  bottom: 0;
  right: 0;
  position: absolute;
  transform: translateY(110%);
  transition: 0.5s;
  transition-delay: 0.6s;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
}

.contenedor-error .bocadillo[data-v-5ea72708] {
  max-width: 200px;
  bottom: 120px;
  position: absolute;
  right: 50px;
  transform: translate(50%, 44%) perspective(20px) translateZ(-170px);
  transition: 1s;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
  opacity: 0;
}

.contenedor-error .bocadillo img[data-v-5ea72708] {
  max-width: 100%;
}

.contenedor-error[show=true] .nerd[data-v-5ea72708] {
  transform: translateY(0);
  transition-delay: 0s;
}

.contenedor-error[show=true] .bocadillo[data-v-5ea72708] {
  transform: translate(0%, 0%) perspective(100px) translateZ(0px);
  opacity: 1;
  transition-delay: 0.5s;
}

.contenedor-formulario[data-v-6f9d578c] {
  max-width: 523px;
  margin: 0 auto;
  margin-top: -60px;
  position: relative;
  z-index: 5;
  padding: 0 20px;
}

.contenedor-formulario .contenedor-polaroid[data-v-6f9d578c] {
  width: 390px;
  height: 430px;
  display: inline-block;
  position: absolute;
  left: -420px;
  top: 0;
}

.contenedor-formulario .contenedor-polaroid p[data-v-6f9d578c] {
  font-size: 36px;
  color: #fff;
}

.contenedor-formulario .contenedor-polaroid .espiral[data-v-6f9d578c] {
  max-width: 100px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(-100deg);
}

.contenedor-formulario .polaroid[data-v-6f9d578c] {
  opacity: 1;
  max-width: 300px;
  width: 100%;
}
@keyframes triskys-data-v-6f9d578c {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    opacity: 0.5;
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    opacity: 1;
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
.contenedor-formulario h3[data-v-6f9d578c] {
  font-size: 36px;
  font-family: "Oswald";
  color: white;
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 20px;
  animation-delay: 0.5s;
}

.contenedor-formulario .contenedor-texto[data-v-6f9d578c] {
  position: absolute;
  right: -300px;
  top: 130px;
  width: 230px;
  height: auto;
  display: inline-block;
  padding-top: 180px;
  transform: rotate(-15deg);
}

.contenedor-formulario .contenedor-texto .espiral[data-v-6f9d578c] {
  position: absolute;
  top: -50px;
  right: 50px;
  transform: scale(0.8) rotateY(190deg);
}

.contenedor-formulario .contenedor-texto p[data-v-6f9d578c] {
  font-size: 36px;
  color: white;
  text-align: center;
  line-height: 40px;
  max-width: 230px;
  animation-delay: 2s;
}

.contenedor-input input[data-v-6f9d578c], .contenedor-input textarea[data-v-6f9d578c] {
  background: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1420px) {
  .contenedor-formulario .contenedor-texto[data-v-6f9d578c] {
    right: -250px;
  }
}
@media screen and (max-width: 1250px) {
  .contenedor-formulario .contenedor-polaroid[data-v-6f9d578c] {
    left: -320px;
  }
}
@media screen and (max-width: 1100px) {
  .contenedor-formulario .contenedor-texto[data-v-6f9d578c] {
    display: none;
  }
  .contenedor-formulario[data-v-6f9d578c] {
    margin-top: 0;
  }
  .contenedor-formulario .contenedor-polaroid[data-v-6f9d578c] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .contenedor-formulario h3[data-v-6f9d578c] {
    font-size: 24px;
  }
}
.banner-localizanos[data-v-ff1560ee] {
  width: 100%;
  position: relative;
  background-image: linear-gradient(to bottom, #78c2ea, #44aedb);
  transition: 0.5s;
  transition-timing-function: ease-in-out;
  overflow: hidden;
  padding: 100px 20px;
}

.banner-localizanos[show=true][data-v-ff1560ee] {
  padding-right: 400px;
}

.banner-localizanos .volver[data-v-ff1560ee] {
  top: 145px;
  z-index: 5;
}

.banner-localizanos .hoja-contacto-general[data-v-ff1560ee] {
  background-image: url(https://risi.es/static/img/hoja-contacto-general.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding: 60px 40px;
}

.banner-localizanos .hoja-contacto-general .content[data-v-ff1560ee] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 700px;
}

.banner-localizanos .hoja-contacto-general .content .contact[data-v-ff1560ee] {
  display: flex;
  align-items: center;
}

.banner-localizanos .hoja-contacto-general .content .contact img[data-v-ff1560ee] {
  margin-right: 10px;
}

.banner-localizanos .hoja-contacto-general .content .contact div[data-v-ff1560ee] {
  text-align: start;
}

.container-title[data-v-ff1560ee] {
  position: relative;
  margin-top: 0;
  width: auto;
  display: inline-block;
}

.container-title .lupa[data-v-ff1560ee] {
  position: absolute;
  left: -20px;
  top: 40px;
  pointer-events: none;
  transform: translate(990px, -50px) perspective(100px) translateZ(30px);
  z-index: 4;
  opacity: 0;
}
@keyframes animacionLupa-data-v-ff1560ee {
  15% {
    opacity: 1;
  }
  50% {
    transform: translate(200px, -25px) perspective(100px) translateZ(15px);
    opacity: 1;
  }
  100% {
    transform: translate(0vw, 0vw) perspective(100px) translateZ(0px);
    opacity: 1;
  }
}
.launched .lupa[data-v-ff1560ee] {
  animation-name: animacionLupa-data-v-ff1560ee;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}

.big-title[data-v-ff1560ee] {
  font-size: 120px;
}

.contenedor-mapa[data-v-ff1560ee] {
  margin-top: 30px;
  margin-bottom: 50px;
  width: auto;
  display: inline-block;
  position: relative;
}

svg[data-v-ff1560ee] {
  position: relative;
}

svg path[data-v-ff1560ee] {
  cursor: pointer;
  position: relative;
  display: inline-block;
}

svg .toanimate[data-v-ff1560ee] {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

svg path[data=granada][data-v-ff1560ee] {
  animation-delay: 1.025s;
}

svg path[data=la-rioja][data-v-ff1560ee] {
  animation-delay: 1.05s;
}

svg path[data=pontevedra][data-v-ff1560ee] {
  animation-delay: 1.075s;
}

svg path[data=cuenca][data-v-ff1560ee] {
  animation-delay: 1.1s;
}

svg path[data=tarragona][data-v-ff1560ee] {
  animation-delay: 1.125s;
}

svg path[data=cordoba][data-v-ff1560ee] {
  animation-delay: 1.15s;
}

svg path[data=alava][data-v-ff1560ee] {
  animation-delay: 1.175s;
}

svg path[data=gipuzkoa][data-v-ff1560ee] {
  animation-delay: 1.2s;
}

svg path[data=bizkaia][data-v-ff1560ee] {
  animation-delay: 1.225s;
}

svg path[data=zaragoza][data-v-ff1560ee] {
  animation-delay: 1.25s;
}

svg path[data=burgos][data-v-ff1560ee] {
  animation-delay: 1.275s;
}

svg path[data=gran-canaria][data-v-ff1560ee] {
  animation-delay: 1.3s;
}

svg path[data=lerida][data-v-ff1560ee] {
  animation-delay: 1.325s;
}

svg path[data=tenerife][data-v-ff1560ee] {
  animation-delay: 1.35s;
}

svg path[data=palencia][data-v-ff1560ee] {
  animation-delay: 1.375s;
}

svg path[data=teruel][data-v-ff1560ee] {
  animation-delay: 1.4s;
}

svg path[data=cantabria][data-v-ff1560ee] {
  animation-delay: 1.425s;
}

svg path[data=huelva][data-v-ff1560ee] {
  animation-delay: 1.45s;
}

svg path[data=toledo][data-v-ff1560ee] {
  animation-delay: 1.475s;
}

svg path[data=valladolid][data-v-ff1560ee] {
  animation-delay: 1.5s;
}

svg path[data=menorca][data-v-ff1560ee] {
  animation-delay: 1.525s;
}

svg path[data=caceres][data-v-ff1560ee] {
  animation-delay: 1.55s;
}

svg path[data=sevilla][data-v-ff1560ee] {
  animation-delay: 1.575s;
}

svg path[data=huesca][data-v-ff1560ee] {
  animation-delay: 1.6s;
}

svg path[data=almeria][data-v-ff1560ee] {
  animation-delay: 1.625s;
}

svg path[data=badajoz][data-v-ff1560ee] {
  animation-delay: 1.65s;
}

svg path[data=lanzarote][data-v-ff1560ee] {
  animation-delay: 1.675s;
}

svg path[data=ciudad-real][data-v-ff1560ee] {
  animation-delay: 1.7s;
}

svg path[data=barcelona][data-v-ff1560ee] {
  animation-delay: 1.725s;
}

svg path[data=castellon][data-v-ff1560ee] {
  animation-delay: 1.75s;
}

svg path[data=jaen][data-v-ff1560ee] {
  animation-delay: 1.775s;
}

svg path[data=navarra][data-v-ff1560ee] {
  animation-delay: 1.8s;
}

svg path[data=salamanca][data-v-ff1560ee] {
  animation-delay: 1.825s;
}

svg path[data=alicante][data-v-ff1560ee] {
  animation-delay: 1.85s;
}

svg path[data=albacete][data-v-ff1560ee] {
  animation-delay: 1.875s;
}

svg path[data=ourense][data-v-ff1560ee] {
  animation-delay: 1.9s;
}

svg path[data=segovia][data-v-ff1560ee] {
  animation-delay: 1.925s;
}

svg path[data=murcia][data-v-ff1560ee] {
  animation-delay: 1.95s;
}

svg path[data=lugo][data-v-ff1560ee] {
  animation-delay: 1.975s;
}

svg path[data=malaga][data-v-ff1560ee] {
  animation-delay: 2s;
}

svg path[data=avila][data-v-ff1560ee] {
  animation-delay: 2.025s;
}

svg path[data=cadiz][data-v-ff1560ee] {
  animation-delay: 2.05s;
}

svg path[data=leon][data-v-ff1560ee] {
  animation-delay: 2.075s;
}

svg path[data=fuerteventura][data-v-ff1560ee] {
  animation-delay: 2.1s;
}

svg path[data=mallorca][data-v-ff1560ee] {
  animation-delay: 2.125s;
}

svg path[data=madrid][data-v-ff1560ee] {
  animation-delay: 2.15s;
}

svg path[data=guadalajara][data-v-ff1560ee] {
  animation-delay: 2.175s;
}

svg path[data=asturias][data-v-ff1560ee] {
  animation-delay: 2.2s;
}

svg path[data=valencia][data-v-ff1560ee] {
  animation-delay: 2.225s;
}

svg path[data=zamora][data-v-ff1560ee] {
  animation-delay: 2.25s;
}

svg path[data=la-palma][data-v-ff1560ee] {
  animation-delay: 2.275s;
}

svg path[data=ibiza][data-v-ff1560ee] {
  animation-delay: 2.3s;
}

svg path[data=girona][data-v-ff1560ee] {
  animation-delay: 2.325s;
}

svg path[data=la-coruna][data-v-ff1560ee] {
  animation-delay: 2.35s;
}

.launched svg .toanimate[data-v-ff1560ee] {
  animation-name: dash-data-v-ff1560ee;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes dash-data-v-ff1560ee {
  to {
    stroke-dashoffset: 0;
  }
}
svg path[data-v-ff1560ee] {
  fill: transparent;
}

svg path[data-v-ff1560ee]:not(.toanimate) {
  opacity: 0;
}

.launched svg path[data-v-ff1560ee]:not(.toanimate) {
  animation-name: opacity-data-v-ff1560ee;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes opacity-data-v-ff1560ee {
  to {
    opacity: 1;
  }
}
svg path[data-v-ff1560ee]:hover, svg path.active[data-v-ff1560ee] {
  fill: white;
  fill-opacity: 1;
}

.no-distribuidores + p a[data-v-ff1560ee] {
  text-decoration: underline;
}

.productos[data-v-ff1560ee] {
  position: absolute;
  left: 0;
  top: 0;
  width: 51px;
  display: inline-block;
  z-index: 3;
  top: 130px;
  left: 315px;
  pointer-events: none;
}

.productos[data=la-coruna][data-v-ff1560ee] {
  top: -30px;
  left: 130px;
}

.productos[data=lugo][data-v-ff1560ee] {
  top: -30px;
  left: 170px;
}

.productos[data=ourense][data-v-ff1560ee] {
  top: 30px;
  left: 170px;
}

.productos[data=pontevedra][data-v-ff1560ee] {
  top: 20px;
  left: 120px;
}

.productos[data=asturias][data-v-ff1560ee] {
  top: -30px;
  left: 230px;
}

.productos[data=cantabria][data-v-ff1560ee] {
  top: -20px;
  left: 320px;
}

.productos[data=alava][data-v-ff1560ee] {
  top: 8px;
  left: 370px;
}

.productos[data=gipuzkoa][data-v-ff1560ee] {
  top: -10px;
  left: 384px;
}

.productos[data=bizkaia][data-v-ff1560ee] {
  top: -20px;
  left: 360px;
}

.productos[data=navarra][data-v-ff1560ee] {
  top: 20px;
  left: 410px;
}

.productos[data=huesca][data-v-ff1560ee] {
  top: 40px;
  left: 470px;
}

.productos[data=lerida][data-v-ff1560ee] {
  top: 40px;
  left: 520px;
}

.productos[data=barcelona][data-v-ff1560ee] {
  top: 80px;
  left: 560px;
}

.productos[data=girona][data-v-ff1560ee] {
  top: 50px;
  left: 590px;
}

.productos[data=tarragona][data-v-ff1560ee] {
  top: 120px;
  left: 500px;
}

.productos[data=castellon][data-v-ff1560ee] {
  top: 160px;
  left: 470px;
}

.productos[data=valencia][data-v-ff1560ee] {
  top: 220px;
  left: 440px;
}

.productos[data=albacete][data-v-ff1560ee] {
  top: 240px;
  left: 380px;
}

.productos[data=alicante][data-v-ff1560ee] {
  top: 260px;
  left: 440px;
}

.productos[data=murcia][data-v-ff1560ee] {
  top: 280px;
  left: 400px;
}

.productos[data=almeria][data-v-ff1560ee] {
  top: 340px;
  left: 360px;
}

.productos[data=granada][data-v-ff1560ee] {
  top: 340px;
  left: 300px;
}

.productos[data=malaga][data-v-ff1560ee] {
  top: 340px;
  left: 250px;
}

.productos[data=cadiz][data-v-ff1560ee] {
  top: 350px;
  left: 200px;
}

.productos[data=huelva][data-v-ff1560ee] {
  top: 300px;
  left: 160px;
}

.productos[data=sevilla][data-v-ff1560ee] {
  top: 290px;
  left: 210px;
}

.productos[data=cordoba][data-v-ff1560ee] {
  top: 290px;
  left: 260px;
}

.productos[data=jaen][data-v-ff1560ee] {
  top: 290px;
  left: 310px;
}

.productos[data=ciudad-real][data-v-ff1560ee] {
  top: 250px;
  left: 310px;
}

.productos[data=badajoz][data-v-ff1560ee] {
  top: 250px;
  left: 200px;
}

.productos[data=caceres][data-v-ff1560ee] {
  top: 180px;
  left: 200px;
}

.productos[data=toledo][data-v-ff1560ee] {
  top: 180px;
  left: 280px;
}

.productos[data=cuenca][data-v-ff1560ee] {
  top: 180px;
  left: 360px;
}

.productos[data=teruel][data-v-ff1560ee] {
  top: 150px;
  left: 420px;
}

.productos[data=guadalajara][data-v-ff1560ee] {
  top: 120px;
  left: 380px;
}

.productos[data=soria][data-v-ff1560ee] {
  top: 70px;
  left: 375px;
}

.productos[data=madrid][data-v-ff1560ee] {
  top: 130px;
  left: 315px;
}

.productos[data=segovia][data-v-ff1560ee] {
  top: 90px;
  left: 300px;
}

.productos[data=avila][data-v-ff1560ee] {
  top: 130px;
  left: 260px;
}

.productos[data=salamanca][data-v-ff1560ee] {
  top: 110px;
  left: 215px;
}

.productos[data=zamora][data-v-ff1560ee] {
  top: 70px;
  left: 225px;
}

.productos[data=valladolid][data-v-ff1560ee] {
  top: 70px;
  left: 265px;
}

.productos[data=leon][data-v-ff1560ee] {
  top: 20px;
  left: 205px;
}

.productos[data=palencia][data-v-ff1560ee] {
  top: 20px;
  left: 285px;
}

.productos[data=burgos][data-v-ff1560ee] {
  top: 20px;
  left: 325px;
}

.productos[data=la-rioja][data-v-ff1560ee] {
  top: 30px;
  left: 365px;
}

.productos[data=zaragoza][data-v-ff1560ee] {
  top: 80px;
  left: 443px;
}

.productos[data=fuerteventura][data-v-ff1560ee] {
  top: 360px;
  left: 89px;
}

.productos[data=la-graciosa][data-v-ff1560ee] {
  top: 335px;
  left: 104px;
}

.productos[data=lanzarote][data-v-ff1560ee] {
  top: 346px;
  left: 101px;
}

.productos[data=gran-canaria][data-v-ff1560ee] {
  top: 379px;
  left: 49px;
}

.productos[data=la-gomera][data-v-ff1560ee] {
  top: 372px;
  left: 8px;
}

.productos[data=tenerife][data-v-ff1560ee] {
  top: 371px;
  left: 24px;
}

.productos[data=la-palma][data-v-ff1560ee] {
  top: 360px;
  left: -1px;
}

.productos[data=el-hierro][data-v-ff1560ee] {
  top: 383px;
  left: -8px;
}

.productos[data=mallorca][data-v-ff1560ee] {
  top: 200px;
  left: 599px;
}

.productos[data=menorca][data-v-ff1560ee] {
  top: 176px;
  left: 646px;
}

.productos[data=ibiza][data-v-ff1560ee] {
  top: 235px;
  left: 529px;
}

.contenedor-select[data-v-ff1560ee] {
  display: none;
}

@media screen and (max-width: 1420px) {
  .big-title[data-v-ff1560ee] {
    font-size: 100px;
    text-align: left;
  }
  .sitios-list[data-v-ff1560ee] {
    max-width: 300px;
    padding-top: 200px;
  }
}
@media screen and (max-width: 1120px) {
  .big-title[data-v-ff1560ee] {
    font-size: 80px;
  }
  .banner-localizanos[data-v-ff1560ee] {
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  .banner-localizanos[data-v-ff1560ee], .banner-localizanos[show=true][data-v-ff1560ee] {
    padding: 50px 20px;
  }
  .container-title[data-v-ff1560ee] {
    margin-bottom: 60px;
  }
  .contenedor-mapa[data-v-ff1560ee] {
    display: none;
  }
  .sitios-list[data-v-ff1560ee] {
    display: inline-block;
    width: 100%;
    position: relative;
    max-width: 100%;
  }
  .sitios-list .cerrar[data-v-ff1560ee] {
    display: none;
  }
  .sitios-list[data-v-ff1560ee]::before {
    top: -20px;
    left: 50%;
    border-right-color: transparent;
    border-bottom-color: white;
    margin-left: -10px;
  }
  .sitios-list .sitio[data-v-ff1560ee] {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .sitios-list .sitio[data-v-ff1560ee]:nth-child(2n-1) {
    margin-right: 0;
  }
  .container-title .lupa[data-v-ff1560ee] {
    right: -140px;
    left: auto;
    top: -20px;
  }
  .contenedor-select[data-v-ff1560ee] {
    width: 100%;
    display: inline-block;
    max-width: 500px;
    margin-bottom: 25px;
  }
  .contenedor-select p[data-v-ff1560ee] {
    text-align: left;
    margin-bottom: 10px;
    font-family: "Oswald";
  }
  .contenedor-select select[data-v-ff1560ee] {
    padding: 10px;
    background: white url(https://risi.es/static/img/down-arrow.svg) calc(100% - 20px) center/20px no-repeat;
    width: 100%;
    font-size: 16px;
    border: none;
    outline: none;
    border-radius: 0;
  }
}
@media screen and (max-width: 860px) {
  .banner-localizanos .hoja-contacto-general .content[data-v-ff1560ee] {
    min-width: 550px;
  }
}
@media screen and (max-width: 660px) {
  .sitios-list .sitio[data-v-ff1560ee] {
    width: 100%;
    margin-right: 0;
  }
  .container-title[data-v-ff1560ee] {
    margin-bottom: 20px;
    padding: 0;
  }
  .big-title[data-v-ff1560ee] {
    font-size: 60px;
  }
  .lupa[data-v-ff1560ee] {
    display: none;
  }
  .banner-localizanos .volver[data-v-ff1560ee] {
    display: none;
  }
  .banner-localizanos .hoja-contacto-general[data-v-ff1560ee] {
    background-size: cover;
    padding: 60px 0 40px 0;
  }
  .banner-localizanos .hoja-contacto-general .content[data-v-ff1560ee] {
    min-width: 550px;
    flex-direction: column;
  }
  .banner-localizanos .hoja-contacto-general .content .contact[data-v-ff1560ee] {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 460px) {
  .big-title[data-v-ff1560ee] {
    font-size: 40px;
  }
}
.historia[data-v-54a816b3] {
  height: 100vh;
  width: 100%;
  display: block;
  position: relative;
}

.slide[data-v-54a816b3] {
  width: 100%;
  height: 100vh;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.background[data-v-54a816b3] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: inline-block;
  transition: 60s;
  will-change: transform;
}

.background[data-v-54a816b3]::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(74, 74, 74, 0.7);
  content: "";
  display: inline-block;
  z-index: 2;
}

.slick-active .background[data-v-54a816b3], .slick-active .imagenes-extra-kids .galletas-kids[data-v-54a816b3] {
  transform: perspective(100px) translateZ(20px);
}

.slick-active .imagenes-extra-kids .nube-kids[data-v-54a816b3], .slick-active .imagenes-extra-kids .luna-kids[data-v-54a816b3] {
  transform: perspective(220px) translateZ(-100px);
}

.slick-active[data-slick-index="0"] .background[data-v-54a816b3] {
  transform: scale(1);
}

.slide[n="0"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-0.jpg") center/cover no-repeat;
}

.slide[n="1"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-1.jpg") center/cover no-repeat;
}

.slide[n="2"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-2.jpg") center/cover no-repeat;
}

.slide[n="3"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-3.jpg") center/cover no-repeat;
}

.slide[n="4"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-4.jpg") center/cover no-repeat;
}

.slide[n="5"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-5.jpg") center/cover no-repeat;
}

.slide[n="6"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-6.jpg") center/cover no-repeat;
}

.slide[n="7"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-7.jpg") center/cover no-repeat;
}

.slide[n="8"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-8.jpg") center/cover no-repeat;
}

.slide[n="9"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-9.jpg") center/cover no-repeat;
}

.slide[n="10"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-10.jpg") center/cover no-repeat;
}

.slide[n="11"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-11.jpg") center/cover no-repeat;
}

.slide[n="12"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-12.jpg") center/cover no-repeat;
}

.slide[n="13"] .background[data-v-54a816b3] {
  background: url("https://risi.es/static/img/historia/fondo-13.jpg") center/cover no-repeat;
}

.slide[n="10"] .background[data-v-54a816b3] {
  background-image: linear-gradient(to top, #68131d, #ab1830);
}

.slide[n="10"] .background[data-v-54a816b3]::before {
  display: none;
}

.slide[n="13"] .background[data-v-54a816b3] {
  background-image: linear-gradient(to top, #e5b6b8);
}

.slide[n="13"] .background[data-v-54a816b3]::before {
  display: none;
}

.slide[n="14"] .background[data-v-54a816b3] {
  background: url(https://risi.es/static/img/patatas/es/campo-intro.png) center 600px/100% no-repeat, url(https://risi.es/static/img/patatas/es/background-intro-patatas.png) center/cover no-repeat;
}

.slide[n="14"] .background[data-v-54a816b3]::before {
  display: none;
}

.slide[n="15"] .background[data-v-54a816b3] {
  background: url(https://risi.es/static/img/historia/fondo-15.jpg) center/cover no-repeat;
}

.slide[n="15"] .background[data-v-54a816b3]::before {
  display: none;
}

.contenido-slide[data-v-54a816b3] {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 100%;
  padding-bottom: 210px;
}

.imagen-container[data-v-54a816b3] {
  width: 280px;
  height: 280px;
  background: gray;
  display: inline-block;
  border-radius: 50%;
}

.-slide-7 .contenido-slide[data-v-54a816b3] {
  padding-bottom: 250px;
}

.timeline[data-v-54a816b3] {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 20px;
  height: 170px;
  overflow: hidden;
}

.contenedor-linea[data-v-54a816b3] {
  width: 6000px;
  position: absolute;
  left: 350px;
  bottom: 0;
  transition: 1s;
  transition-timing-function: ease-in-out;
}

.contenedor-linea[data-v-54a816b3]::before {
  content: "";
  display: inline-block;
  background: rgba(255, 255, 255, 0.6);
  height: 1px;
  top: 18px;
  position: absolute;
  left: 75px;
  right: 125px;
}

.furgoneta[data-v-54a816b3] {
  position: absolute;
  left: 0;
  top: 0;
  transition: 1s;
  transition-timing-function: ease-in-out;
}

.travel-btn[data-v-54a816b3] {
  width: 150px;
  height: auto;
  padding-top: 40px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  justify-content: center;
  -webkit-justify-content: center;
  background: none;
  position: relative;
  margin-right: 200px;
  outline: none;
  transition: 0.5s;
  transition-timing-function: ease-in-out;
  text-transform: capitalize;
  border: none;
}

.travel-btn[data-v-54a816b3]::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid white;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  border-radius: 50%;
  top: 10px;
  background: white;
  transition: 0.5s;
  transition-delay: 0.5s;
  transition-timing-function: ease-in-out;
}

.travel-btn span[data-v-54a816b3] {
  font-size: 40px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Futura LT CondensedBold";
  transition: 0.5s;
  transition-delay: 0.5s;
  transition-timing-function: ease-in-out;
}

.travel-btn[active=true][data-v-54a816b3]::before {
  transform: scale(1.5);
}

.travel-btn[active=true] span[data-v-54a816b3] {
  color: white;
}

.travel-btn[data=actual][data-v-54a816b3] {
  width: 250px;
  margin-right: 0;
}

.video[data-v-54a816b3] {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#videofinmovil[data-v-54a816b3] {
  max-width: 100%;
  min-height: 0;
}

@media screen and (max-height: 700px) {
  .timeline[data-v-54a816b3] {
    bottom: 10px;
    height: 110px;
  }
  .contenedor-linea[data-v-54a816b3]::before {
    top: 15px;
  }
  .furgoneta[data-v-54a816b3] {
    width: 80px;
    left: 13px;
  }
  .travel-btn[data-v-54a816b3] {
    padding-top: 25px;
  }
  .travel-btn[data-v-54a816b3]::before {
    width: 10px;
    height: 10px;
  }
  .travel-btn span[data-v-54a816b3] {
    font-size: 30px;
  }
}
@media screen and (max-width: 900px) {
  .imagen-container[data-v-54a816b3] {
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 600px) and (min-height: 467px) {
  .timeline[data-v-54a816b3] {
    height: 110px;
  }
  .contenedor-linea[data-v-54a816b3] {
    left: 60px;
    width: 2340px;
  }
  .contenedor-linea[data-v-54a816b3]::before {
    left: 45px;
  }
  .furgoneta[data-v-54a816b3] {
    max-width: 70px;
  }
  .travel-btn[data-v-54a816b3] {
    margin-right: 80px;
    width: 100px;
  }
  .travel-btn span[data-v-54a816b3] {
    font-size: 25px;
  }
}
.contenedor-slider[data-v-0234f63a] {
  width: 100%;
  max-width: 370px;
  transform: perspective(100px) translate(180px, 1000px) rotate(-10deg) translateZ(-30px);
  display: inline-block;
  background: transparent;
  margin-right: 60px;
  transition: 1s;
  transition-delay: 2s;
  will-change: transform;
}

.slick-active .contenedor-slider[data-v-0234f63a] {
  transform: perspective(100px) translate(0px, 0px) rotate(-5deg) translateZ(0px);
}

.contenedor-imagen[data-v-0234f63a] {
  height: auto;
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  position: relative;
}

.contenedor-imagen .contenedor-texto[data-v-0234f63a] {
  position: absolute;
  left: 10px;
  top: 7px;
  width: calc(100% - 20px);
  height: calc(100% - 132px);
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  opacity: 0;
  transition: 0.5s;
  transition-timing-function: ease-in-out;
}

.contenedor-imagen .contenedor-texto[show=true][data-v-0234f63a] {
  opacity: 1;
}

.contenedor-imagen p[data-v-0234f63a] {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
}

.contenedor-imagen img[data-v-0234f63a] {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.showinfo-container[data-v-0234f63a] {
  position: absolute;
  right: 20px;
  bottom: 10px;
  outline: none;
}

.showInfo[data-v-0234f63a] {
  width: 30px;
  height: 30px;
  display: inline-block;
}

@media screen and (max-height: 600px) {
  .contenedor-slider[data-v-0234f63a] {
    max-width: 270px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-slider[data-v-0234f63a] {
    max-width: 230px;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) and (min-height: 467px) {
  .contenedor-slider[data-v-0234f63a] {
    display: none;
  }
}
.contenedor-slider[data-v-965c5c52] {
  width: 100%;
  max-width: 530px;
  transform: rotate(-2deg);
  padding: 50px 0;
  display: inline-block;
  background: white;
  transition: 1s;
  transition-delay: 2s;
  transition-timing-function: ease-in-out;
  opacity: 0;
  transform: perspective(300px) translate(20px, 20px) translateZ(300px) rotate(-20deg);
}

.slick-active .contenedor-slider[data-v-965c5c52] {
  opacity: 1;
  transform: perspective(300px) translate(0px, 0px) translateZ(0px) rotate(-2deg);
}

.contenedor-imagen[data-v-965c5c52] {
  height: 180px;
  width: 180px;
  padding: 0 7.5px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.contenedor-imagen img[data-v-965c5c52] {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

@media screen and (max-width: 1080px) {
  .contenedor-slider[data-v-965c5c52] {
    max-width: 460px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-slider[data-v-965c5c52] {
    max-width: 180px;
  }
}
@media screen and (max-width: 769px) {
  .contenedor-slider[data-v-965c5c52] {
    max-width: 400px;
    margin-top: 30px;
  }
  .contenedor-imagen[data-v-965c5c52] {
    width: 100%;
  }
}
@media screen and (max-width: 600px) and (min-height: 467px) {
  .contenedor-slider[data-v-965c5c52] {
    max-width: 80vw;
    padding: 10px 0;
    margin-top: 0;
  }
}
.contenedor-slider[data-v-8d083202] {
  width: 100%;
  max-width: 450px;
  transform: rotate(-1deg) translateX(800px);
  opacity: 0;
  display: inline-block;
  background: transparent;
  transition: 0.8s;
}

.slick-active .contenedor-slider[data-v-8d083202] {
  transform: rotate(-1deg);
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.11);
  transition-delay: 2s;
  opacity: 1;
}

.contenedor-imagen[data-v-8d083202] {
  height: auto;
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.contenedor-imagen img[data-v-8d083202] {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

@media screen and (max-width: 1100px) {
  .contenedor-slider[data-v-8d083202] {
    max-width: 350px;
    margin-top: 20px;
  }
  .contenedor-imagen[data-v-8d083202] {
    max-height: 350px;
  }
}
.nutririsi-wrapper[data-v-8efd798a] {
  background-image: linear-gradient(to bottom, rgba(255, 132, 60, 0.97), #a2061d);
  min-height: 100vh;
  position: relative;
  width: 100%;
  display: inline-block;
}

.carta-nutririsi[data-v-8efd798a] {
  position: absolute;
  left: 0;
  top: 0px;
  max-width: 670px;
  transform: translate(-100%, -80%) perspective(100px) translateZ(-30px);
}

.launched.carta-nutririsi[data-v-8efd798a] {
  animation-name: allReset;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.container-title[data-v-8efd798a] {
  margin-top: 220px;
  margin-bottom: 20px;
  position: relative;
}

.wrapper-espiral[data-v-8efd798a] {
  position: absolute;
  left: 200px;
  top: -230px;
}

.wrapper-espiral img[data-v-8efd798a] {
  width: 140px;
  transform: rotate(30deg);
}

.wrapper-espiral p[data-v-8efd798a] {
  font-size: 36px;
  color: white;
  line-height: 40px;
  max-width: 240px;
  transform: rotate(-8deg) translateY(-80px);
  overflow: hidden;
  opacity: 0;
  animation-delay: 2s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.wrapper-espiral p.launched[data-v-8efd798a] {
  animation-name: opacity1;
}

.volver[data-v-8efd798a] {
  transform: translateX(-100%);
}

.big-title[data-v-8efd798a] {
  font-size: 150px;
}

.contenedor-breadcrumb[data-v-8efd798a] {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
}

.contenedor-intro[data-v-8efd798a] {
  width: 100%;
  padding: 50px 50px;
  background: white;
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
  transform: translateY(600px);
  opacity: 0;
}

.contenedor-intro .title-historia[data-v-8efd798a] {
  font-size: 36px;
}

.contenedor-intro .title-historia span[data-v-8efd798a] {
  font-size: 36px;
  color: rgba(31, 32, 32, 0.27);
}

.contenedor-intro p[data-v-8efd798a] {
  text-align: left;
}

.contenedor-fabricas[data-v-8efd798a] {
  align-items: end;
  margin-top: 15px;
}

.contenedor-fabricas article[data-v-8efd798a] {
  height: 100%;
  width: 33.33333%;
  padding: 10px;
  justify-content: flex-start;
  position: relative;
  display: flex;
  align-items: baseline;
}

.contenedor-fabricas article h2[data-v-8efd798a] {
  text-transform: uppercase;
  font-weight: 800;
  color: #960234;
  font-family: "Oswald";
  font-size: 24px;
  text-align: center;
  margin-top: 5px;
  line-height: 24px;
}

.contenedor-fabricas article h2 span[data-v-8efd798a] {
  font-family: "Oswald";
  width: 100%;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
}

.contenedor-fabricas article .download-burdeos[data-v-8efd798a] {
  height: 100%;
}

.contenedor-fabricas article .download-burdeos .enlace-cover[data-v-8efd798a] {
  height: 100%;
}

.contenedor-fabricas article .download-burdeos[data-v-8efd798a]::before {
  top: auto;
  bottom: 0;
}

.launched + .contenedor-intro[data-v-8efd798a] {
  animation-name: allReset;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.contenedor-tips[data-v-8efd798a] {
  width: 100%;
  padding-bottom: 150px;
  margin-top: 30px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.nutririsi-tip[data-v-8efd798a] {
  width: 100%;
  padding: 40px 30px 90px 100px;
  text-align: left;
  max-width: 850px;
  margin: 0 auto;
  background: url(https://risi.es/static/img/estrellas-nutririsi.svg) left top/75px no-repeat;
  position: relative;
}

.nutririsi-tip .contenedor-linea-gif[data-v-8efd798a] {
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 70px;
  max-height: 70px;
}

.nutririsi-tip[data-v-8efd798a]:nth-child(2n-1) {
  transform: translateX(100px);
}

.nutririsi-tip:nth-child(2n-1) svg[data-v-8efd798a] {
  left: 20%;
  transform: translateY(-70%);
}

.nutririsi-tip h3[data-v-8efd798a] {
  font-size: 30px;
  line-height: 1.33em;
  color: #fff;
  animation-delay: 0.5s;
  font-family: "Futura LT CondensedBold";
}

.superhero-1[data-v-8efd798a] {
  position: absolute;
  max-width: 80px;
  right: 100px;
  bottom: -60px;
  animation-delay: 1.5s;
  animation-duration: 0.7s;
}

.superhero-3[data-v-8efd798a] {
  position: absolute;
  max-width: 80px;
  right: 180px;
  bottom: -60px;
  animation-delay: 0.9s;
  animation-duration: 0.7s;
}

.superhero-2[data-v-8efd798a] {
  position: absolute;
  max-width: 80px;
  right: 260px;
  bottom: -60px;
  animation-delay: 1.2s;
  animation-duration: 0.7s;
}

.superhero-4[data-v-8efd798a] {
  position: absolute;
  max-width: 80px;
  right: 340px;
  bottom: -60px;
  animation-delay: 0.5s;
  animation-duration: 0.7s;
}

@media screen and (max-width: 1100px) {
  .wrapper-espiral[data-v-8efd798a] {
    right: 0;
    left: auto;
    top: -200px;
  }
  .contenedor-tips[data-v-8efd798a] {
    margin-top: 0;
  }
  .nutririsi-tip[data-v-8efd798a] {
    padding-bottom: 40px;
    padding-top: 30px;
    background-position: center left;
  }
  .nutririsi-tip .contenedor-linea-gif[data-v-8efd798a] {
    display: none;
  }
  .volver[data-v-8efd798a] {
    transform: translate(0%, -100%);
  }
}
@media screen and (max-width: 1023px) {
  .nutririsi-tip[data-v-8efd798a]:nth-child(2n-1) {
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .big-title[data-v-8efd798a] {
    font-size: 80px;
  }
  .wrapper-espiral[data-v-8efd798a] {
    display: none;
  }
  .carta-nutririsi[data-v-8efd798a] {
    max-width: 100%;
  }
  .contenedor-intro[data-v-8efd798a] {
    margin-bottom: 0;
  }
  .nutririsi-tip[data-v-8efd798a] {
    background: none;
    padding: 20px 20px;
  }
  .nutririsi-tip h3[data-v-8efd798a] {
    font-size: 24px;
  }
  .nutririsi-tip .contenedor-linea-gif[data-v-8efd798a] {
    display: none;
  }
  .contenedor-fabricas[data-v-8efd798a] {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 444px) {
  .big-title[data-v-8efd798a] {
    font-size: 60px;
  }
  .contenedor-intro[data-v-8efd798a] {
    padding: 20px;
  }
  .contenedor-intro .title-historia[data-v-8efd798a] {
    margin-bottom: 20px;
  }
  .superhero-1[data-v-8efd798a] {
    position: absolute;
    max-width: 40px;
    right: 100px;
    bottom: -20px;
  }
  .superhero-3[data-v-8efd798a] {
    position: absolute;
    max-width: 40px;
    right: 140px;
    bottom: -20px;
  }
  .superhero-2[data-v-8efd798a] {
    position: absolute;
    max-width: 40px;
    right: 180px;
    bottom: -20px;
  }
  .superhero-4[data-v-8efd798a] {
    position: absolute;
    max-width: 40px;
    right: 220px;
    bottom: -20px;
  }
  .contenedor-fabricas[data-v-8efd798a] {
    flex-direction: column;
    align-items: start;
  }
  .contenedor-fabricas article[data-v-8efd798a] {
    width: 100%;
  }
}
.girar[data-v-6e253d84] {
  transform: rotate(19deg);
  top: 45px;
  position: relative;
}

.risihoy-wrapper[data-v-6e253d84] {
  background-image: linear-gradient(to top, #f5515f, #9f041b);
  min-height: 80vh;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}

.inferior[data-v-6e253d84] {
  position: relative;
  display: block;
}

.bandera-risi.launched[data-v-6e253d84], .bandera-risi-movil.launched[data-v-6e253d84] {
  animation-name: bandera-data-v-6e253d84;
  animation-duration: 0.5s;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.11);
  opacity: 1;
}

.bandera-risi-movil[data-v-6e253d84] {
  display: none;
}
@keyframes bandera-data-v-6e253d84 {
  to {
    transform: translateY(20px) rotate(0deg) translateZ(0);
  }
}
.container-title[data-v-6e253d84] {
  margin-top: 220px;
  margin-bottom: 20px;
  position: relative;
}

.contenedor-texto-espiral[data-v-6e253d84] {
  position: absolute;
  right: 0;
  top: -100px;
}

.contenedor-texto-espiral p[data-v-6e253d84] {
  font-size: 36px;
  color: white;
  line-height: 40px;
  max-width: 300px;
  transform: rotate(10deg) translate(-130px, 100px);
  overflow: hidden;
  opacity: 0;
}

.contenedor-texto-espiral p.launched[data-v-6e253d84] {
  animation-name: p-data-v-6e253d84;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
}
@keyframes p-data-v-6e253d84 {
  to {
    transform: rotate(10deg) translate(-130px, -80px);
    opacity: 1;
  }
}
.volver[data-v-6e253d84] {
  transform: translateX(-100%);
}

.big-title[data-v-6e253d84] {
  font-size: 150px;
}

.seis-gusanitos[data-v-6e253d84] {
  position: absolute;
  left: 0px;
  top: 200px;
  animation-delay: 0.5s;
  max-width: 300px;
}

.palomita-to-left[data-v-6e253d84] {
  position: absolute;
  left: 80px;
  top: 750px;
  animation-delay: 0.5s;
  max-width: 300px;
}

.galleta-espelta[data-v-6e253d84] {
  position: absolute;
  right: -100px;
  top: 200px;
  max-width: 320px;
  animation-delay: 1s;
}

.galleta-negra[data-v-6e253d84] {
  position: absolute;
  right: 20px;
  top: 80px;
  max-width: 300px;
  animation-delay: 1.2s;
}

.mio[data-v-6e253d84] {
  position: absolute;
  bottom: 300px;
  max-width: 200px;
  z-index: 6;
  animation-delay: 1.5s;
}

.seis-gusanitos[data-v-6e253d84] {
  position: absolute;
  left: 80px;
  top: 220px;
  max-width: 200px;
  z-index: 3;
  animation-delay: 1.8s;
}

.match-ball[data-v-6e253d84] {
  position: absolute;
  top: 700px;
  right: 200px;
}

.match-ball-dos[data-v-6e253d84] {
  position: absolute;
  top: 900px;
  right: 250px;
}

.triski-agujero[data-v-6e253d84] {
  position: absolute;
  top: 1300px;
  right: 50px;
  max-width: 100px;
}

.personajes-risketos[data-v-6e253d84] {
  position: absolute;
  bottom: 0px;
  right: 50px;
  max-width: 250px;
}

.montana-superior-match-ball[data-v-6e253d84] {
  position: absolute;
  right: -100px;
  top: 700px;
}

.contenedor-breadcrumb[data-v-6e253d84] {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
}

.contenedor-intro[data-v-6e253d84] {
  position: relative;
  margin-bottom: 20px;
  padding: 0;
}

.contenedor-intro .contenedor-texto-intro[data-v-6e253d84] {
  padding: 50px;
  position: relative;
  z-index: 3;
  width: 100%;
}

.contenedor-intro .contenedor-texto-intro h2[data-v-6e253d84] {
  font-size: 36px;
  color: white;
  font-family: "Futura LT CondensedBold";
  text-align: center;
  max-width: 625px;
}

.contenedor-intro.launched[data-v-6e253d84]::before, .contenedor-intro.launched[data-v-6e253d84]::after {
  transform: scale(0);
}

.contenedor-texto[data-v-6e253d84] {
  width: 100%;
  position: absolute;
  z-index: 2;
  width: 50vw;
  margin: 0 auto;
  bottom: 0;
}

.contenedor-texto .fondo-risihoy[data-v-6e253d84] {
  max-width: 100%;
  z-index: 1;
  position: relative;
}

.contenedor-texto .textos[data-v-6e253d84] {
  position: absolute;
  left: 0;
  top: 0;
  padding: 80px 170px;
  transform: rotate(-2.5deg);
  z-index: 5;
}

.contenedor-texto .textos p[data-v-6e253d84] {
  text-align: center;
  max-width: 900px;
  margin-bottom: 15px;
  font-size: 18px;
}

.contenedor-boton[data-v-6e253d84] {
  margin-bottom: 100px;
  position: relative;
  margin-top: 100px;
}

.contenedor-boton .linea[data-v-6e253d84] {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 60px;
  max-height: 60px;
  transform: rotateY(-190deg);
}

.contenedor-boton .btn[data-v-6e253d84] {
  font-size: 50px;
}

.contenedor-boton.launched .btn[data-v-6e253d84] {
  animation-name: btnVariedades;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.valores[data-v-6e253d84] {
  margin-bottom: 100px;
}

.valores h2[data-v-6e253d84] {
  width: 100%;
  text-align: left;
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 36px;
  color: white;
  margin-bottom: 20px;
}

.valores > p[data-v-6e253d84] {
  text-align: left;
  font-weight: 800;
  color: white;
  font-size: 20px;
  margin-bottom: 20px;
}

.valor[data-v-6e253d84] {
  width: calc(50% - 20px);
  background: white;
  padding: 40px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.valor[data-v-6e253d84]::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: #d63547;
  z-index: 3;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}

.valor[data-v-6e253d84]::after {
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: #ffffff;
  z-index: 2;
  transition: 0.3s;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
}

.valor .contenedor-imagen[data-v-6e253d84] {
  width: 100%;
  height: 260px;
}

.valor .contenedor-imagen img[data-v-6e253d84] {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.valor h2[data-v-6e253d84] {
  color: rgba(31, 32, 32, 0.27);
}

.valor p[data-v-6e253d84] {
  text-align: left;
  font-size: 16px;
  color: #1f2020;
}

.valor.-full[data-v-6e253d84] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.valor.-full .contenedor-imagen[data-v-6e253d84] {
  max-width: 200px;
}

.valor.-full .texto[data-v-6e253d84] {
  width: calc(100% - 200px);
}

.valor.launched[data-v-6e253d84]::before {
  transform: translateY(-100%);
}

.valor.launched[data-v-6e253d84]::after {
  transform: translateY(100%);
}

@media screen and (max-width: 1700px) {
  .contenedor-texto .textos[data-v-6e253d84] {
    padding: 50px 80px;
  }
}
@media screen and (max-width: 1550px) {
  .galleta-negra[data-v-6e253d84] {
    top: 260px;
  }
  .contenedor-texto .textos[data-v-6e253d84] {
    padding: 50px 50px;
  }
  .contenedor-texto .textos p[data-v-6e253d84] {
    margin-bottom: 0px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) {
  .match-ball[data-v-6e253d84] {
    right: 50px;
  }
  .match-ball-dos[data-v-6e253d84] {
    right: 80px;
  }
  .palomita-to-left[data-v-6e253d84] {
    left: 20px;
    max-width: 200px;
  }
}
@media screen and (max-width: 1400px) {
  .montana-superior-match-ball[data-v-6e253d84] {
    display: none;
  }
  .seis-gusanitos[data-v-6e253d84] {
    display: none;
  }
  .mio[data-v-6e253d84] {
    display: none;
  }
  .galleta-negra[data-v-6e253d84] {
    display: none;
  }
  .personajes-risketos[data-v-6e253d84] {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .contenedor-texto .textos p[data-v-6e253d84] {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .galleta-espelta[data-v-6e253d84] {
    display: none;
  }
  .galleta-negra[data-v-6e253d84] {
    display: none;
  }
  .servilleta-galletas[data-v-6e253d84] {
    display: none;
  }
  .contenedor-boton[data-v-6e253d84] {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .btn.-action[data-v-6e253d84] {
    font-size: 20px;
  }
  .palomita-to-left[data-v-6e253d84] {
    display: none;
  }
  .match-ball[data-v-6e253d84] {
    display: none;
  }
  .match-ball-dos[data-v-6e253d84] {
    display: none;
  }
  .triski-agujero[data-v-6e253d84] {
    display: none;
  }
  .contenedor-texto .textos p[data-v-6e253d84] {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .bandera-risi-movil[data-v-6e253d84] {
    display: inline-block;
  }
}
@media screen and (max-width: 980px) {
  .contenedor-texto[data=hoja][data-v-6e253d84] {
    position: relative;
    left: auto;
    top: auto;
    width: 100vw;
    height: auto;
    overflow: hidden;
    z-index: 5;
    margin: 0 auto;
    bottom: 0;
  }
  .contenedor-texto[data=hoja] .fondo-risihoy[data-v-6e253d84] {
    max-width: 100%;
    z-index: 1;
    position: relative;
  }
  .contenedor-texto[data=hoja] .textos[data-v-6e253d84] {
    position: absolute;
    left: 0;
    top: 0;
    padding: 80px 170px;
    transform: rotate(-2.5deg);
    z-index: 5;
  }
  .contenedor-texto[data=hoja] .textos p[data-v-6e253d84] {
    text-align: center;
    max-width: 900px;
    margin-bottom: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 920px) {
  .valor[data-v-6e253d84] {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .valor .contenedor-imagen[data-v-6e253d84] {
    max-width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .valor .texto[data-v-6e253d84] {
    padding-left: 20px;
    width: calc(100% - 200px);
  }
  .contenedor-intro .contenedor-texto p[data-v-6e253d84] {
    font-size: 16px;
  }
  .contenedor-texto[data=hoja] .fondo-risihoy[data-v-6e253d84] {
    max-width: 90%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .contenedor-texto[data=hoja] .textos[data-v-6e253d84] {
    padding: 30px 90px;
  }
}
@media screen and (max-width: 840px) {
  .big-title[data-v-6e253d84] {
    font-size: 80px;
  }
  .contenedor-texto-espiral[data-v-6e253d84] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .contenedor-intro .contenedor-texto .textos[data-v-6e253d84] {
    background: white;
    transform: rotate(0);
    padding: 20px;
    position: relative;
  }
  .contenedor-intro .contenedor-texto .textos p[data-v-6e253d84] {
    text-align: left;
    width: 100%;
  }
  .contenedor-intro .contenedor-texto-intro[data-v-6e253d84] {
    padding: 20px;
  }
  .seis-gusanitos[data-v-6e253d84] {
    display: none;
  }
  .mio[data-v-6e253d84] {
    display: none;
  }
  .contenedor-intro .contenedor-texto .fondo-risihoy[data-v-6e253d84] {
    display: none;
  }
  .contenedor-texto[data=hoja] .fondo-risihoy[data-v-6e253d84] {
    max-width: 100%;
  }
  .contenedor-texto[data=hoja] .textos[data-v-6e253d84] {
    padding: 30px 80px;
  }
  .contenedor-texto[data=hoja] .textos p[data-v-6e253d84] {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .valor h2[data-v-6e253d84] {
    font-size: 24px;
  }
  .contenedor-intro .contenedor-texto-intro h2[data-v-6e253d84] {
    font-size: 24px;
  }
  .btn.-action[data-v-6e253d84] {
    font-size: 16px;
  }
  .contenedor-boton[data-v-6e253d84] {
    justify-content: flex-start;
  }
  .valores[data-v-6e253d84] {
    margin-bottom: 0;
  }
  .big-title[data-v-6e253d84] {
    font-size: 60px;
  }
  .bandera-risi-movil[data-v-6e253d84] {
    max-width: 90vw;
  }
  .container-title[data-v-6e253d84] {
    margin-top: 200px;
  }
  .contenedor-intro .contenedor-texto .risi-gray-boy[data-v-6e253d84] {
    top: -490px;
    max-width: 210px;
  }
  .valor.-full[data-v-6e253d84], .valor[data-v-6e253d84] {
    flex-wrap: wrap;
  }
  .valor.-full .contenedor-imagen[data-v-6e253d84], .valor .contenedor-imagen[data-v-6e253d84] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    height: 150px;
  }
  .valor.-full .texto[data-v-6e253d84], .valor .texto[data-v-6e253d84] {
    width: 100%;
    padding-left: 0;
  }
  .contenedor-texto[data=hoja] .fondo-risihoy[data-v-6e253d84] {
    min-height: 85vw;
  }
  .contenedor-texto[data=hoja] .textos[data-v-6e253d84] {
    padding: 60px 30px;
  }
  .contenedor-texto[data=hoja] .textos p[data-v-6e253d84] {
    font-size: 14px;
  }
}
@media screen and (max-width: 460px) {
  .contenedor-texto[data=hoja] .fondo-risihoy[data-v-6e253d84] {
    min-height: 100vw;
  }
  .contenedor-texto[data=hoja] .textos[data-v-6e253d84] {
    padding: 50px 30px;
  }
  .contenedor-texto[data=hoja] .textos p[data-v-6e253d84] {
    font-size: 14px;
  }
}
@media screen and (max-width: 360px) {
  .btn.-action[data-v-6e253d84] {
    font-size: 14px;
  }
  .contenedor-texto[data=hoja] .textos p[data-v-6e253d84] {
    font-size: 12px;
  }
}
.contenedor-boton[data-v-f3993f30] {
  opacity: 1;
  display: flex;
  position: relative;
  top: 40px;
  right: -400px;
}

.banner-rsc[data-v-f3993f30] {
  height: auto;
  padding: 100px 50px 250px 50px;
  position: relative;
  overflow: hidden;
}

.background[data-v-f3993f30] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -20;
  background-image: linear-gradient(to top, #ab1830, #68131d);
}

.contenedor-texto[data-v-f3993f30] {
  width: 100%;
  padding: 50px;
  background: white;
  position: relative;
  z-index: 2;
}

h2[data-v-f3993f30] {
  width: 100%;
  text-align: left;
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 36px;
  color: #AC1830;
  margin-bottom: 20px;
}

p[data-v-f3993f30] {
  text-align: left;
  margin-bottom: 20px;
}

p[data-v-f3993f30]:last-of-type {
  margin-bottom: 0;
}

.contenedor-tierra[data-v-f3993f30] {
  position: absolute;
  left: 0;
  bottom: 0vh;
  z-index: 2;
  transform: perspective(100px) translate(0px, 90%) translateZ(-50px);
}

.contenedor-tierra .tierra[data-v-f3993f30] {
  position: relative;
  z-index: 4;
}
@keyframes animacionTierra-data-v-f3993f30 {
  from {
    transform: perspective(100px) translate(0px, 90%) translateZ(-20px);
  }
  to {
    transform: perspective(100px) translate(20px, 80%) translateZ(5px);
  }
}
.launched .contenedor-tierra[data-v-f3993f30] {
  animation-name: animacionTierra-data-v-f3993f30;
  animation-duration: 16s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

@media screen and (max-width: 1170px) {
  .contenedor-boton[data-v-f3993f30] {
    right: 0;
    z-index: 5;
  }
}
@media screen and (max-width: 950px) {
  .contenedor-tierra .tierra[data-v-f3993f30] {
    position: relative;
    z-index: 2;
    left: 0;
    width: 200px;
  }
  .contenedor-boton[data-v-f3993f30] {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .banner-rsc[data-v-f3993f30] {
    padding: 100px 20px;
  }
  .contenedor-texto[data-v-f3993f30] {
    padding: 25px;
  }
  .contenedor-tierra .tierra[data-v-f3993f30] {
    width: 150px;
  }
  .btn.-action[data-v-f3993f30] {
    font-size: 28px;
  }
}
@media screen and (max-width: 420px) {
  .contenedor-boton[data-v-f3993f30] {
    right: 0px;
  }
  @keyframes animacionTierra-data-v-f3993f30 {
    to {
      transform: perspective(100px) translate(60px, 90%) translateZ(5px);
    }
  }
}
.contacto-wrapper[data-v-7caa8ba2] {
  background-image: linear-gradient(to bottom, #099dc1, #0790b2);
  min-height: 100vh;
}

.contenedor-formulario[data-v-7caa8ba2] {
  top: -60px;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 5;
}

.contenedor-formulario .container-option[data-v-7caa8ba2] {
  margin-bottom: 20px;
  background-color: transparent;
  height: 70px;
  min-width: 410px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
}

.contenedor-formulario .container-option .option[data-v-7caa8ba2] {
  color: white;
  display: flex;
  max-width: 300px;
  font-size: 18px;
  font-family: "Oswald";
}

.contenedor-formulario .container-option[data-v-7caa8ba2]:hover {
  background-color: white;
  background-image: url(https://risi.es/static/img/tip-red.svg);
  background-repeat: no-repeat;
  background-position: 15px;
}

.contenedor-formulario .container-option:hover .option[data-v-7caa8ba2] {
  color: black;
}

.formulario-wrapper[data-v-7caa8ba2] {
  padding-bottom: 700px;
  position: relative;
}

.telefono[data-v-7caa8ba2] {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 700px;
  max-width: 900px;
  transform: translate(-50%, -10%);
}

.hoja-contacto[data-v-7caa8ba2] {
  position: absolute;
  bottom: 0;
  right: 80px;
  transform: translate(580px, -300px) rotate(10deg);
  transition: 3s;
  transition-timing-function: cubic-bezier(0.32, 0.81, 0.04, 0.96);
}

.hoja-contacto .espiral[data-v-7caa8ba2] {
  width: 200px;
}

.hoja-contacto .texto[data-v-7caa8ba2] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.hoja-contacto .texto .titulo[data-v-7caa8ba2] {
  text-transform: uppercase;
  font-family: "Oswald";
  font-size: 36px;
  display: inline-block;
  margin-bottom: 12px;
}

.hoja-contacto .texto .contacto-el[data-v-7caa8ba2] {
  padding: 12px 20px;
  display: inline-block;
  max-width: 350px;
  width: 100%;
  border-top: 1px solid #960234;
}

.hoja-contacto .texto .contacto-el .contacts[data-v-7caa8ba2] {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.hoja-contacto .texto .contacto-el img[data-v-7caa8ba2] {
  margin-bottom: 10px;
}

.hoja-contacto .texto .contacto-el p[data-v-7caa8ba2] {
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
}

.hoja-contacto .texto .contacto-el p a[data-v-7caa8ba2] {
  font-weight: 800;
  cursor: pointer;
}

.launched .hoja-contacto[data-v-7caa8ba2] {
  transform: rotate(20deg);
}

.contenedor-texto-asset p[data-v-7caa8ba2] {
  transform: rotate(-20deg);
  line-height: 42px;
}

@media screen and (max-width: 1250px) {
  .hoja-contacto[data-v-7caa8ba2] {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 960px) {
  .contenedor-texto-asset[data-v-7caa8ba2] {
    display: none;
  }
  .formulario-wrapper[data-v-7caa8ba2] {
    padding-bottom: 680px;
  }
  .hoja-contacto[data-v-7caa8ba2] {
    position: relative;
    left: auto;
    top: auto;
    padding: 20px 0;
  }
  .hoja-contacto > img[data-v-7caa8ba2] {
    max-width: 100%;
  }
  .launched .hoja-contacto[data-v-7caa8ba2] {
    transform: rotate(0);
  }
  .hoja-contacto > img[data-v-7caa8ba2] {
    max-width: 400px;
  }
  .hoja-contacto .texto .contacto-el[data-v-7caa8ba2] {
    padding: 10px;
  }
}
@media screen and (max-width: 600px) {
  .formulario-wrapper[data-v-7caa8ba2] {
    padding-bottom: 0;
  }
  .formulario-wrapper .contenedor-formulario[data-v-7caa8ba2] {
    top: 0;
  }
  .formulario-wrapper .contenedor-formulario .container-option[data-v-7caa8ba2]:hover {
    background-color: inherit;
    background: inherit;
  }
  .hoja-contacto[data-v-7caa8ba2] {
    position: relative;
    left: auto;
    top: auto;
    padding: 20px 0;
  }
  .hoja-contacto > img[data-v-7caa8ba2] {
    max-width: 94%;
  }
  .launched .hoja-contacto[data-v-7caa8ba2] {
    transform: rotate(0);
  }
  .telefono[data-v-7caa8ba2] {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .formulario-wrapper .contenedor-formulario .container-option[data-v-7caa8ba2] {
    min-width: 270px;
    max-width: 270px;
  }
  .hoja-contacto .texto .titulo[data-v-7caa8ba2] {
    margin-bottom: 5px;
    font-size: 34px;
  }
  .hoja-contacto .texto[data-v-7caa8ba2] {
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    width: 90vw;
  }
}
.formulario[data-v-12686350] {
  max-width: 550px;
  position: relative;
}

.contacto-wrapper[data-v-1145419e] {
  background-image: linear-gradient(to bottom, #099dc1, #0790b2);
  min-height: 100vh;
  position: relative;
  padding-bottom: 100px;
}

.contacto-wrapper .volver[data-v-1145419e] {
  top: 145px;
}

.contacto-wrapper .gusanitos-img[data-v-1145419e] {
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
}

.contacto-wrapper .contenedor-formulario[data-v-1145419e] {
  top: 0;
}

.contacto-wrapper .contenedor-formulario h3[data-v-1145419e] {
  font-size: 24px;
  font-family: "Oswald";
  color: white;
  margin: 0 auto;
  margin-bottom: 20px;
  animation-delay: 0.5s;
  text-transform: uppercase;
}

.contacto-wrapper .hoja-contacto-general[data-v-1145419e] {
  background-image: url(https://risi.es/static/img/hoja-contacto-general.svg);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 60px 220px;
}

.contacto-wrapper .hoja-contacto-general .content[data-v-1145419e] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 700px;
}

.contacto-wrapper .hoja-contacto-general .content .contact[data-v-1145419e] {
  display: flex;
  align-items: center;
}

.contacto-wrapper .hoja-contacto-general .content .contact img[data-v-1145419e] {
  margin-right: 10px;
}

.contacto-wrapper .hoja-contacto-general .content .contact div[data-v-1145419e] {
  text-align: start;
}

.contenedor-formulario[data-v-1145419e] {
  top: -60px;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 5;
}

.contenedor-formulario .container-option[data-v-1145419e] {
  margin-bottom: 20px;
  background-color: transparent;
  height: 70px;
  min-width: 410px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
}

.contenedor-formulario .container-option .option[data-v-1145419e] {
  color: white;
  display: flex;
  max-width: 300px;
  font-size: 18px;
  font-family: "Oswald";
}

.contenedor-formulario .container-option[data-v-1145419e]:hover {
  background-color: white;
  background-image: url(https://risi.es/static/img/tip-red.svg);
  background-repeat: no-repeat;
  background-position: 15px;
}

.contenedor-formulario .container-option:hover .option[data-v-1145419e] {
  color: black;
}

@media screen and (max-width: 1300px) {
  .contacto-wrapper .hoja-contacto-general[data-v-1145419e] {
    padding: 60px 160px !important;
  }
  .contacto-wrapper .hoja-contacto-general .content[data-v-1145419e] {
    min-width: auto !important;
  }
  .gusanitos-img[data-v-1145419e] {
    bottom: 250px !important;
  }
}
@media screen and (max-width: 860px) {
  .contacto-wrapper .hoja-contacto-general .content[data-v-1145419e] {
    min-width: 550px;
    justify-content: space-between !important;
  }
}
@media screen and (max-width: 660px) {
  .contacto-wrapper .volver[data-v-1145419e], .contacto-wrapper .gusanitos-img[data-v-1145419e] {
    display: none;
  }
  .contacto-wrapper .hoja-contacto-general[data-v-1145419e] {
    background-size: cover;
    padding: 60px 0 40px 0 !important;
  }
  .contacto-wrapper .hoja-contacto-general .content[data-v-1145419e] {
    flex-direction: column;
  }
  .contacto-wrapper .hoja-contacto-general .content .contact[data-v-1145419e] {
    margin-bottom: 20px;
  }
}
.contenedor-noticia[data-v-5de852a4] {
  padding-top: 20px;
  padding-bottom: 50px;
  min-height: 900px;
}

.top-container[data-v-5de852a4] {
  margin-bottom: 40px;
}

.titulo[data-v-5de852a4] {
  font-family: "Oswald";
  font-size: 18px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

p[data-v-5de852a4] {
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .big-title[data-v-5de852a4] {
    text-align: center;
  }
  .contenedor-cuerpo[data-v-5de852a4] {
    padding: 0;
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .big-title.-xs[data-v-5de852a4] {
    font-size: 60px;
    text-align: right;
    transform: translateY(0);
    margin-top: 20px;
  }
  .top-container[data-v-5de852a4] {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 380px) {
  .big-title.-xs[data-v-5de852a4] {
    font-size: 20px;
  }
}
#legal-text[data-v-8a1b00dc] {
  text-align: start;
}

.contenedor-noticia[data-v-8a1b00dc] {
  padding-top: 20px;
  padding-bottom: 50px;
  min-height: 900px;
}

.top-container[data-v-8a1b00dc] {
  margin-bottom: 40px;
}

.titulo[data-v-8a1b00dc] {
  font-family: "Oswald";
  font-size: 18px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

p[data-v-8a1b00dc] {
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .big-title[data-v-8a1b00dc] {
    text-align: center;
  }
  .contenedor-cuerpo[data-v-8a1b00dc] {
    padding: 0;
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .big-title.-xs[data-v-8a1b00dc] {
    font-size: 60px;
    text-align: right;
    transform: translateY(0);
    margin-top: 20px;
  }
  .top-container[data-v-8a1b00dc] {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 380px) {
  .big-title.-xs[data-v-8a1b00dc] {
    font-size: 20px;
  }
}
.contenedor-noticia[data-v-6e74b7bd] {
  padding-top: 20px;
  padding-bottom: 50px;
  min-height: 900px;
}

.top-container[data-v-6e74b7bd] {
  margin-bottom: 40px;
}

.titulo[data-v-6e74b7bd], h2[data-v-6e74b7bd] {
  font-family: "Oswald";
  font-size: 18px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

h4[data-v-6e74b7bd] {
  font-family: "Oswald";
  font-size: 24px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

p[data-v-6e74b7bd] {
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .big-title[data-v-6e74b7bd] {
    text-align: center;
  }
  .contenedor-cuerpo[data-v-6e74b7bd] {
    padding: 0;
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .big-title.-xs[data-v-6e74b7bd] {
    font-size: 60px;
    text-align: right;
    transform: translateY(0);
    margin-top: 20px;
  }
  .top-container[data-v-6e74b7bd] {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 380px) {
  .big-title.-xs[data-v-6e74b7bd] {
    font-size: 40px;
  }
}
.ficha-noticia[data-v-c800e0d4] {
  background-color: #ac1830;
}

.contenedor-noticia[data-v-c800e0d4] {
  padding-top: 20px;
  padding-bottom: 50px;
  min-height: 900px;
}

.top-container[data-v-c800e0d4] {
  margin-bottom: 40px;
}

h1[data-v-c800e0d4] {
  color: rgba(0, 0, 0, 0.4);
}

h4[data-v-c800e0d4] {
  font-family: "Oswald";
  font-size: 24px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

p[data-v-c800e0d4] {
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.desplegable-el header[data-v-c800e0d4] {
  padding: 25px 80px;
}

.desplegable-el header button[data-v-c800e0d4] {
  cursor: pointer;
  background: #ac1830 url(https://risi.es/static/img/flecha.svg) 50%/25px no-repeat;
  transform: rotate(180deg);
}

@media screen and (max-width: 1300px) {
  .big-title[data-v-c800e0d4] {
    text-align: center;
  }
  .contenedor-cuerpo[data-v-c800e0d4] {
    padding: 0;
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .big-title.-xs[data-v-c800e0d4] {
    font-size: 60px;
    text-align: right;
    transform: translateY(0);
    margin-top: 20px;
  }
  .top-container[data-v-c800e0d4] {
    margin-bottom: 0;
  }
  .desplegable-el header[data-v-c800e0d4] {
    padding: 10px 40px;
  }
}
@media screen and (max-width: 380px) {
  .big-title.-xs[data-v-c800e0d4] {
    font-size: 40px;
  }
}
.risketo[data-v-521ddc1a] {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 180px;
}

.palomita-chocob-1[data-v-521ddc1a] {
  position: absolute;
  left: 100px;
  top: 200px;
  max-width: 200px;
}

.match-ball-dos[data-v-521ddc1a] {
  position: absolute;
  top: 500px;
  left: 250px;
  max-width: 50px;
}

.triski-agujero[data-v-521ddc1a] {
  position: absolute;
  top: 250px;
  right: 200px;
  max-width: 50px;
}

.ficha-noticia[data-v-521ddc1a] {
  background-image: linear-gradient(to top, #68131d, #ab1830);
}

.contenedor-noticia[data-v-521ddc1a] {
  padding-top: 20px;
  padding-bottom: 50px;
}

.top-container[data-v-521ddc1a] {
  margin-bottom: 40px;
}

h1[data-v-521ddc1a] {
  color: rgba(0, 0, 0, 0.4);
}

h4[data-v-521ddc1a] {
  font-family: "Oswald";
  font-size: 24px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

p[data-v-521ddc1a] {
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.desplegable-el header[data-v-521ddc1a] {
  padding: 25px 30px;
}

.desplegable-el header a[data-v-521ddc1a] {
  display: flex;
  align-items: center;
}

.desplegable-el header a img[data-v-521ddc1a] {
  padding-right: 20px;
}

.desplegable-el header button[data-v-521ddc1a] {
  cursor: pointer;
  background: #ac1830 url(https://risi.es/static/img/flecha.svg) 50%/25px no-repeat;
  transform: rotate(180deg);
}

@media screen and (max-width: 1300px) {
  .big-title[data-v-521ddc1a] {
    text-align: center;
  }
  .contenedor-cuerpo[data-v-521ddc1a] {
    padding: 0;
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .big-title.-xs[data-v-521ddc1a] {
    font-size: 60px;
    text-align: right;
    transform: translateY(0);
    margin-top: 20px;
  }
  .top-container[data-v-521ddc1a] {
    margin-bottom: 0;
  }
  .desplegable-el header[data-v-521ddc1a] {
    padding: 10px 25px;
  }
  .match-ball-dos[data-v-521ddc1a], .palomita-chocob-1[data-v-521ddc1a], .triski-agujero[data-v-521ddc1a] {
    display: none;
  }
  .risketo[data-v-521ddc1a] {
    max-width: 100px;
  }
}
@media screen and (max-width: 380px) {
  .big-title.-xs[data-v-521ddc1a] {
    font-size: 40px;
  }
}
.encabezado-conducta[data-v-61a30b40] {
  padding: 0;
  padding-top: 0;
  height: 25vw;
  min-height: 300px;
}

.inferior[data-v-61a30b40] {
  position: relative;
  display: block;
}

.inferior .valores[data-v-61a30b40] {
  margin-bottom: 100px;
}

.inferior .valores h2[data-v-61a30b40] {
  width: 100%;
  text-align: left;
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 36px;
  color: white;
  margin-bottom: 20px;
}

.inferior .valores > p[data-v-61a30b40] {
  text-align: left;
  font-weight: 800;
  color: white;
  font-size: 20px;
  margin-bottom: 20px;
}

.inferior .valor[data-v-61a30b40] {
  width: calc(50% - 20px);
  background: white;
  padding: 40px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.inferior .valor[data-v-61a30b40]::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: #d63547;
  z-index: 3;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}

.inferior .valor[data-v-61a30b40]::after {
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: #ffffff;
  z-index: 2;
  transition: 0.3s;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
}

.inferior .valor .contenedor-imagen[data-v-61a30b40] {
  width: 100%;
  height: 260px;
}

.inferior .valor .contenedor-imagen img[data-v-61a30b40] {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.inferior .valor h2[data-v-61a30b40] {
  color: rgba(31, 32, 32, 0.27);
}

.inferior .valor p[data-v-61a30b40] {
  text-align: left;
  font-size: 16px;
  color: #1f2020;
}

.inferior .valor.-full[data-v-61a30b40] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.inferior .valor.-full .contenedor-imagen[data-v-61a30b40] {
  max-width: 200px;
}

.inferior .valor.-full .texto[data-v-61a30b40] {
  width: calc(100% - 200px);
}

.inferior .valor.launched[data-v-61a30b40]::before {
  transform: translateY(-100%);
}

.inferior .valor.launched[data-v-61a30b40]::after {
  transform: translateY(100%);
}

@media screen and (max-width: 920px) {
  .inferior .valor[data-v-61a30b40] {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .inferior .valor .contenedor-imagen[data-v-61a30b40] {
    max-width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .inferior .valor .texto[data-v-61a30b40] {
    padding-left: 20px;
    width: calc(100% - 200px);
  }
  .inferior .big-title[data-v-61a30b40] {
    font-size: 80px;
  }
}
@media screen and (max-width: 568px) {
  .inferior .valor h2[data-v-61a30b40] {
    font-size: 24px;
  }
  .inferior .contenedor-intro .contenedor-texto-intro h2[data-v-61a30b40] {
    font-size: 24px;
  }
  .inferior .valores[data-v-61a30b40] {
    margin-bottom: 0;
  }
  .inferior .big-title[data-v-61a30b40] {
    font-size: 60px;
  }
  .inferior .valor.-full[data-v-61a30b40], .inferior .valor[data-v-61a30b40] {
    flex-wrap: wrap;
  }
  .inferior .valor.-full .contenedor-imagen[data-v-61a30b40], .inferior .valor .contenedor-imagen[data-v-61a30b40] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    height: 150px;
  }
  .inferior .valor.-full .texto[data-v-61a30b40], .inferior .valor .texto[data-v-61a30b40] {
    width: 100%;
    padding-left: 0;
  }
}
.encabezado-conducta[data-v-44b05328] {
  padding: 0;
  padding-top: 0;
  height: 25vw;
  min-height: 300px;
}

.inferior[data-v-44b05328] {
  position: relative;
  display: block;
}

.inferior .valores[data-v-44b05328] {
  margin-bottom: 50px;
}

.inferior .valores h3[data-v-44b05328] {
  width: 100%;
  text-align: left;
  font-family: "Oswald";
  font-size: 30px;
  color: white;
  margin-bottom: 20px;
}

.inferior .valores > p[data-v-44b05328] {
  text-align: left;
  color: white;
  font-size: 20px;
  margin-bottom: 20px;
}

.inferior .hoja-contacto-general[data-v-44b05328] {
  background-image: url(https://risi.es/static/img/hoja-contacto-general.svg);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 60px 220px;
  margin: 50px 0;
}

.inferior .hoja-contacto-general .content[data-v-44b05328] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 700px;
}

.inferior .hoja-contacto-general .content .contact[data-v-44b05328] {
  display: flex;
  align-items: center;
}

.inferior .hoja-contacto-general .content .contact img[data-v-44b05328] {
  margin-right: 10px;
}

.inferior .hoja-contacto-general .content .contact div[data-v-44b05328] {
  text-align: start;
}

.inferior .hoja-contacto-general .content .contact span[data-v-44b05328] {
  font-size: 18px;
}

@media screen and (max-width: 1300px) {
  .inferior .hoja-contacto-general[data-v-44b05328] {
    padding: 60px 160px !important;
  }
  .inferior .hoja-contacto-general .content[data-v-44b05328] {
    min-width: auto !important;
  }
}
@media screen and (max-width: 920px) {
  .inferior .big-title[data-v-44b05328] {
    font-size: 80px;
  }
}
@media screen and (max-width: 568px) {
  .inferior .hoja-contacto-general[data-v-44b05328] {
    background-size: cover;
    padding: 60px 0 40px 0 !important;
  }
  .inferior .hoja-contacto-general .content[data-v-44b05328] {
    flex-direction: column;
  }
  .inferior .hoja-contacto-general .content .contact[data-v-44b05328] {
    margin-bottom: 20px;
  }
  .inferior .valores[data-v-44b05328] {
    margin-bottom: 0;
  }
  .inferior .big-title[data-v-44b05328] {
    font-size: 60px;
  }
}
.formulario[data-v-2d321081] {
  max-width: 550px;
  position: relative;
}

.modal[data-v-04b6ca4b] {
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: -100vh;
  transition: 0.4s;
  transition-delay: 0s;
  z-index: 15;
  background: rgba(104, 19, 29, 0.9);
  transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
  padding: 100px 0;
}

.modal[show=true][data-v-04b6ca4b] {
  transform: translateY(100vh);
  transition-delay: 0.1s;
}

.modal .container[data-v-04b6ca4b] {
  padding: 0 100px;
}

.modal .modal-content[data-v-04b6ca4b] {
  background: white;
  max-height: 60%;
  overflow-y: scroll;
}

.modal .modal-content .text[data-v-04b6ca4b] {
  text-align: start;
}

.modal .modal-content .text h2[data-v-04b6ca4b] {
  font-size: 24px;
  color: #AC1830;
  font-weight: bold;
  margin: 20px 0;
}

.modal .modal-content .text h3[data-v-04b6ca4b] {
  font-size: 20px;
  color: #AC1830;
  font-weight: bold;
  margin: 15px 0;
}

.modal .modal-content .text p[data-v-04b6ca4b], .modal .modal-content .text li[data-v-04b6ca4b] {
  line-height: 1.6em;
  margin-bottom: 10px;
}

.modal .modal-content .text ul[data-v-04b6ca4b] {
  margin-bottom: 5px;
}

.modal .modal-content .text ul li[data-v-04b6ca4b] {
  font-size: 16px;
  list-style: initial;
  margin-left: 30px;
  margin-bottom: 5px;
  line-height: 1.6em;
}

.modal .modal-intro[data-v-04b6ca4b] {
  background: white;
  text-align: start;
  padding: 25px 0;
}

.modal .modal-intro p[data-v-04b6ca4b] {
  font-size: 20px;
  font-weight: bold;
  color: #b2b2b2;
  margin-left: 100px;
}

.modal .modal-intro .close[data-v-04b6ca4b] {
  width: 30px;
  height: 30px;
  margin-right: 40px;
  float: right;
  cursor: pointer;
}

.modal .modal-accept[data-v-04b6ca4b] {
  padding: 40px 0;
  background: white;
  box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.45);
}

.modal .modal-accept .btn.-accept[data-v-04b6ca4b] {
  height: 80px;
  line-height: 80px;
  display: inline-block;
  padding: 0 10px 0 15px;
  background: #fff;
  text-transform: uppercase;
  font-family: "Oswald";
  color: #AC1830;
  font-size: 40px;
  border: none;
  position: relative;
  cursor: pointer;
  outline: none;
}

.modal .modal-accept .btn.-accept[data-v-04b6ca4b]::before {
  right: 0;
  top: 25%;
  transform: translateX(100%);
  position: absolute;
  width: 35px;
  height: 35px;
  content: "";
  display: inline-block;
  background: url("https://risi.es/static/img/arrow-right.png") center left/auto 100% no-repeat;
}

.modal[data-v-04b6ca4b] ::-webkit-scrollbar {
  width: 8px;
  border-radius: 0px;
}

.modal[data-v-04b6ca4b] ::-webkit-scrollbar-thumb {
  background: #AC1830;
}

.modal[data-v-04b6ca4b] ::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 0px;
}

@media screen and (max-width: 1025px) {
  .container[data-v-04b6ca4b], .modal .container[data-v-04b6ca4b] {
    min-width: 0;
    width: 80%;
  }
  .modal-content.container[data-v-04b6ca4b] {
    padding: 0 30px;
  }
  .modal .modal-intro p[data-v-04b6ca4b] {
    margin-left: 30px;
  }
  .modal .modal-accept[data-v-04b6ca4b] {
    padding: 20px 0;
  }
  .modal .modal-accept .btn.-accept[data-v-04b6ca4b] {
    font-size: 34px;
  }
}
@media screen and (max-width: 550px) {
  .modal .modal-intro .close[data-v-04b6ca4b] {
    margin-right: 10px;
    width: 20px;
    height: 20px;
  }
  .modal .modal-accept[data-v-04b6ca4b] {
    padding: 10px 0;
  }
  .modal .modal-accept .btn.-accept[data-v-04b6ca4b] {
    font-size: 18px;
  }
}
.encabezado-conducta[data-v-7d871b4c] {
  padding: 0;
  padding-top: 0;
  height: 25vw;
  min-height: 300px;
}

@media screen and (max-width: 800px) {
  .main-conducta[data-v-38ce1a04] {
    min-height: 500px;
  }
}
.logo-desplegable[data-v-4ff8afe0] {
  width: 125px;
  cursor: pointer;
}

.box[data-v-4ff8afe0] {
  position: relative;
  width: 18%;
  margin: 3px;
  border: 1px solid lightgray;
}

.btn-descarga[data-v-4ff8afe0] {
  position: absolute;
  opacity: 0;
}

.box[data-v-4ff8afe0]:hover {
  background: rgba(155, 49, 69, 0.3294117647);
}

.box:hover .btn-descarga[data-v-4ff8afe0] {
  opacity: 1;
}

.box:hover img[data-v-4ff8afe0]:first-child {
  opacity: 0.7;
}

.pressroom-wrapper[data-v-4ff8afe0] {
  background-image: linear-gradient(189deg, #c6ca51, #adbb26);
  overflow: hidden;
  position: relative;
}

.promociones-list[data-v-4ff8afe0] {
  min-height: 100vh;
}

.container-title[data-v-4ff8afe0] {
  max-width: 1180px;
  width: 80vw;
  width: 100%;
  position: relative;
  margin-top: 50px;
}

.container-title .periodico[data-v-4ff8afe0] {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 300px;
}

.contenedor-texto-espiral[data-v-4ff8afe0] {
  position: absolute;
  right: 0;
  top: 0px;
  width: 230px;
  height: auto;
  display: inline-block;
  padding-top: 150px;
  transform: rotate(-15deg);
}

.contenedor-texto-espiral .contenedor-espiral[data-v-4ff8afe0] {
  position: absolute;
  top: -40px;
  right: 150px;
  transform: rotateY(190deg) scale(0.65) rotate(10deg);
  width: 170px;
  height: 150px;
}

.contenedor-texto-espiral p[data-v-4ff8afe0] {
  font-size: 36px;
  color: white;
  text-align: center;
  line-height: 40px;
  max-width: 230px;
  animation-delay: 1s;
}

.contenedor-pressroom[data-v-4ff8afe0] {
  position: relative;
  z-index: 8;
  margin-top: -50px;
}

.risi-gray-boy[data-v-4ff8afe0] {
  position: absolute;
  left: 60px;
  bottom: 110px;
}

.big-title[data-v-4ff8afe0] {
  font-size: 180px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: relative;
}

.texto-intro[data-v-4ff8afe0] {
  font-size: 30px;
  font-family: "Futura LT CondensedBold";
  color: #FFFFFF;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 50px;
}

.pressroom-list[data-v-4ff8afe0] {
  width: 100%;
  background: white;
  display: inline-block;
  padding: 100px 50px;
  position: relative;
}

.volver[data-v-4ff8afe0] {
  transform: translateX(-100%);
}

div.prueba[data-v-4ff8afe0] {
  width: 100% !important;
}

.risketo[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  max-width: 300px;
}

.patata[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  right: 50px;
  top: 100px;
  max-width: 220px;
}

.palomitacaramelo[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  right: 20px;
  top: 700px;
  max-width: 220px;
}

.palomita-choco[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  right: 50px;
  top: 900px;
  max-width: 150px;
}

.gusanito-esquina[data-v-4ff8afe0] {
  position: absolute;
  left: 0px;
  top: 1200px;
  transform: rotateY(180deg);
  max-width: 150px;
}

.buscalio[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  left: 60px;
  top: 900px;
  max-width: 140px;
}

.palomita[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  left: 600px;
  top: 400px;
  max-width: 150px;
  filter: blur(1px);
}

.palomita-inversa[data-v-4ff8afe0] {
  position: absolute;
  z-index: 5;
  left: -300px;
  top: -200px;
  max-width: 220px;
}

.pirata[data-v-4ff8afe0] {
  position: absolute;
  z-index: 2;
  left: 100px;
  bottom: -20px;
  max-width: 150px;
}

.mio[data-v-4ff8afe0] {
  position: absolute;
  right: 100px;
  top: 600px;
  max-width: 150px;
}

.pizza[data-v-4ff8afe0] {
  position: absolute;
  z-index: 2;
  left: -50px;
  bottom: 400px;
  max-width: 300px;
}

.descargas-list[data-v-4ff8afe0] {
  position: relative;
  padding-bottom: 200px;
  margin-bottom: 50px;
}

.descargas-list .microfono[data-v-4ff8afe0] {
  position: absolute;
  right: -290px;
  bottom: 0;
  max-width: 250px;
}

.descarga-el[data-v-4ff8afe0] {
  padding: 20px;
  background: white;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}

.descarga-el h2[data-v-4ff8afe0] {
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 36px;
  color: #99093a;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}

.descarga-el .download-burdeos[data-v-4ff8afe0] {
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 24px;
  color: rgba(31, 32, 32, 0.27);
  width: 50%;
  display: inline-block;
  cursor: pointer;
  line-height: 45px;
}

.descarga-el .download-burdeos.full[data-v-4ff8afe0] {
  width: 100%;
}

.descarga-el .download-burdeos.big[data-v-4ff8afe0] {
  margin-top: 0;
  width: 100%;
  font-size: 36px;
}

.dropdown[data-v-4ff8afe0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.dropdown h3[data-v-4ff8afe0] {
  text-transform: uppercase;
  font-family: "Oswald";
  color: #9B3145;
  font-size: 34px;
  background: url("https://risi.es/static/img/mas.svg") center right/30px no-repeat;
  cursor: pointer;
  width: 100%;
}

.dropdown h3.show[data-v-4ff8afe0] {
  background: url("https://risi.es/static/img/menos.svg") center right/30px no-repeat;
}

.dropdown .dropdown[data-v-4ff8afe0] {
  display: none;
  margin-bottom: 20px;
}

.dropdown .dropdown.show[data-v-4ff8afe0] {
  display: inline-block;
  width: 100%;
}

.dropdown .download-list[data-v-4ff8afe0] {
  margin-top: 10px;
  display: none;
}

.dropdown .download-list.show[data-v-4ff8afe0] {
  display: flex;
  border: 1px solid #D8D8D8;
  padding: 10px;
}

.dropdown .download-list .box[data-v-4ff8afe0] {
  max-width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  padding: 5px;
  width: 19%;
}

.dropdown .download-list .box img[data-v-4ff8afe0] {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.dropdown.show[data-v-4ff8afe0] {
  cursor: pointer;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .contenedor-texto-espiral[data-v-4ff8afe0] {
    display: none;
  }
  .-decoracion[data-v-4ff8afe0] {
    display: none;
  }
}
@media screen and (max-width: 1010px) {
  .big-title[data-v-4ff8afe0] {
    font-size: 150px;
  }
  .microfono[data-v-4ff8afe0] {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .big-title[data-v-4ff8afe0] {
    font-size: 100px;
  }
  .texto-intro[data-v-4ff8afe0] {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 650px) {
  .big-title[data-v-4ff8afe0] {
    font-size: 80px;
  }
  .contenedor-descargas[data-v-4ff8afe0] {
    margin-top: 25px;
  }
  .descarga-el h2[data-v-4ff8afe0] {
    font-size: 30px;
  }
  .descarga-el .download-burdeos.big[data-v-4ff8afe0] {
    font-size: 28px;
  }
  .descarga-el .download-burdeos[data-v-4ff8afe0] {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .dropdown .dropdown[data-v-4ff8afe0] {
    padding-left: 0;
  }
  .dropdown .dropdown .download-list .box[data-v-4ff8afe0] {
    width: 33.33333%;
    max-width: 33.33333%;
    padding: 10px;
    height: 160px;
  }
  .container-title .periodico[data-v-4ff8afe0] {
    display: none;
  }
}
.dropwdown .download-list.show[data-v-4ff8afe0] {
  display: flex;
  border: 1px solid gray;
  padding: 19px 19px;
  background: url(https://risi.es/static/img/menos.svg) top right/30px no-repeat;
  background-origin: content-box;
}

@media screen and (max-width: 520px) {
  .big-title[data-v-4ff8afe0] {
    font-size: 60px;
  }
  .texto-intro[data-v-4ff8afe0] {
    font-size: 18px;
    line-height: 26px;
  }
  .descarga-el .download-burdeos[data-v-4ff8afe0] {
    width: 100%;
  }
  .dropdown .dropdown[data-v-4ff8afe0] {
    padding-left: 0;
  }
  .dropdown .dropdown .download-list .box[data-v-4ff8afe0] {
    width: 50%;
    max-width: 50%;
    padding: 10px;
    height: 160px;
  }
}
@media screen and (max-width: 400px) {
  .big-title[data-v-4ff8afe0] {
    font-size: 40px;
  }
  .dropdown .dropdown[data-v-4ff8afe0] {
    padding-left: 0;
  }
  .dropdown .dropdown .download-list .box[data-v-4ff8afe0] {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    height: 160px;
  }
}
.contacto-wrapper[data-v-35b32eee] {
  background-image: linear-gradient(to bottom, #474747 15%, #000 99%);
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  padding-bottom: 140px;
}

.contenedor-formulario[data-v-35b32eee] {
  margin-top: 60px;
  position: relative;
  min-height: 400px;
  flex-direction: column;
}

.contenedor-formulario h1[data-v-35b32eee] {
  width: 100%;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "Bebas Neue", cursive;
  font-size: 50px;
}

.formulario-wrapper[data-v-35b32eee] {
  padding-bottom: 100px;
  position: relative;
}

.trickers[data-v-35b32eee] {
  position: absolute;
  left: -150px;
  top: 320px;
}

.triangulos[data-v-35b32eee] {
  position: absolute;
  max-width: 500px;
  right: -200px;
  top: 300px;
}

.claim-trickers[data-v-35b32eee] {
  width: 100%;
  margin-top: 50px;
  max-width: 617px;
  display: inline-block;
}

.claim-trickers-2[data-v-35b32eee] {
  width: 100%;
  max-width: 709px;
}

.bolsa-trickers[data-v-35b32eee] {
  position: absolute;
  right: -250px;
  bottom: 50px;
}

.logo-trikers[data-v-35b32eee] {
  position: absolute;
  left: 100px;
  bottom: 0;
  transform: rotate(-10deg);
}

@media screen and (max-width: 1450px) {
  .big-title[data-v-35b32eee] {
    font-size: 180px;
  }
}
@media screen and (max-width: 1300px) {
  .big-title[data-v-35b32eee] {
    font-size: 10vw;
  }
  .bolsa-trickers[data-v-35b32eee] {
    right: -90px;
    max-width: 410px;
  }
}
@media screen and (max-width: 1200px) {
  .trickers[data-v-35b32eee] {
    left: -240px;
  }
  .triangulos[data-v-35b32eee] {
    right: -280px;
  }
}
@media screen and (max-width: 1024px) {
  .trickers[data-v-35b32eee] {
    left: -150px;
    top: 100px;
    max-width: 300px;
  }
  .triangulos[data-v-35b32eee] {
    max-width: 300px;
    right: -150px;
  }
}
@media screen and (max-width: 767px) {
  .triangulos[data-v-35b32eee] {
    display: none;
  }
  .trickers[data-v-35b32eee] {
    display: none;
  }
  .logo-trikers[data-v-35b32eee] {
    max-width: 200px;
    bottom: 80px;
  }
  .contacto-wrapper[data-v-35b32eee] {
    padding-bottom: 50px;
  }
  .big-title[data-v-35b32eee] {
    font-size: 12vw;
  }
  .contenedor-formulario h1[data-v-35b32eee] {
    font-size: 28px;
  }
  .bolsa-trickers[data-v-35b32eee] {
    max-width: 300px;
    right: 110px;
    bottom: 30px;
  }
}
@media screen and (max-width: 667px) {
  .bolsa-trickers[data-v-35b32eee] {
    right: 20px;
  }
  .logo-trikers[data-v-35b32eee] {
    left: 30px;
  }
}
@media screen and (max-width: 470px) {
  .logo-trikers[data-v-35b32eee] {
    left: 50%;
    transform: translateX(-50%);
    bottom: 280px;
  }
  .bolsa-trickers[data-v-35b32eee] {
    right: 50%;
    transform: translateX(50%);
  }
  .formulario-wrapper[data-v-35b32eee] {
    padding-bottom: 230px;
  }
}
.formulario[data-v-45c23fce] {
  max-width: 550px;
  position: relative;
}

@media screen and (max-width: 600px) {
  .btn.-action[data-v-45c23fce] {
    font-size: 18px;
  }
}
.ficha-noticia[data-v-85e1b7b4] {
  background-image: linear-gradient(to bottom, #474747 15%, #000 99%);
  color: white;
}

.contenedor-noticia[data-v-85e1b7b4] {
  padding-top: 20px;
  padding-bottom: 50px;
  min-height: 900px;
}

.top-container[data-v-85e1b7b4] {
  margin-bottom: 40px;
}

.titulo[data-v-85e1b7b4] {
  font-family: "Oswald";
  font-size: 18px;
  font-weight: bold;
  color: #1f2020;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

h2[data-v-85e1b7b4] {
  width: 100%;
  color: white;
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 20px;
}

h3[data-v-85e1b7b4], h4[data-v-85e1b7b4] {
  width: 100%;
  color: white;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  margin-bottom: 20px;
}

h4[data-v-85e1b7b4] {
  font-size: 14px;
}

ul[data-v-85e1b7b4] {
  margin-bottom: 20px;
}

p[data-v-85e1b7b4], li[data-v-85e1b7b4] {
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  color: white;
}

@media screen and (max-width: 1300px) {
  .big-title[data-v-85e1b7b4] {
    text-align: center;
  }
  .contenedor-cuerpo[data-v-85e1b7b4] {
    padding: 0;
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .big-title.-xs[data-v-85e1b7b4] {
    font-size: 60px;
    text-align: right;
    transform: translateY(0);
    margin-top: 20px;
  }
  .top-container[data-v-85e1b7b4] {
    margin-bottom: 0;
  }
  h2[data-v-85e1b7b4] {
    font-size: 24px;
  }
}
@media screen and (max-width: 380px) {
  .big-title.-xs[data-v-85e1b7b4] {
    font-size: 20px;
  }
}
.intro[data-v-a5402fca] {
  padding-bottom: 330px;
  background-image: linear-gradient(to top, #ffb700, #fc0);
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-top: 50px;
}

.intro .container-title[data-v-a5402fca] {
  margin-top: 0;
}

.intro .abanico[data-v-a5402fca] {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.contenedor-logos[data-v-a5402fca] {
  margin-bottom: 20px;
}

.contenedor-logos-otros-productos[data-v-a5402fca] {
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contenedor-logos-otros-productos .contenedor-logo[data-v-a5402fca] {
  max-width: 20%;
}

.contenedor-logos-otros-productos .contenedor-logo img[data-v-a5402fca] {
  max-width: 100%;
}

.logo-cont[data-v-a5402fca] {
  width: 25%;
  height: auto;
  padding: 10px;
  height: 150px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.logo-cont .blanco[data-v-a5402fca] {
  max-width: 200px;
  max-height: 140px;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-a5402fca;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont h2[data-v-a5402fca] {
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-a5402fca;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  transition: 0.5s;
}

.logo-cont h2[data-v-a5402fca]:hover {
  color: #000;
}

.logo-cont .color[data-v-a5402fca] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 200px;
  max-height: 140px;
  opacity: 0;
  transition: 0.5s;
}

.logo-cont:hover .color[data-v-a5402fca] {
  opacity: 1;
}

.logo-cont:nth-child(1) > *[data-v-a5402fca] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-a5402fca] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-a5402fca] {
  animation-delay: 0.8s;
}

.logo-cont:nth-child(4) > *[data-v-a5402fca] {
  animation-delay: 0.9s;
}

.logo-cont:nth-child(5) > *[data-v-a5402fca] {
  animation-delay: 1s;
}

.logo-cont:nth-child(6) > *[data-v-a5402fca] {
  animation-delay: 1.1s;
}

.logo-cont:nth-child(7) > *[data-v-a5402fca] {
  animation-delay: 1.2s;
}

.logo-cont:nth-child(8) > *[data-v-a5402fca] {
  animation-delay: 1.3s;
}

.logo-cont:nth-child(9) > *[data-v-a5402fca] {
  animation-delay: 1.4s;
}

.logo-cont:nth-child(10) > *[data-v-a5402fca] {
  animation-delay: 1.5s;
}

.logo-cont:nth-child(11) > *[data-v-a5402fca] {
  animation-delay: 1.6s;
}

.logo-cont:nth-child(12) > *[data-v-a5402fca] {
  animation-delay: 1.7s;
}

.logo-cont[data=otros][data-v-a5402fca] {
  transform: rotate(-9deg);
}
@keyframes showLogos-data-v-a5402fca {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px);
  }
}
.otros[data-v-a5402fca] {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.otros span[data-v-a5402fca] {
  font-family: "Oswald";
  font-size: 22px;
  line-height: 1em;
}

.product-list[data-v-a5402fca] {
  overflow: hidden;
}

.product[data-v-a5402fca] {
  height: 45vh;
  min-height: 350px;
  position: relative;
}

.cat-0 {
  background-image: linear-gradient(to bottom, rgba(62, 140, 65, 0.99), #1e4332);
}

.product[familia=familia-0] .gusanitos-ilustracion[data-v-a5402fca] {
  max-width: 230px;
  position: absolute;
  left: 100px;
  bottom: 30px;
  animation-delay: 0.8s;
}

.product[familia=familia-0] .gusanito-esquina[data-v-a5402fca] {
  max-width: 130px;
  position: absolute;
  right: 0px;
  top: 30px;
  opacity: 1;
  animation-delay: 1s;
  transform: translateX(200px);
}

.product[familia=triskys][data-v-a5402fca] {
  background-image: linear-gradient(to bottom, #c82621, #8f120b);
}

.product[familia=triskys] .montana-triskys[data-v-a5402fca] {
  position: absolute;
  top: -100px;
  right: -100px;
  opacity: 1;
  transform: translateX(400px);
  animation-delay: 2s;
  max-width: 300px;
}

.product[familia=triskys] .tri-triskys[data-v-a5402fca] {
  position: absolute;
  left: 10px;
  bottom: 10px;
  max-width: 300px;
  animation-delay: 2.5s;
}

.product[familia=patatas][data-v-a5402fca] {
  background-image: linear-gradient(to top, #89572c, #d3a175);
}

.product[familia=patatas] .bol-patatas[data-v-a5402fca] {
  position: absolute;
  right: 50px;
  top: -30px;
  animation-delay: 1.5s;
  max-width: 300px;
}

.product[familia=patatas] .patata[data-v-a5402fca] {
  position: absolute;
  left: 50px;
  bottom: 10px;
  animation-delay: 2s;
}

.product[familia=otros][data-v-a5402fca] {
  background-image: linear-gradient(to bottom, #fcb734, #e69a01);
}

.product[familia=otros] h2[data-v-a5402fca] {
  font-size: 64px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.product[familia=otros] h2 strong[data-v-a5402fca] {
  font-family: "Oswald";
  font-size: 80px;
  line-height: 1em;
}

.product[familia=otros] img[data-v-a5402fca] {
  transition: 1s;
  transition-timing-function: ease-in-out;
}

.product[familia=otros] .pajitas[data-v-a5402fca] {
  position: absolute;
  left: 60px;
  top: -80px;
  max-width: 160px;
  transform: rotate(-11deg) translateY(600px);
  transition-delay: 0.3s;
}

.product[familia=otros].launched .pajitas[data-v-a5402fca] {
  transform: rotate(-11deg);
}

.product[familia=otros] .surtis[data-v-a5402fca] {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 200px;
  transform: rotate(8deg) translateY(600px);
  transition-delay: 0.7s;
}

.product[familia=otros].launched .surtis[data-v-a5402fca] {
  transform: rotate(8deg);
}

.product[familia=otros] .buscalios[data-v-a5402fca] {
  position: absolute;
  right: 100px;
  top: -20px;
  max-width: 200px;
  transform: rotate(-19deg) translateY(600px);
  transition-delay: 1s;
}

.product[familia=otros].launched .buscalios[data-v-a5402fca] {
  transform: rotate(-19deg);
}

.product[familia=otros] .tejitas[data-v-a5402fca] {
  position: absolute;
  right: 200px;
  top: 200px;
  transform: rotate(8deg) translateY(600px);
  max-width: 180px;
  transition-delay: 1.2s;
}

.product[familia=otros].launched .tejitas[data-v-a5402fca] {
  transform: rotate(8deg);
}

.product[familia=otros] .trikers[data-v-a5402fca] {
  position: absolute;
  left: 200px;
  top: 150px;
  transform: rotate(-8deg) translateY(600px);
  max-width: 180px;
  transition-delay: 1.2s;
}

.product[familia=otros].launched .trikers[data-v-a5402fca] {
  transform: rotate(8deg);
}

.contenedor-logo[data-v-a5402fca] {
  position: relative;
}

.logo-marca.-color[data-v-a5402fca] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}

.product:hover .logo-marca.-color[data-v-a5402fca] {
  opacity: 1;
}

@media screen and (max-width: 1450px) {
  .product[familia=otros] .trikers[data-v-a5402fca] {
    left: 150px;
  }
  .product[familia=otros] .buscalios[data-v-a5402fca] {
    right: 0;
  }
  .product[familia=otros] .tejitas[data-v-a5402fca] {
    right: 50px;
  }
}
@media screen and (max-width: 1220px) {
  .product[familia=otros] .trikers[data-v-a5402fca] {
    left: auto;
    right: 150px;
  }
}
@media screen and (max-width: 1024px) {
  .contenedor-logos[data-v-a5402fca] {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 0;
    display: none;
  }
  .contenedor-logo[data-v-a5402fca] {
    max-width: 240px;
    width: 100%;
  }
  .contenedor-logo img[data-v-a5402fca] {
    max-width: 100%;
  }
  .logo-cont[data-v-a5402fca] {
    height: 120px;
  }
  .intro .abanico[data-v-a5402fca] {
    width: 670px;
  }
  .product[familia=familia-0] .gusanitos-ilustracion[data-v-a5402fca] {
    left: 0;
    max-width: 150px;
    bottom: 90px;
  }
  .product[familia=triskys] .montana-triskys[data-v-a5402fca] {
    max-width: 300px;
  }
  .product[familia=triskys] .tri-triskys[data-v-a5402fca] {
    max-width: 200px;
  }
  .product[familia=patatas] .bol-patatas[data-v-a5402fca] {
    right: -30px;
  }
  .product[familia=patatas] .patata[data-v-a5402fca] {
    left: -30px;
  }
  .product[familia=otros] .pajitas[data-v-a5402fca] {
    max-width: 150px;
    left: 20px;
    top: 20px;
  }
  .product[familia=otros] .surtis[data-v-a5402fca] {
    left: 40px;
  }
  .product[familia=otros] .buscalios[data-v-a5402fca] {
    max-width: 150px;
    right: 30px;
  }
  .product[familia=otros] .tejitas[data-v-a5402fca] {
    max-width: 120px;
    right: 50px;
    top: auto;
    bottom: 10px;
  }
  .product[familia=otros] .clasicas[data-v-a5402fca] {
    max-width: 130px;
    right: 30px;
    bottom: -20px;
  }
  .product[familia=otros] .trikers[data-v-a5402fca] {
    max-width: 100px;
    right: 80px;
  }
}
@media screen and (max-width: 900px) {
  .intro[data-v-a5402fca] {
    padding-bottom: 200px;
  }
  .intro .abanico[data-v-a5402fca] {
    width: 360px;
    transform: scale(1.5) translateX(-110px);
  }
  .contenedor-sin-gluten[data-v-a5402fca] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .intro[data-v-a5402fca] {
    padding-bottom: 160px;
  }
  .intro .abanico[data-v-a5402fca] {
    width: 360px;
    transform: scale(1.2) translateX(-130px);
  }
  .contenedor-logo[data-v-a5402fca] {
    max-width: 300px;
    z-index: 3;
  }
  .contenedor-logo img[data-v-a5402fca] {
    max-width: 100%;
  }
  .contenedor-logo img.-color[data-v-a5402fca] {
    display: none;
  }
  .product[familia=triskys] .montana-triskys[data-v-a5402fca] {
    display: none;
  }
  .product[familia=otros] .surtis[data-v-a5402fca] {
    display: none;
  }
  .product[familia=otros].launched .tejitas[data-v-a5402fca] {
    display: none;
  }
  .product[familia=otros] h2[data-v-a5402fca] {
    font-size: 48px;
  }
  .product[familia=otros] h2 strong[data-v-a5402fca] {
    font-size: 60px;
  }
  .product[familia=patatas] .bol-patatas[data-v-a5402fca] {
    max-width: 250px;
    right: -100px;
  }
  .product[familia=patatas] .patata[data-v-a5402fca] {
    max-width: 130px;
  }
  .contenedor-logos-otros-productos .contenedor-logo[data-v-a5402fca] {
    max-width: 33.3333%;
  }
  .product[familia=otros].launched .trikers[data-v-a5402fca] {
    right: 20px;
    top: auto;
    bottom: 20px;
    display: none;
  }
  .product[familia=otros].launched .buscalios[data-v-a5402fca] {
    display: none;
  }
  .product[familia=otros].launched .pajitas[data-v-a5402fca] {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .intro .abanico[data-v-a5402fca] {
    width: 360px;
    transform: scale(1.2) translateX(-130px) translateY(50px);
  }
  .product[familia=familia-0] .gusanitos-ilustracion[data-v-a5402fca] {
    bottom: 20px;
    max-width: 100px;
  }
  .product[familia=familia-0] .gusanito-esquina[data-v-a5402fca] {
    max-width: 100px;
  }
  .product[familia=triskys] .tri-triskys[data-v-a5402fca] {
    display: none;
  }
  .product[familia=triskys] .montana-triskys[data-v-a5402fca] {
    max-width: 180px;
    display: inline-block;
    right: -10px;
    top: -50px;
  }
  .product[familia=otros] .buscalios[data-v-a5402fca] {
    max-width: 100px;
  }
  .product[familia=otros] .pajitas[data-v-a5402fca] {
    max-width: 100px;
    top: auto;
    bottom: 30px;
  }
  .product[familia=otros] h2[data-v-a5402fca] {
    position: relative;
    z-index: 3;
    font-size: 30px;
  }
  .product[familia=otros] h2 strong[data-v-a5402fca] {
    font-size: 36px;
  }
  .product[familia=otros] .tejitas[data-v-a5402fca] {
    left: 20px;
    bottom: auto;
    top: -20px;
  }
  .contenedor-logos-otros-productos .contenedor-logo[data-v-a5402fca] {
    max-width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .big-title[data-v-a5402fca] {
    font-size: 70px;
  }
  .producto[data-v-a5402fca] {
    min-height: 320px;
  }
  .contenedor-logo[data-v-a5402fca] {
    max-width: 200px;
  }
}
.wrapper-producto[data-v-112cc0dd] {
  overflow: hidden;
}

.encabezado-producto[data-v-112cc0dd] {
  background-image: linear-gradient(to bottom, #fcb734, #e69a01);
  height: auto;
  padding: 100px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  overflow: hidden;
}

.encabezado-producto .abanico[data-v-112cc0dd] {
  transform: scale(1.2);
}

.img-left[data-v-112cc0dd] {
  max-width: 486px;
}

.img-right[data-v-112cc0dd] {
  max-width: 486px;
  right: -50px;
}

.contenedor-producto[data-v-112cc0dd] {
  padding: 150px 0;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center;
}

.contenedor-producto .container[data-v-112cc0dd] {
  max-width: 1600px;
  padding: 0;
}

.slick-arrow[data-v-112cc0dd] {
  top: 10px;
  z-index: 5;
}

.producto-info-container[data-v-112cc0dd] {
  padding: 0;
}

.producto-info-container .contenedor-logo[data-v-112cc0dd] {
  height: 300px;
  width: 100%;
  background: white;
}

.-buscalios .contenedor-producto[data-v-112cc0dd] {
  background-image: linear-gradient(to bottom, #317c45, #004711);
}

.-buscalios .bbq[data-v-112cc0dd] {
  animation-delay: 2s;
  margin-top: 99px;
  max-width: 160px;
}

.-buscalios .montana-buscalios[data-v-112cc0dd] {
  position: absolute;
  right: -50px;
  bottom: -100px;
  animation-delay: 2s;
}

.-tejitas .contenedor-producto[data-v-112cc0dd] {
  background-image: linear-gradient(to bottom, #317c45, #004711);
}

.-tejitas .lonchas-queso[data-v-112cc0dd] {
  margin-top: 180px;
  animation-delay: 2s;
}

.-tejitas .montana-gusanitos-gordo-superior[data-v-112cc0dd] {
  position: absolute;
  right: -100px;
  bottom: -100px;
  animation-delay: 2s;
}

.-surtis4u .contenedor-producto[data-v-112cc0dd] {
  background-image: linear-gradient(to bottom, #c82621, #8f120b);
}

.-surtis4u .surtis-decoration[data-v-112cc0dd] {
  max-width: 250px;
  position: absolute;
  left: -300px;
  bottom: -120px;
  animation-delay: 2.5s;
}

.-surtis4u .trisky[data-v-112cc0dd] {
  position: absolute;
  right: 70px;
  top: -20px;
  animation-delay: 0.5s;
}

.-surtis4u .trisky-derecha[data-v-112cc0dd] {
  position: absolute;
  right: 220px;
  top: 20px;
  animation-delay: 1s;
}

.-surtis4u .buscalio[data-v-112cc0dd] {
  position: absolute;
  right: 100px;
  bottom: -50px;
  animation-delay: 1.3s;
}

.-surtis4u .risketo[data-v-112cc0dd] {
  position: absolute;
  left: 100px;
  bottom: 50px;
  animation-delay: 0.8s;
}

.-surtis4u .risketo.-dos[data-v-112cc0dd] {
  left: -100px;
  bottom: -100px;
  animation-delay: 1.5s;
}

.-pajitas .contenedor-producto[data-v-112cc0dd] {
  background-image: linear-gradient(to bottom, #59b5d9, #079fdc);
}

.-pajitas .patatas-fritas[data-v-112cc0dd] {
  position: absolute;
  right: -320px;
  bottom: -130px;
  max-width: 400px;
  width: 100%;
}

.-trikers .contenedor-producto[data-v-112cc0dd] {
  padding-bottom: 250px;
  background-image: linear-gradient(to bottom, #FF7F00, #FF7F00);
}

.-trikers .trikers-producto[data-v-112cc0dd] {
  position: absolute;
  right: -240px;
  bottom: -180px;
  animation-delay: 0.5s;
}

.-trikers .sin-colorantes-trikers[data-v-112cc0dd] {
  position: absolute;
  right: -300px;
  bottom: -130px;
  animation-delay: 2s;
}

.-trikers .sin-gluten-trikers[data-v-112cc0dd] {
  position: absolute;
  right: -300px;
  top: 50%;
  margin-top: -50px;
  animation-delay: 1s;
}

.-trikers .tex-mex-trikers[data-v-112cc0dd] {
  animation-delay: 1.5s;
}

.-trikers .trikers-nuevo[data-v-112cc0dd] {
  width: 200px;
  position: absolute;
  right: 0;
  top: -120px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral[data-v-112cc0dd] {
  top: 100px;
}

@media screen and (max-width: 1250px) {
  .encabezado-producto[data-v-112cc0dd] {
    padding: 50px 20px;
  }
  .abanico img[data-v-112cc0dd] {
    width: 23%;
  }
  .producto-info-container .contenedor-logo[data-v-112cc0dd] {
    height: 210px;
  }
  .producto-info-container .contenedor-logo img[data-v-112cc0dd] {
    max-height: 100%;
    max-width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .-clasicas-originales .patata[data-v-112cc0dd] {
    display: none;
  }
  .-onduladas-originales .bol-patatas[data-v-112cc0dd] {
    display: none;
  }
  .-onduladas-originales .patata-ondulada[data-v-112cc0dd] {
    display: none;
  }
  .-tejitas .montana-gusanitos-gordo-superior[data-v-112cc0dd] {
    display: none;
  }
  .-surtis4u .buscalio[data-v-112cc0dd] {
    display: none;
  }
  .-pajitas .gusanitos[data-v-112cc0dd] {
    display: none;
  }
  .contenedor-producto[data-v-112cc0dd] {
    padding: 50px 0;
  }
  .-clasicas-originales .patata-partida[data-v-112cc0dd] {
    display: none;
  }
  .-buscalios .montana-buscalios[data-v-112cc0dd] {
    display: none;
  }
  .-buscalios .buscalio[data-v-112cc0dd] {
    display: none;
  }
  .-trikers .trikers-producto[data-v-112cc0dd] {
    display: none;
  }
  .-trikers .contenedor-producto[data-v-112cc0dd] {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .encabezado-producto[data-v-112cc0dd] {
    padding-top: 110px;
  }
}
@media screen and (max-width: 520px) {
  .trikers-nuevo[data-v-112cc0dd] {
    display: none;
  }
}
.producto[how=chocolate-naranja] .contenedor-texto .capa-ingredientes p[data-v-5780443a] {
  font-size: 14.5px !important;
}

.producto-cont[how=bsan-singluten-infantil] .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 350px;
}

.contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 350px;
}

.producto-cont[how=singluten-digestive] .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 350px;
}

.producto[how=bsan-plus-infantil] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 350px;
}

.producto[how=fabs-vietnam] .contenedor-texto .capa-ingredientes[data-v-5780443a], .producto[how=fabs-mexico] .contenedor-texto .capa-ingredientes[data-v-5780443a], .producto[how=fabs-tanzania] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 350px;
}

.producto[how=bsan-plus-chocolate-infantil] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 350px;
}

.producto[how=maria-espelta] .contenedor-texto .capa-ingredientes[data-v-5780443a], .producto[how=maria-sesamo] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  min-height: 320px;
}

.producto[data-v-5780443a] {
  min-height: 360px;
  max-height: 390px;
  height: 40vw;
  width: 70vw;
  max-width: 980px;
  min-width: 785px;
  background: white;
  box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 3;
}

.producto .contenedor-imagen[data-v-5780443a] {
  width: 40%;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 4;
}

.producto .contenedor-imagen img[data-v-5780443a] {
  min-height: 311px;
  display: inline-block;
  transform: perspective(100px) translate(0px, 150px) translateZ(-130px) rotate(20deg);
  opacity: 0;
  pointer-events: none;
  position: relative;
  top: 50px;
}

.producto .contenedor-imagen img[how=singluten-digestive][data-v-5780443a] {
  width: 450px;
  margin-left: -40px;
  max-width: 600px;
  margin-top: 80px;
}

.producto .contenedor-imagen img[how=singluten-digestive][data-v-5780443a], .producto .contenedor-imagen img[how=bsan-singluten-infantil][data-v-5780443a], .producto .contenedor-imagen img[how=bsan-singluten-chocolate-infantil][data-v-5780443a], .producto .contenedor-imagen img[how=bsan-plus-infantil][data-v-5780443a], .producto .contenedor-imagen img[how=bsan-plus-chocolate-infantil][data-v-5780443a] {
  margin-top: 80px;
}

.producto .contenedor-imagen img[how=surtis4u][data-v-5780443a] {
  max-height: 130%;
}

.producto .contenedor-imagen img[how=match-ball-barbacoa][data-v-5780443a] {
  max-width: 125%;
  margin-left: -50px;
}

.producto .contenedor-imagen img[how=palomitas-chocolate-blanco][data-v-5780443a] {
  width: 541px;
  top: -95px;
  height: 541px;
  max-height: 541px;
  left: -64px;
  position: relative;
  max-width: 541px;
}

.producto .contenedor-imagen img[how=palomitas-caramelo][data-v-5780443a] {
  width: 541px;
  max-width: 541px;
  height: 541px;
  max-height: 541px;
  top: -91px;
  position: relative;
  left: -65px;
}

.producto .contenedor-imagen img[how=palomitas-chocolate][data-v-5780443a] {
  width: 541px;
  max-width: 541px;
  height: 541px;
  max-height: 541px;
  top: -91px;
  position: relative;
  left: -65px;
}

.producto .contenedor-imagen img[how=mix-variado][data-v-5780443a] {
  max-width: 574px;
  max-height: 94%;
  margin-left: 0;
  margin-top: 30px;
}

.producto .contenedor-imagen img[how=azucares-gajos][data-v-5780443a] {
  max-width: 400px;
  max-height: 150%;
  margin-left: 0px;
  margin-top: 0px;
}

.producto .contenedor-imagen img[how=doble][data-v-5780443a] {
  max-width: 600px;
  max-height: 150%;
  margin-left: -83px;
  margin-top: -74px;
}

.producto .contenedor-imagen img[how=frutas-acidas][data-v-5780443a] {
  max-width: 582px;
  max-height: 116%;
  margin-left: -32px;
  margin-top: -26px;
}

.producto .contenedor-imagen img[how=mix-melon-sandia][data-v-5780443a], .producto .contenedor-imagen img[how=citricos][data-v-5780443a], .producto .contenedor-imagen img[how=balsamicos][data-v-5780443a] {
  max-width: 493px;
  margin-left: -22px;
}

.producto .contenedor-imagen[type=right] img[data-v-5780443a] {
  transform: perspective(100px) translate(0px, 200px) translateZ(-130px) rotate(-20deg);
}

.producto .contenedor-imagen[familia=familia-0][data-v-5780443a] {
  background: #224b34;
}

.producto .contenedor-imagen[familia=mariasesamo][data-v-5780443a] {
  background: #BF9347;
}

.producto .contenedor-imagen[familia=triskys][data-v-5780443a] {
  background-color: #612d39;
}

.producto .contenedor-imagen[familia=otros-productos][data-v-5780443a] {
  background-color: #ac1830;
}

.producto .contenedor-imagen[familia=otros-productos] img[data-v-5780443a] {
  transform: perspective(100px) translate(0px, -10px) translateZ(0px) rotate(-10deg);
}

.producto .contenedor-imagen[familia=chocolate][data-v-5780443a] {
  background-color: #3b1108;
}

.producto .contenedor-imagen[familia=desayuno][data-v-5780443a] {
  background-color: #d6ae69;
}

.producto .contenedor-imagen[familia=premium][data-v-5780443a] {
  background-color: #000000;
}

.producto .contenedor-imagen[familia=infantil][data-v-5780443a] {
  background-color: #ee7180;
}

.producto .contenedor-imagen[familia=tradicionales][data-v-5780443a] {
  background-color: #EE7180;
}

.producto .contenedor-imagen[familia=fabs-vietnam][data-v-5780443a] {
  background-image: url(https://risi.es/static/img/productos/bg-fabs-vietnam.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.producto .contenedor-imagen[familia=fabs-mexico][data-v-5780443a] {
  background-image: url(https://risi.es/static/img/productos/bg-fabs-mexico.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.producto .contenedor-imagen[familia=fabs-tanzania][data-v-5780443a] {
  background-image: url(https://risi.es/static/img/productos/intro-tanzania.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.producto .contenedor-imagen[familia=plus][data-v-5780443a] {
  background-color: #00AAD8;
}

.producto .contenedor-imagen[familia="0-azucares"][data-v-5780443a] {
  background-color: #ec6087;
}

.producto .contenedor-imagen[familia=adultas][data-v-5780443a] {
  background-color: #000;
}

.producto .contenedor-imagen[familia=citrico][data-v-5780443a] {
  background-color: #fab925;
}

.producto .contenedor-imagen[familia=balsamicos][data-v-5780443a] {
  background-color: #00796b;
}

.producto .contenedor-imagen[familia=frutos-secos][data-v-5780443a] {
  background-color: #af2531;
}

.producto .contenedor-imagen[familia=pipas][data-v-5780443a] {
  background-color: #af2531;
}

.producto .contenedor-imagen[familia=frutos-secos-1kg][data-v-5780443a] {
  background-color: #725000;
}

.producto .contenedor-imagen[familia=mix-antiox][data-v-5780443a] {
  background-color: #059e08;
}

.producto .contenedor-imagen[familia=mix-equilibrio][data-v-5780443a] {
  background-color: #0a6197;
}

.producto .contenedor-imagen[familia=patata-sal-al-punto][data-v-5780443a] {
  background-color: #FFE023;
}

.producto .contenedor-imagen[familia=campesinas][data-v-5780443a] {
  background-color: #FF2E2E;
}

.producto .contenedor-imagen[familia=vinagreta][data-v-5780443a] {
  background-color: #93B800;
}

.producto .contenedor-imagen[familia=jamon-onduladas][data-v-5780443a] {
  background-color: #FF9900;
}

.producto .contenedor-imagen[familia=originales-onduladas][data-v-5780443a] {
  background-color: #FF2966;
}

.producto .contenedor-imagen[familia=sour-cream-onion][data-v-5780443a] {
  background-color: #1B7418;
}

.producto .contenedor-imagen[familia=york-queso][data-v-5780443a] {
  background-color: #EC6608;
}

.producto .contenedor-imagen[familia=selectas-clasicas][data-v-5780443a] {
  background-color: #410000;
}

.producto .contenedor-texto[data-v-5780443a] {
  width: 60%;
  display: inline-block;
  height: 100%;
  padding: 15px;
  text-align: left;
  position: relative;
  transition: 0.8s;
  transition-timing-function: ease-in-out;
  overflow: hidden;
}

.producto .contenedor-texto h2[data-v-5780443a] {
  text-transform: "capitalize";
  font-size: 36px;
  width: 100%;
  display: inline-block;
  font-family: "Oswald";
  line-height: 40px;
  text-align: left;
}

.producto .contenedor-texto .packs[data-v-5780443a] {
  width: auto;
  display: inline-block;
  font-weight: 800;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding-left: 25px;
  background: url(https://risi.es/static/img/pack-small.png) 0px center/16px no-repeat;
}

.producto .contenedor-texto > .ver-ingredientes[data-v-5780443a] {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
  text-decoration: underline;
  display: inline-block;
}

.producto .contenedor-texto .movil[data-v-5780443a] {
  display: none;
}

.producto .contenedor-texto .icono[data-v-5780443a] {
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.producto .contenedor-texto .icono[data=gluten][data-v-5780443a] {
  background: url(https://risi.es/static/img/icono-gluten.svg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data=certificadoface][data-v-5780443a] {
  background: url(https://risi.es/static/img//productos/certificado-face.jpg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data=frutos-secos][data-v-5780443a] {
  background: url(https://risi.es/static/img/icono-frutos-secos.svg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data=integral][data-v-5780443a] {
  background: url(https://risi.es/static/img/icono-integral.svg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data=bajo-azucares][data-v-5780443a] {
  background: url(https://risi.es/static/img/icono-sin-azucares.svg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data=bajo-sal][data-v-5780443a] {
  background: url(https://risi.es/static/img/icono-bajo-sal.svg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data=sin-lactosa][data-v-5780443a] {
  background: url(https://risi.es/static/img/icono-sin-lactosa.svg) 0px center/35px no-repeat;
}

.producto .contenedor-texto .icono[data-v-5780443a]:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border: none;
}

.producto .contenedor-texto .options[data-v-5780443a] {
  position: absolute;
  right: 25px;
  bottom: 25px;
  z-index: 3;
}

.producto .contenedor-texto .options a[data-v-5780443a] {
  margin: 0 3px;
}

.producto .contenedor-texto .hashtag[data-v-5780443a] {
  position: absolute;
  left: 40px;
  bottom: 25px;
  z-index: 2;
  font-size: 30px;
  font-family: "Oswald";
  color: inherit;
}

.producto .contenedor-texto[familia=familia-0] .hashtag[data-v-5780443a] {
  color: #224b34;
}

.producto .contenedor-texto[familia=triskys] .hashtag[data-v-5780443a] {
  color: #612d39;
}

.producto .contenedor-texto[familia=otros-productos] .hashtag[data-v-5780443a] {
  color: #ac1830;
}

.producto .contenedor-texto[familia=chocolate] .hashtag[data-v-5780443a] {
  color: #3b1108;
}

.producto .contenedor-texto[familia=desayuno] .hashtag[data-v-5780443a] {
  color: #d6ae69;
}

.producto .contenedor-texto[familia=premium] .hashtag[data-v-5780443a] {
  color: #000000;
}

.producto .contenedor-texto[familia=infantil] .hashtag[data-v-5780443a] {
  color: #ee7180;
}

.producto .contenedor-texto[familia=tradicionales] .hashtag[data-v-5780443a] {
  color: #ee7180;
}

.producto .contenedor-texto[familia=fabs][data-v-5780443a] {
  background-color: #facbc1;
}

.producto .contenedor-texto[familia=tradicionales] .hashtag[data-v-5780443a] {
  color: #ee7180;
}

.producto .contenedor-texto[familia=adultas] .hashtag[data-v-5780443a] {
  color: #000;
}

.producto .contenedor-texto[familia=jamon-onduladas] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=originales-onduladas] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=sour-cream-onion] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=york-queso] .hashtag[data-v-5780443a] {
  color: #A4245F;
}

.producto .contenedor-texto[familia=patata-sal-al-punto] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=campesinas] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=vinagreta] .hashtag[data-v-5780443a] {
  color: #C10230;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag[data-v-5780443a], .producto .contenedor-texto .valores[data-v-5780443a] {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #E5E5E5;
  display: inline-block;
  width: 100%;
  padding: 20px 40px;
  padding-bottom: 10px;
  z-index: 2;
  transform: translateY(110%);
  height: 100%;
  max-height: 310px;
  transition: 1s;
  transition-timing-function: ease-in-out;
  will-change: transform;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores[data-v-5780443a] {
  width: 100%;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores > p[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores > p[data-v-5780443a] {
  width: 100%;
  display: inline-block;
  font-weight: 800;
  font-size: 18px;
  border-bottom: 1px solid #ac1830;
  margin-bottom: 0px;
  padding-bottom: 5px;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .tip[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .tip[data-v-5780443a] {
  width: 50%;
  border-bottom: 1px solid #ac1830;
  padding: 10px 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: stretch;
  -webkit-align-items: stretch;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .tip.-three[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .tip.-three[data-v-5780443a] {
  width: 33.333333%;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .tip.-valor[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .tip.-valor[data-v-5780443a] {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .tip h4[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .tip h4[data-v-5780443a] {
  font-size: 14px;
  width: auto;
  display: inline-block;
  color: #000;
  font-weight: 800;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .tip p[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .tip p[data-v-5780443a] {
  font-size: 14px;
  width: auto;
  display: inline-block;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .ingredientes[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .ingredientes[data-v-5780443a] {
  width: 100%;
  display: inline-block;
}

.producto .contenedor-texto[familia=selectas-clasicas] .hashtag .contenedor-valores .ver-ingredientes[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .ver-ingredientes[data-v-5780443a] {
  margin-top: 10px;
  width: auto;
  margin-right: 10px;
  text-decoration: underline;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}

.producto .contenedor-texto .text-review[data-v-5780443a] {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background: url("https://risi.es/static/img/productos/fabs-background.svg") center/auto no-repeat;
  width: 100%;
  z-index: 3;
  display: none;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px 60px;
  text-align: center;
}

.producto .contenedor-texto .text-review[show=true][data-v-5780443a] {
  display: flex;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-vietnam-origen][data-v-5780443a] {
  background-color: #ED9334;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-vietnam-maridaje][data-v-5780443a] {
  background-color: #93C2B0;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-vietnam-notas_cata][data-v-5780443a] {
  background-color: #E35D33;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-mexico-origen][data-v-5780443a] {
  background-color: #FF7A89;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-mexico-maridaje][data-v-5780443a] {
  background-color: #40B9BB;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-mexico-notas_cata][data-v-5780443a] {
  background-color: #2B65AF;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-tanzania-origen][data-v-5780443a] {
  background-color: #4A9E93;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-tanzania-maridaje][data-v-5780443a] {
  background-color: #A5CEC5;
}

.producto .contenedor-texto .text-review[show=true][review=fabs-tanzania-notas_cata][data-v-5780443a] {
  background-color: #FFB56D;
}

.producto .contenedor-texto .text-review h1[data-v-5780443a] {
  color: #C1A08F;
  font-size: 26px;
  font-weight: 400;
}

.producto .contenedor-texto .text-review h2[data-v-5780443a] {
  color: #68131D;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  display: flex;
}

.producto .contenedor-texto .text-review p[data-v-5780443a] {
  font-family: "Oswald";
  font-style: italic;
  font-size: 18px;
  line-height: 26px;
  margin: 10px 10px;
}

.producto .contenedor-texto .text-review img[data-v-5780443a] {
  max-height: 130px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.producto .contenedor-texto .text-review img[img="hoja-vietnam.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="hoja-mexico.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="hoja-tanzania.png"][data-v-5780443a] {
  max-height: 100px;
}

.producto .contenedor-texto .text-review img[img="cata-vietnam.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-mexico.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-tanzania.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-vietnam-en.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-mexico-en.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-tanzania-en.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-vietnam-fr.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-mexico-fr.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-tanzania-fr.png"][data-v-5780443a] {
  max-height: 250px;
  margin-top: 10px;
}

.producto .contenedor-texto .text-review .close[data-v-5780443a] {
  display: inline-block;
  cursor: pointer;
  background: no-repeat;
  height: 30px;
  width: 30px;
  top: 20px;
  right: 20px;
  position: absolute;
}

.producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
  position: absolute;
  left: 0;
  bottom: -700px;
  background: #E5E5E5;
  padding: 20px 40px;
  padding-top: 40px;
  transition: 1s;
  transition-timing-function: ease-in-out;
  z-index: 5;
}

.producto .contenedor-texto .capa-ingredientes[show=true][data-v-5780443a] {
  transform: translateY(-700px);
}

.producto .contenedor-texto .capa-ingredientes .cerrar[data-v-5780443a] {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #000;
  font-size: 30px;
  cursor: pointer;
}

.producto[show=true] .contenedor-texto[data-v-5780443a] {
  padding-top: 20px;
}

.producto[show=true] .valores[data-v-5780443a] {
  transform: translateY(0%);
}

.producto[familia=maria-sesamo][data-v-5780443a] {
  min-height: 450px;
}

.producto[familia=mariasesamo] .contenedor-texto .valores[data-v-5780443a] {
  padding-bottom: 15px;
}

.producto[familia=chocolate] .contenedor-texto .valores[data-v-5780443a] {
  padding-bottom: 45px;
}

.producto[how=chocolate-naranja] .contenedor-texto .valores[data-v-5780443a] {
  padding-bottom: 5px;
}

.animated .contenedor-imagen img[data-v-5780443a] {
  animation-name: animateLeft-data-v-5780443a;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.1);
}

.animated .contenedor-imagen img[how=doraemon-sinlactosa][data-v-5780443a], .animated .contenedor-imagen img[how=hellokitty][data-v-5780443a], .animated .contenedor-imagen img[how=integral][data-v-5780443a], .animated .contenedor-imagen img[how=supermaria][data-v-5780443a] {
  animation-name: bigPack-data-v-5780443a;
}

.animated .contenedor-imagen img[how=digestiva-chocolate-gluten][data-v-5780443a] {
  animation-name: digestivaChocolate-data-v-5780443a;
  width: 900px !important;
  margin-top: -154px;
  margin-left: -210px;
  max-width: none !important;
}

.animated[type=right] img[data-v-5780443a] {
  animation-name: animateRight-data-v-5780443a;
}

[how=bsan-singluten-chocolate-infantil] img[data-v-5780443a] {
  animation-name: animateRight-data-v-5780443a;
}

[how=bsan-singluten-chocolate-infantil] img[data-v-5780443a] {
  animation-name: animateLeft-data-v-5780443a !important;
}

.producto .contenedor-imagen img[how=singluten-digestive][data-v-5780443a] {
  width: 480px;
  margin-left: -100px;
  max-width: 600px;
}

.ingredientes .titulo[data-v-5780443a] {
  width: 100%;
  display: inline-block;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 0px;
  margin-top: 10px;
}
@keyframes animateLeft-data-v-5780443a {
  to {
    transform: perspective(100px) translate(0px, -10px) translateZ(10px) rotate(-10deg);
    opacity: 1;
  }
}
@keyframes animateRight-data-v-5780443a {
  to {
    transform: perspective(100px) translate(0px, -10px) translateZ(10px) rotate(10deg);
    opacity: 1;
  }
}
@keyframes bigPack-data-v-5780443a {
  to {
    transform: perspective(100px) translate(-40px, -10px) translateZ(10px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes digestivaChocolate-data-v-5780443a {
  to {
    transform: perspective(100px) translate(-100px, 50%) translateZ(10px) rotate(0deg);
    opacity: 1;
  }
}
@media screen and (max-width: 1250px) {
  .producto[data-v-5780443a] {
    width: 100%;
    max-width: 1024px;
  }
}
@media screen and (max-width: 1100px) {
  .producto .contenedor-imagen img[how=singluten-digestive][data-v-5780443a] {
    width: 100%;
    margin-left: 0px;
    max-width: 100%;
  }
  .producto[data-v-5780443a] {
    height: 400px;
    min-height: 0;
    z-index: 3;
    max-width: 100%;
    width: 90vw;
  }
  .producto .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    padding: 20px;
  }
  .producto .contenedor-texto .capa-ingredientes .cerrar[data-v-5780443a] {
    top: -10px;
  }
  .producto .contenedor-texto .options[data-v-5780443a] {
    bottom: 15px;
    right: 15px;
  }
  .producto .contenedor-texto .options .toggle[data-v-5780443a] {
    width: 30px;
    height: 30px;
  }
  .claim-intro[data-v-5780443a] {
    padding-bottom: 50px;
  }
  @keyframes bigPack-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, -10px) translateZ(0px) rotate(0deg);
      opacity: 1;
    }
  }
  @keyframes digestivaChocolate-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 50%) translateZ(-10px) rotate(0deg);
      opacity: 1;
    }
  }
}
img[how=bsan-plus-infantil][data-v-5780443a], img[how=bsan-plus-chocolate-infantil][data-v-5780443a] {
  width: 70% !important;
}

img[how=bsan-singluten-infantil][data-v-5780443a], img[how=bsan-singluten-chocolate-infantil][data-v-5780443a] {
  width: 70%;
  margin-left: 60px;
}

@media screen and (max-width: 985px) {
  .producto[how=maria-espelta] .contenedor-texto .valores[data-v-5780443a], .producto[how=maria-sesamo] .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 17px;
  }
  .producto[familia=mariasesamo][data-v-5780443a] {
    height: 450px;
  }
  .text-review h1[data-v-5780443a] {
    font-size: 24px !important;
  }
  .text-review h2[data-v-5780443a] {
    font-size: 24px !important;
  }
  .text-review p[data-v-5780443a] {
    margin: 5px 5px !important;
  }
  .text-review img[img="hoja-vietnam.png"][data-v-5780443a], .text-review img[img="hoja-mexico.png"][data-v-5780443a], .text-review img[img="hoja-tanzania.png"][data-v-5780443a] {
    max-height: 80px !important;
  }
}
@media screen and (max-width: 950px) {
  .producto .contenedor-imagen img[how=palomitas-chocolate][data-v-5780443a], .producto .contenedor-imagen img[how=palomitas-caramelo][data-v-5780443a], .producto .contenedor-imagen img[how=palomitas-chocolate-blanco][data-v-5780443a] {
    width: 505px;
    max-width: 505px;
    height: 505px;
    max-height: 505px;
    top: -76px;
    position: relative;
    left: -73px;
  }
  .producto .contenedor-texto[data-v-5780443a] {
    padding: 20px;
  }
  .producto .contenedor-texto .hashtag[data-v-5780443a] {
    left: 20px;
  }
  .producto .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 40px;
  }
  .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    padding-top: 30px;
    max-height: 350px;
  }
  .producto .contenedor-texto .capa-ingredientes .cerrar[data-v-5780443a] {
    font-size: 20px;
    top: 5px;
  }
  .producto .contenedor-texto .capa-ingredientes p[data-v-5780443a] {
    max-height: 300px;
    overflow: scroll;
  }
  .producto .contenedor-texto[familia=plus] .valores[data-v-5780443a] {
    padding-bottom: 70px;
  }
  .producto-cont[how=bsan-singluten-infantil] .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 300px !important;
  }
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 300px !important;
  }
  .producto[how=bsan-plus-infantil] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 325px !important;
  }
  .producto[how=maria-espelta] .contenedor-texto .capa-ingredientes[data-v-5780443a], .producto[how=maria-sesamo] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 335px;
  }
  .producto[familia=chocolate] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    max-height: 340px;
    height: 340px;
    z-index: 10;
  }
  .producto[how=fabs-vietnam] .contenedor-texto .capa-ingredientes[data-v-5780443a], .producto[how=fabs-mexico] .contenedor-texto .capa-ingredientes[data-v-5780443a], .producto[how=fabs-tanzania] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 300px;
  }
  .producto[how=bsan-plus-chocolate-infantil] .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 300px !important;
  }
  .producto-cont[how=singluten-digestive] .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    min-height: 250px !important;
  }
  @keyframes digestivaChocolate-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 50%) translateZ(0px) rotate(0deg);
      opacity: 1;
    }
  }
  .producto[familia=fabs-vietnam] .review[data-v-5780443a], .producto[familia=fabs-vietnam] .review-btns[data-v-5780443a], .producto[familia=fabs-vietnam] .view-cata[data-v-5780443a], .producto[familia=fabs-mexico] .review[data-v-5780443a], .producto[familia=fabs-mexico] .review-btns[data-v-5780443a], .producto[familia=fabs-mexico] .view-cata[data-v-5780443a], .producto[familia=fabs-tanzania] .review[data-v-5780443a], .producto[familia=fabs-tanzania] .review-btns[data-v-5780443a], .producto[familia=fabs-tanzania] .view-cata[data-v-5780443a] {
    z-index: 100;
    left: 0 !important;
  }
  .producto[familia=fabs-vietnam] .producto[familia=fabs-vietnam] .review .review-btns[data-v-5780443a], .producto[familia=fabs-mexico] .producto[familia=fabs-vietnam] .review .review-btns[data-v-5780443a], .producto[familia=fabs-tanzania] .producto[familia=fabs-vietnam] .review .review-btns[data-v-5780443a] {
    right: 0;
  }
  .text-review h1[data-v-5780443a] {
    font-size: 22px !important;
  }
  .text-review h2[data-v-5780443a] {
    font-size: 22px !important;
  }
  .text-review img[data-v-5780443a] {
    max-height: 110px !important;
  }
  .text-review img[img="hoja-vietnam.png"][data-v-5780443a], .text-review img[img="hoja-mexico.png"][data-v-5780443a], .text-review img[img="hoja-tanzania.png"][data-v-5780443a] {
    max-height: 60px !important;
  }
  .text-review img[img="cata-vietnam.png"][data-v-5780443a], .text-review img[img="cata-mexico.png"][data-v-5780443a], .text-review img[img="cata-tanzania.png"][data-v-5780443a], .text-review img[img="cata-vietnam-en.png"][data-v-5780443a], .text-review img[img="cata-mexico-en.png"][data-v-5780443a], .text-review img[img="cata-tanzania-en.png"][data-v-5780443a], .text-review img[img="cata-vietnam-fr.png"][data-v-5780443a], .text-review img[img="cata-mexico-fr.png"][data-v-5780443a], .text-review img[img="cata-tanzania-fr.png"][data-v-5780443a] {
    max-height: 200px !important;
  }
}
@media screen and (max-width: 768px) {
  .producto-info-container .contenedor-producto .producto-cont[data-v-5780443a] {
    width: 100%;
  }
  .producto[data-v-5780443a] {
    min-width: 0;
    width: 100%;
  }
  .producto .contenedor-imagen[data-v-5780443a] {
    width: 30%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
  }
  .producto .contenedor-imagen img[data-v-5780443a] {
    min-width: 222px !important;
    min-height: 50% !important;
    transform: perspective(100px) translate(0px, 0px) translateZ(0px) rotate(-10deg) !important;
  }
  .producto .contenedor-texto[data-v-5780443a] {
    width: 70%;
    padding-right: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
  .producto .contenedor-texto .hashtag[data-v-5780443a] {
    font-size: 24px;
    left: 20px;
  }
  .producto .contenedor-texto .gluten[data-v-5780443a] {
    background-size: 25px;
    padding-left: 30px;
    background-position: 0px center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .producto .contenedor-texto .frutos-secos[data-v-5780443a] {
    background-size: 25px;
    padding-left: 30px;
    background-position: 0px center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .producto .contenedor-texto .pc[data-v-5780443a] {
    display: none;
  }
  .producto .contenedor-texto .movil[data-v-5780443a] {
    display: inline-block;
  }
  @keyframes animateLeft-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 0px) translateZ(10px) rotate(10deg);
      opacity: 1;
    }
  }
  @keyframes animateRight-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 0px) translateZ(10px) rotate(-10deg);
      opacity: 1;
    }
  }
  @keyframes bigPack-data-v-5780443a {
    to {
      transform: perspective(100px) translate(-5px, 0px) translateZ(-20px) rotate(0deg);
      opacity: 1;
    }
  }
  .view-cata[data-v-5780443a] {
    width: 40% !important;
  }
}
@media screen and (max-width: 750px) {
  img[how=singluten-digestive][data-v-5780443a], img[how=bsan-singluten-infantil][data-v-5780443a], img[how=bsan-singluten-chocolate-infantil][data-v-5780443a], img[how=bsan-plus-infantil][data-v-5780443a], img[how=bsan-plus-chocolate-infantil][data-v-5780443a] {
    margin-top: 0px !important;
  }
  .producto .contenedor-texto .text-review .close[data-v-5780443a] {
    height: 20px;
    width: 20px;
    top: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 670px) {
  .producto .contenedor-imagen img[how=palomitas-chocolate][data-v-5780443a], .producto .contenedor-imagen img[how=palomitas-caramelo][data-v-5780443a], .producto .contenedor-imagen img[how=palomitas-chocolate-blanco][data-v-5780443a] {
    width: 380px;
    max-width: 505px;
    height: 380px;
    max-height: 505px;
    top: -24px;
    position: relative;
    left: 2px;
  }
  .producto .contenedor-texto[data-v-5780443a] {
    padding: 8px;
  }
  .contenedor-superior p {
    margin-bottom: 2px;
    font-size: 12px;
  }
  .producto .contenedor-texto .hashtag[data-v-5780443a] {
    left: 20px;
  }
  .producto .text-review h1[data-v-5780443a] {
    font-size: 20px !important;
  }
  .producto .text-review h2[data-v-5780443a] {
    font-size: 20px !important;
  }
  .producto .text-review p[data-v-5780443a] {
    font-size: 16px !important;
    margin: 5px 5px !important;
  }
  .producto .text-review img[data-v-5780443a] {
    max-height: 80px !important;
  }
  .producto .text-review img[img="hoja-vietnam.png"][data-v-5780443a], .producto .text-review img[img="hoja-mexico.png"][data-v-5780443a], .producto .text-review img[img="hoja-tanzania.png"][data-v-5780443a] {
    max-height: 50px !important;
  }
  .producto .text-review img[img="cata-vietnam.png"][data-v-5780443a], .producto .text-review img[img="cata-mexico.png"][data-v-5780443a], .producto .text-review img[img="cata-tanzania.png"][data-v-5780443a], .producto .text-review img[img="cata-vietnam-en.png"][data-v-5780443a], .producto .text-review img[img="cata-mexico-en.png"][data-v-5780443a], .producto .text-review img[img="cata-tanzania-en.png"][data-v-5780443a], .producto .text-review img[img="cata-vietnam-fr.png"][data-v-5780443a], .producto .text-review img[img="cata-mexico-fr.png"][data-v-5780443a], .producto .text-review img[img="cata-tanzania-fr.png"][data-v-5780443a] {
    max-height: 160px !important;
  }
}
@media screen and (max-width: 600px) {
  .producto[how=bsan-plus-chocolate-infantil] .valores[data-v-5780443a] {
    padding-bottom: 20px !important;
  }
  .producto[how=singluten-digestive][data-v-5780443a] {
    height: 310px !important;
    margin-top: 70px;
  }
  .producto[how=bsan-singluten-chocolate-infantil][data-v-5780443a] {
    height: 350px !important;
  }
  .producto[how=bsan-singluten-infantil][data-v-5780443a] {
    height: 370px !important;
    margin-top: 0px;
  }
  .producto[how=maria-sesamo][data-v-5780443a] {
    margin-top: 150px;
  }
  img[how=bsan-singluten-chocolate-infantil][data-v-5780443a], img[how=bsan-singluten-infantil][data-v-5780443a] {
    width: 70%;
    margin-left: 0px;
  }
  .producto[data-v-5780443a] {
    height: 300px;
    max-height: 100%;
  }
  .producto .contenedor-imagen[data-v-5780443a] {
    height: 100%;
    z-index: 3;
  }
  .producto .contenedor-imagen img[data-v-5780443a] {
    min-width: 200px !important;
    min-height: 75% !important;
    position: relative;
    z-index: 3;
  }
  .producto .contenedor-texto h2[data-v-5780443a] {
    font-size: 24px;
    line-height: 30px;
    line-height: 1.1em;
  }
  .producto .contenedor-texto[familia=desayuno] h2[data-v-5780443a], .producto .contenedor-texto[familia=premium] h2[data-v-5780443a] {
    font-size: 20px;
  }
  .producto .contenedor-texto[familia=chocolate] h2[data-v-5780443a] {
    font-size: 18px;
  }
  .producto .contenedor-texto .packs[data-v-5780443a] {
    background: none;
    padding-left: 0px;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    margin: 5px 0;
  }
  .producto .contenedor-texto .gluten[data-v-5780443a] {
    padding-left: 0;
    background: no-repeat;
  }
  .producto .contenedor-texto .frutos-secos[data-v-5780443a] {
    padding-left: 0;
    background: no-repeat;
  }
  .producto .contenedor-texto .texto p span[data-v-5780443a]:last-of-type {
    display: none;
  }
  .producto .contenedor-texto .options[data-v-5780443a] {
    right: 10px;
    bottom: 10px;
    z-index: 6;
  }
  .producto .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 20px;
    z-index: 4;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip[data-v-5780443a] {
    padding: 5px 0;
  }
  .producto .contenedor-texto .hashtag[data-v-5780443a] {
    left: calc(30% + 15px);
    bottom: 15px;
    font-size: 16px;
    margin-top: 20px;
  }
  .producto .contenedor-texto .icono[data-v-5780443a] {
    border-right: none;
    padding-right: 0;
  }
  .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    max-height: 250px;
    z-index: 10;
  }
  .producto .contenedor-texto .capa-ingredientes p[data-v-5780443a] {
    max-height: 200px;
  }
  .producto .contenedor-texto .text-review[data-v-5780443a] {
    background: url(https://risi.es/static/img/productos/fabs-background.svg) center/100% no-repeat;
    padding: 40px 20px;
  }
  .producto .contenedor-texto .text-review h1[data-v-5780443a] {
    font-size: 16px !important;
  }
  .producto .contenedor-texto .text-review h2[data-v-5780443a] {
    font-size: 16px !important;
  }
  .producto .contenedor-texto .text-review p[data-v-5780443a] {
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 5px 5px !important;
  }
  .producto .contenedor-texto .text-review img[data-v-5780443a] {
    max-height: 50px !important;
  }
  .producto .contenedor-texto .text-review img[img="hoja-vietnam.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="hoja-mexico.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="hoja-tanzania.png"][data-v-5780443a] {
    max-height: 25px !important;
  }
  .producto .contenedor-texto .text-review img[img="cata-vietnam.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-mexico.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-tanzania.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-vietnam-en.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-mexico-en.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-tanzania-en.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-vietnam-fr.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-mexico-fr.png"][data-v-5780443a], .producto .contenedor-texto .text-review img[img="cata-tanzania-fr.png"][data-v-5780443a] {
    max-height: 140px !important;
  }
  .producto[familia=plus][data-v-5780443a] {
    height: 350px;
  }
  @keyframes digestivaChocolate-data-v-5780443a {
    to {
      transform: perspective(100px) translate(-20px, 90%) translateZ(0px) rotate(70deg);
      opacity: 1;
    }
  }
  @keyframes animateLeft-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 0) translateZ(2px) rotate(-10deg);
      opacity: 1;
    }
  }
  @keyframes animateRight-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 15%) translateZ(2px) rotate(10deg);
      opacity: 1;
    }
  }
  .contenedor-producto.vietnam .producto-cont .producto[how=fabs-vietnam][data-v-5780443a] {
    min-height: 300px !important;
  }
  .producto[how=maria-sesamo][data-v-5780443a], .producto[how=maria-espelta][data-v-5780443a] {
    height: 335px !important;
  }
  .contenedor-producto.mexico .producto-cont .producto[how=fabs-mexico][data-v-5780443a] {
    min-height: 300px !important;
  }
  .contenedor-producto.tanzania .producto-cont .producto[how=fabs-tanzania][data-v-5780443a] {
    min-height: 300px !important;
  }
  .fabs-tanzania .valores[data-v-5780443a] {
    padding-bottom: 54px;
  }
  .contenedor-producto .producto-cont .producto[how=cacao-intenso][data-v-5780443a], .contenedor-producto .producto-cont .producto[how=chocolate-con-leche][data-v-5780443a], .contenedor-producto .producto-cont .producto[how=chocolate-naranja][data-v-5780443a], .contenedor-producto .producto-cont .producto[how=chocolate-blanco][data-v-5780443a] {
    min-height: 340px !important;
  }
  .contenedor-producto .producto-cont .producto[how=bsan-plus-chocolate-infantil][data-v-5780443a] {
    height: 300px !important;
  }
  .view-cata[data-v-5780443a], .review-btns a[data-v-5780443a] {
    width: 70% !important;
  }
}
@media screen and (max-width: 480px) {
  .producto .contenedor-texto .packs[data-v-5780443a] {
    margin: 5px auto;
  }
  .producto .contenedor-texto .icono[data-v-5780443a] {
    width: 25px;
    height: 25px;
    background-size: 25px !important;
  }
  .producto .contenedor-texto .text-review[data-v-5780443a] {
    background: url(https://risi.es/static/img/productos/fabs-background.svg) center/115% no-repeat;
  }
  .producto .valores .contenedor-valores > p[data-v-5780443a] {
    -moz-order: -3;
    -ms-order: -3;
    -o-order: -3;
    order: -3;
  }
  .producto .valores .contenedor-valores .tip.-valor.-three[data-v-5780443a] {
    width: calc(50% - 60px);
    order: -2;
  }
  .producto .valores .contenedor-valores .tip.-proteinas.-three[data-v-5780443a] {
    width: 70px;
    order: -1;
  }
  .producto .valores .contenedor-valores .tip.-sal.-three[data-v-5780443a] {
    width: 50px;
    order: -1;
  }
  .producto .valores .contenedor-valores .tip.-fibra.-three[data-v-5780443a] {
    width: calc(50% - 60px);
    -moz-order: -1;
    -ms-order: -1;
    -o-order: -1;
    order: -1;
  }
  .producto .valores .contenedor-valores .tip.-hidratos.-three[data-v-5780443a] {
    width: 50%;
  }
  .producto .valores .contenedor-valores .tip.-grasas.-three[data-v-5780443a] {
    width: 50%;
  }
  .producto[familia=mariasesamo] .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 27px;
  }
}
@media screen and (max-width: 415px) {
  .producto .contenedor-texto .gluten[data-v-5780443a] {
    background: none;
    padding-left: 0px;
    font-size: 12px;
    height: 20px;
    margin-left: 0;
    line-height: 20px;
    border-left: none;
    padding-right: 10px;
  }
  .producto .contenedor-texto .frutos-secos[data-v-5780443a] {
    background: none;
    padding-left: 0px;
    font-size: 12px;
    height: 20px;
    margin-left: 0;
    line-height: 20px;
    border-left: none;
  }
  .producto .contenedor-texto .packs[data-v-5780443a] {
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
  }
  .producto .contenedor-texto p[data-v-5780443a] {
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    width: auto;
  }
  .producto .contenedor-texto .hashtag[data-v-5780443a] {
    font-size: 14px;
  }
  .producto .contenedor-texto .valores[data-v-5780443a] {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    max-height: 100%;
  }
  .producto .contenedor-texto .valores .contenedor-valores > p[data-v-5780443a] {
    font-size: 16px;
    padding-bottom: 3px;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip[data-v-5780443a] {
    padding: 3px 0;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip h4[data-v-5780443a] {
    font-size: 13px;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip p[data-v-5780443a] {
    font-size: 13px;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip.-valor.-three[data-v-5780443a] {
    width: calc(50% - 55px);
    order: -2;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip.-proteinas.-three[data-v-5780443a] {
    width: 70px;
    order: -1;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip.-sal.-three[data-v-5780443a] {
    width: 40px;
    order: -1;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip.-fibra.-three[data-v-5780443a] {
    width: calc(50% - 55px);
  }
  .producto .contenedor-texto .valores .contenedor-valores .ver-ingredientes[data-v-5780443a] {
    font-size: 14px;
  }
  .producto .contenedor-texto .capa-ingredientes[data-v-5780443a] {
    padding: 10px;
    padding-top: 20px;
  }
  .producto .contenedor-texto .capa-ingredientes .cerrar[data-v-5780443a] {
    top: 0px;
  }
  .producto .contenedor-texto .capa-ingredientes p[data-v-5780443a] {
    font-size: 12px;
    line-height: 18px;
    max-height: 220px;
  }
  .producto .contenedor-texto .text-review[data-v-5780443a] {
    background: url(https://risi.es/static/img/productos/fabs-background.svg) center/120% no-repeat;
  }
  .producto .contenedor-texto .text-review h1[data-v-5780443a] {
    font-size: 14px !important;
  }
  .producto .contenedor-texto .text-review h2[data-v-5780443a] {
    font-size: 14px !important;
  }
  .producto .contenedor-texto .text-review p[data-v-5780443a] {
    line-height: 14px !important;
    margin: 3px 3px !important;
  }
  .producto .contenedor-texto[familia=fabs-vietnam] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=fabs-mexico] .hashtag[data-v-5780443a], .producto .contenedor-texto[familia=fabs-tanzania] .hashtag[data-v-5780443a] {
    font-size: 12px !important;
    left: 20px !important;
    bottom: 0 !important;
  }
  .producto .contenedor-imagen[data-v-5780443a] {
    height: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    align-items: center;
  }
  .producto .contenedor-imagen img[data-v-5780443a] {
    min-width: 200px !important;
    min-height: 200px !important;
    top: 10px;
    padding: 20px;
  }
  .producto[show=true] .contenedor-imagen img[data-v-5780443a] {
    z-index: 2;
  }
  @keyframes animateLeft-data-v-5780443a {
    to {
      transform: rotate(5deg);
      opacity: 1;
    }
  }
  @keyframes animateRight-data-v-5780443a {
    to {
      transform: perspective(100px) translate(0px, 0%) translateZ(0px) rotate(-5deg);
      opacity: 1;
    }
  }
  @keyframes digestivaChocolate-data-v-5780443a {
    to {
      transform: perspective(100px) translate(-5px, 0px) translateZ(40px) rotate(80deg);
      opacity: 1;
    }
  }
  .producto .contenedor-texto[familia=fabs-tanzania] .valores[data-v-5780443a], .producto .contenedor-texto[familia=fabs-mexico] .valores[data-v-5780443a], .producto .contenedor-texto[familia=fabs-vietnam] .valores[data-v-5780443a] {
    padding-bottom: 58px;
  }
  .producto[how=bsan-plus-chocolate-infantil] .valores[data-v-5780443a] {
    padding-bottom: 60px !important;
  }
  .producto[how=bsan-plus-infantil] .valores[data-v-5780443a] {
    padding-bottom: 80px !important;
  }
  .producto .contenedor-texto[familia=adultas] .valores[data-v-5780443a] {
    padding-bottom: 43px !important;
  }
  .producto .contenedor-texto[familia=chocolate] .valores[data-v-5780443a] {
    padding-bottom: 68px;
  }
  .producto[how=chocolate-naranja] .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 520px) {
  .producto[how=chocolate-naranja] .contenedor-texto .valores[data-v-5780443a] {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 410px) {
  .producto[how=bsan-plus-chocolate-infantil] .valores[data-v-5780443a] {
    padding-bottom: 60px !important;
  }
  .producto[how=bsan-plus-infantil] .valores[data-v-5780443a] {
    padding-bottom: 80px !important;
  }
  .producto .contenedor-texto[how=chocolate-naranja] .valores[data-v-5780443a] {
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 360px) {
  .producto .contenedor-texto[how=bsan-plus-infantil] .valores[data-v-5780443a] {
    padding-bottom: 60px !important;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip h4[data-v-5780443a], .producto .contenedor-texto .valores .contenedor-valores .tip p[data-v-5780443a] {
    font-size: 12px;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip.-proteinas.-three[data-v-5780443a] {
    width: 60px;
  }
  .producto .contenedor-texto .valores .contenedor-valores .tip.-valor.-three[data-v-5780443a] {
    width: calc(50% - 45px);
  }
  .producto .contenedor-texto p[data-v-5780443a] {
    font-size: 14px;
    line-height: 20px;
  }
}
[how=bsan-singluten-infantil] .contenedor-imagen[data-v-5780443a] {
  background-color: #DEA3CA !important;
}

[how=bsan-singluten-infantil] h3[data-v-5780443a] {
  color: #43237a !important;
}

[how=bsan-singluten-chocolate-infantil] .contenedor-imagen[data-v-5780443a] {
  background-color: #DEA3CA !important;
}

[how=bsan-singluten-chocolate-infantil] h3[data-v-5780443a] {
  color: #43237a !important;
}

[how=bsan-plus-chocolate-infantil] .contenedor-imagen[data-v-5780443a] {
  background-color: #00AAD8 !important;
}

[how=bsan-plus-chocolate-infantil] h3[data-v-5780443a] {
  color: #00AAD8 !important;
}

[how=bsan-plus-infantil] .contenedor-imagen[data-v-5780443a] {
  background-color: #00AAD8 !important;
}

[how=bsan-plus-infantil] h3[data-v-5780443a] {
  color: #00AAD8 !important;
}

[how=risketos-xhot] .contenedor-imagen[data-v-5780443a] {
  background-color: #59B5D9 !important;
}

[how=risketos-xhot] h3[data-v-5780443a] {
  color: #59B5D9 !important;
}

@media screen and (max-width: 290px) {
  .producto[how=bsan-singluten-chocolate-infantil][data-v-5780443a] {
    height: 450px !important;
    margin-top: 0px;
  }
  .producto[how=bsan-singluten-infantil][data-v-5780443a] {
    height: 400px !important;
    margin-top: 0px;
  }
}
.view-cata[data-v-5780443a] {
  width: 28%;
  position: absolute;
  bottom: -85px;
  background-color: white;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #960234;
  font-size: 18px;
}

.view-cata span[data-v-5780443a] {
  margin: 25px 15px 25px 0;
  font-family: "Oswald";
}

.view-cata span strong[data-v-5780443a] {
  font-weight: 900;
}

.view-cata .view-cata-btn[data-v-5780443a] {
  cursor: pointer;
  background: #960234 url(https://risi.es/static/img/flecha.svg) 50%/25px no-repeat;
  transform: rotate(180deg);
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border-color: transparent;
  position: absolute;
  right: -18px;
}

.producto[familia=fabs-vietnam] .review[data-v-5780443a] {
  position: absolute;
  right: -42px !important;
  height: 100%;
}

.producto[familia=fabs-vietnam] .review-btns[data-v-5780443a] {
  position: absolute;
  height: 100%;
  z-index: 100;
  width: 45px;
  right: -42px;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.producto[familia=fabs-vietnam] .review-btns a[data-v-5780443a] {
  height: 33.3%;
  display: inline-block;
  font-size: 0;
  width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}

.producto[familia=fabs-vietnam] .review-btns a[data-v-5780443a]:nth-child(1) {
  height: 30%;
}

.producto[familia=fabs-vietnam] .review-btns a[data-v-5780443a]:nth-child(2) {
  height: 30%;
}

.producto[familia=fabs-vietnam] .review-btns a[data-v-5780443a]:nth-child(3) {
  height: 40%;
}

.producto[familia=fabs-vietnam] .view-cata[data-v-5780443a] {
  right: -40px;
}

.producto[familia=fabs-mexico] .review[data-v-5780443a], .producto[familia=fabs-tanzania] .review[data-v-5780443a] {
  position: absolute;
  left: -42px;
  height: 100%;
}

.producto[familia=fabs-mexico] .review-btns[data-v-5780443a], .producto[familia=fabs-tanzania] .review-btns[data-v-5780443a] {
  left: -42px;
  position: absolute;
  height: 100%;
  width: 45px;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.producto[familia=fabs-mexico] .review-btns a[data-v-5780443a], .producto[familia=fabs-tanzania] .review-btns a[data-v-5780443a] {
  height: 33.3%;
  display: inline-block;
  font-size: 0;
  width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}

.producto[familia=fabs-mexico] .review-btns a[data-v-5780443a]:nth-child(1), .producto[familia=fabs-tanzania] .review-btns a[data-v-5780443a]:nth-child(1) {
  height: 30%;
}

.producto[familia=fabs-mexico] .review-btns a[data-v-5780443a]:nth-child(2), .producto[familia=fabs-tanzania] .review-btns a[data-v-5780443a]:nth-child(2) {
  height: 30%;
}

.producto[familia=fabs-mexico] .review-btns a[data-v-5780443a]:nth-child(3), .producto[familia=fabs-tanzania] .review-btns a[data-v-5780443a]:nth-child(3) {
  height: 40%;
}

.producto[familia=fabs-mexico] .view-cata[data-v-5780443a], .producto[familia=fabs-tanzania] .view-cata[data-v-5780443a] {
  left: -40px;
}

.abanico[data-v-4ce70b52] {
  -ms-align-items: flex-end;
  align-items: flex-end;
  width: 100%;
}

.abanico a[data-v-4ce70b52] {
  margin: 0 -35px;
  transform: translate(900px, 700px) perspective(100px) translateZ(-20px);
}

.abanico a img[data-v-4ce70b52] {
  width: 100%;
}

.abanico a[data-v-4ce70b52]:nth-child(1) {
  animation-delay: 0.2s;
}

.abanico a[data-v-4ce70b52]:nth-child(2) {
  animation-delay: 0.3s;
}

.abanico a[data-v-4ce70b52]:nth-child(3) {
  animation-delay: 0.4s;
}

.abanico a[data-v-4ce70b52]:nth-child(4) {
  animation-delay: 0.5s;
}

.abanico a[data-v-4ce70b52]:nth-child(5) {
  animation-delay: 0.6s;
}

.abanico a[data-v-4ce70b52]:nth-child(6) {
  animation-delay: 0.7s;
}

.abanico.launched a[data-v-4ce70b52] {
  animation-name: allReset;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.abanico a.pajitas[data-v-4ce70b52] {
  width: 12% !important;
  margin-left: 0px !important;
  margin-right: 2px !important;
  position: relative !important;
  top: -15px !important;
  -webkit-transform: rotate(-16deg) !important;
}

@media screen and (max-width: 1250px) {
  .abanico a[data-v-4ce70b52] {
    width: 23%;
  }
  .abanico a.pajitas[data-v-4ce70b52] {
    width: 14% !important;
    margin-left: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .abanico a[data-v-4ce70b52] {
    width: 28%;
  }
  .abanico a.pajitas[data-v-4ce70b52] {
    width: 18% !important;
  }
}
.wrapper-producto[data-v-26640c96] {
  overflow: hidden;
}

.encabezado-producto[data-v-26640c96] {
  background: url(https://risi.es/static/img/productos/intro-gusanitos.jpg) center/cover no-repeat;
}

.contenedor-links[data-v-26640c96] {
  position: absolute;
  width: 20vw;
  height: 80px;
  bottom: 6vw;
  right: 12vw;
  opacity: 0.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contenedor-links a[data-v-26640c96] {
  width: 50%;
  height: 100%;
  display: inline-block;
}

.imagen-cabezado[data-v-26640c96] {
  width: 100%;
  display: inline-block;
}

.img-left[data-v-26640c96] {
  max-width: 486px;
  bottom: -100px;
}

.img-right[data-v-26640c96] {
  max-width: 486px;
  right: -50px;
  bottom: -80px;
}

.producto-info-container[data-v-26640c96] {
  background-image: linear-gradient(to bottom, rgba(62, 140, 65, 0.99), #1e4332);
}

.producto-info-container .contenedor-producto .superior-izquierda[data-v-26640c96] {
  left: -100px;
  top: -100px;
}

.producto-info-container .contenedor-producto .inferior-izquierda[data-v-26640c96] {
  left: 30px;
  bottom: -260px;
  z-index: 2;
  animation-delay: 0s;
}

.ketchup-bocadillo[data-v-26640c96] {
  position: absolute;
  left: -250px;
  bottom: -140px;
  animation-delay: 2s;
}

@media screen and (max-width: 1400px) {
  .img-left[data-v-26640c96] {
    left: -40px;
    bottom: -180px;
  }
  .img-right[data-v-26640c96] {
    right: -180px;
    bottom: -110px;
  }
}
@media screen and (max-width: 1100px) {
  .img-left[data-v-26640c96] {
    display: none;
  }
  .img-right[data-v-26640c96] {
    max-width: 300px;
    right: -20px;
    bottom: -60px;
  }
  .producto-info-container .contenedor-producto .inferior-izquierda[data-v-26640c96] {
    display: none;
  }
  .ketchup-bocadillo[data-v-26640c96] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .img-left[data-v-26640c96] {
    left: -50px;
  }
  .img-right[data-v-26640c96] {
    right: -100px;
  }
}
@media screen and (max-width: 600px) {
  .img-left[data-v-26640c96] {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .img-right[data-v-26640c96] {
    display: none;
  }
}
.wrapper-producto[data-v-9ed4f610] {
  overflow: hidden;
}

.encabezado-producto[data-v-9ed4f610] {
  background: url(https://risi.es/static/img/productos/intro-match-ball.jpg) center/cover no-repeat;
}

.img-left[data-v-9ed4f610] {
  max-width: 686px;
  left: -40px;
  bottom: -110px;
}

.img-right[data-v-9ed4f610] {
  max-width: 486px;
  right: 50px;
  bottom: -50px;
}

.img-right.-dos[data-v-9ed4f610] {
  bottom: 140px;
  right: -10px;
  max-width: 120px;
  animation-delay: 1s;
}

.lonchas-queso[data-v-9ed4f610] {
  position: absolute;
  right: -250px;
  bottom: -180px;
  animation-delay: 2s;
}

.bbq-superior[data-v-9ed4f610] {
  position: absolute;
  right: -190px;
  top: -190px;
  z-index: 4;
  animation-delay: 1.5s;
}

.match-ball-superior[data-v-9ed4f610] {
  position: absolute;
  right: -300px;
  bottom: -250px;
  z-index: 2;
  animation-delay: 2s;
}

.match-ball[data-v-9ed4f610] {
  max-width: 100px;
  position: absolute;
  right: 20px;
  bottom: -40px;
}

.match-ball-2[data-v-9ed4f610] {
  max-width: 100px;
  position: absolute;
  right: -2px;
  bottom: -140px;
}

.bola-ketchup[data-v-9ed4f610] {
  max-width: 100px;
  position: absolute;
  left: -60px;
  top: 0;
  animation-delay: 2.5s;
}

.bola-ketchup-2[data-v-9ed4f610] {
  max-width: 100px;
  position: absolute;
  right: -10px;
  bottom: -70px;
  animation-delay: 2.5s;
}

.ketchup-superior[data-v-9ed4f610] {
  animation-delay: 1s;
}

.sonrisa-bolas[data-v-9ed4f610] {
  position: absolute;
  left: 80px;
  bottom: -70px;
  animation-delay: 2s;
}

.producto-info-container[data-v-9ed4f610] {
  background-image: linear-gradient(to top, #EEDF03, #F7C600);
}

.producto-info-container .contenedor-producto .second-decoration[data-v-9ed4f610] {
  top: 60px;
  right: 20px;
}

.producto-info-container .contenedor-producto .producto-cont[how=match-ball-minis] .contenedor-texto-claim[data-v-9ed4f610] {
  top: 180px;
}

@media screen and (max-width: 1134px) {
  .bbq-superior[data-v-9ed4f610] {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .img-left[data-v-9ed4f610] {
    max-width: 400px;
  }
  .img-right[data-v-9ed4f610] {
    display: none;
  }
  .espiral-queso[data-v-9ed4f610] {
    display: none;
  }
  .lonchas-queso[data-v-9ed4f610] {
    display: none;
  }
  .match-ball-superior[data-v-9ed4f610] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .img-left[data-v-9ed4f610] {
    max-width: 250px;
    bottom: -70px;
  }
}
.wrapper-producto[data-v-73208de8] {
  overflow: hidden;
}

.encabezado-producto[data-v-73208de8] {
  min-height: 80vh;
  width: 100%;
  display: block;
  position: relative;
}

.encabezado-producto .btn[data-v-73208de8] {
  position: absolute;
  right: calc((100vw - 1400px) / 2 - 50px);
  bottom: 50px;
  color: #ae9d63;
}

.encabezado-producto .intro[data-v-73208de8] {
  position: absolute;
  right: calc((100vw - 1400px) / 2 - 170px);
  top: 50px;
  max-width: 330px;
}

.encabezado-producto .intro img[data-v-73208de8] {
  max-width: 100%;
}

.encabezado-producto .intro h2[data-v-73208de8] {
  font-family: "bodoni";
  color: #ae9e62;
  font-size: 50px;
  line-height: 55px;
  text-align: left;
  margin-bottom: 0;
  margin-top: -50px;
  padding-left: 20px;
}

.encabezado-producto .intro .tag-nuevo-mios[data-v-73208de8] {
  transform: rotate(-10deg) translateX(-50px);
}

.encabezado-producto .cabecera-mios[data-v-73208de8] {
  width: 100%;
}

.encabezado-producto .claim-mios[data-v-73208de8] {
  position: absolute;
  right: calc((100vw - 1400px) / 2 - 100px);
  bottom: 250px;
  background: #ae9d63;
  font-family: "Oswald";
  color: white;
  text-transform: uppercase;
  padding: 10px;
  max-width: 270px;
}

.encabezado-producto .claim-mios[data-v-73208de8]::before {
  width: 46px;
  height: 112px;
  background: url(https://risi.es/static/img/espiral-mios.png) center/100% no-repeat;
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -23px;
  bottom: -115px;
}

.encabezado-producto[lang=es][data-v-73208de8] {
  background: url(https://risi.es/static/img/banner-home/mios-new.jpg) center/cover no-repeat;
  position: relative;
}

.encabezado-producto[lang=es] .bbll[data-v-73208de8] {
  left: 0;
  width: 100%;
  position: absolute;
  height: 100%;
}

.encabezado-producto[lang=en][data-v-73208de8] {
  background: url(https://risi.es/static/img/banner-home/mios-new.jpg) center/cover no-repeat;
}

.encabezado-producto[lang=fr][data-v-73208de8] {
  background: url(https://risi.es/static/img/banner-home/mios-new.jpg) center/cover no-repeat;
}

.claim-intro[data-v-73208de8] {
  padding-bottom: 50px;
}

.img-left[data-v-73208de8] {
  left: -40px;
  bottom: -48px;
  transform: rotate(-8deg);
}

.img-right[data-v-73208de8] {
  max-width: 486px;
  right: -150px;
  bottom: -120px;
  animation-delay: 0.8s;
}

.producto-info-container[data-v-73208de8] {
  background-image: linear-gradient(to bottom, #3b3b3b, #000);
}

.producto-info-container .contenedor-producto.launched .second-decoration[data-v-73208de8] {
  top: 70px;
}

.cebolla[data-v-73208de8] {
  position: absolute;
  right: -280px;
  top: 50px;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
  z-index: 4;
  max-width: 300px;
}

.mio-izquierdo[data-v-73208de8] {
  position: absolute;
  left: -300px;
  bottom: -100px;
  max-width: 150px;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1.2);
}

.montana-mios-lateral[data-v-73208de8] {
  position: absolute;
  right: -180px;
  top: -161px;
  animation-delay: 1.3s;
  z-index: 2;
}

.espinacas[data-v-73208de8] {
  max-width: 300px;
  position: absolute;
  left: -500px;
  bottom: -220px;
  animation-delay: 2.4s;
}

.tomillo-limon[data-v-73208de8] {
  position: absolute;
  left: 100px;
  top: -200px;
}

.bol-chia[data-v-73208de8] {
  position: absolute;
  left: -270px;
  top: -270px;
  max-width: 550px;
}

.cuchara-pimienta[data-v-73208de8] {
  position: absolute;
  left: -350px;
  bottom: -80px;
}

.cuchara-sin-pimienta[data-v-73208de8] {
  position: absolute;
  right: 0px;
  top: -320px;
}

.tag-nuevo-mios.cuchara[data-v-73208de8] {
  position: absolute;
  right: 190px;
  top: -100px;
  transform: rotate(15deg);
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral.-sal-pimienta[data-v-73208de8] {
  left: -390px;
  top: 110px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral.-sal-pimienta p[data-v-73208de8] {
  font-size: 40px;
}

@media screen and (max-width: 1700px) {
  .encabezado-producto .intro[data-v-73208de8] {
    top: -30px;
    right: calc((100vw - 1400px) / 2 - 50px);
  }
  .encabezado-producto .btn[data-v-73208de8] {
    right: calc((100vw - 1400px) / 2 - 20px);
  }
  .encabezado-producto .claim-mios[data-v-73208de8] {
    right: calc((100vw - 1400px) / 2 - 50px);
  }
}
@media screen and (max-width: 1500px) {
  .encabezado-producto .btn[data-v-73208de8] {
    position: absolute;
    right: 50px;
    bottom: 60px;
  }
  .encabezado-producto .intro[data-v-73208de8] {
    right: 50px;
  }
  .encabezado-producto .claim-mios[data-v-73208de8] {
    display: none;
  }
  .encabezado-producto .claim-mios[data-v-73208de8] {
    right: 60px;
  }
  .cuchara-sin-pimienta[data-v-73208de8] {
    display: none;
  }
  .tag-nuevo-mios.cuchara[data-v-73208de8] {
    display: none;
  }
}
@media screen and (max-width: 1370px) {
  .cuchara-pimienta[data-v-73208de8] {
    display: none;
  }
  .bol-chia[data-v-73208de8] {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  .encabezado-producto[data-v-73208de8] {
    min-height: 70vh;
  }
  .encabezado-producto .intro[data-v-73208de8] {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  .encabezado-producto[data-v-73208de8] {
    min-height: 60vh;
  }
}
@media screen and (max-width: 1050px) {
  .img-left[data-v-73208de8] {
    display: none;
  }
  .img-right[data-v-73208de8] {
    max-width: 300px;
  }
  .montana-mios-lateral[data-v-73208de8] {
    max-width: 300px;
    right: 0px;
    top: -51px;
    display: none;
  }
  .cebolla[data-v-73208de8] {
    display: none;
  }
  .encabezado-producto[data-v-73208de8] {
    height: auto;
    min-height: 53vh;
  }
  .encabezado-producto .btn[data-v-73208de8] {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .img-right[data-v-73208de8] {
    display: none;
  }
  .encabezado-producto[data-v-73208de8] {
    background-size: contain;
    min-height: 42vh;
  }
  .encabezado-producto .claim-mios[data-v-73208de8] {
    display: none;
  }
  .tomillo-limon[data-v-73208de8] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .encabezado-producto[data-v-73208de8] {
    min-height: 32vh;
  }
  .producto-info-container[data-v-73208de8] {
    padding-top: 50px;
  }
}
@media screen and (max-width: 450px) {
  .encabezado-producto[data-v-73208de8] {
    min-height: 28vh;
  }
}
.wrapper-producto[data-v-b33b8f72] {
  overflow: hidden;
}

.encabezado-producto[data-v-b33b8f72] {
  background: url(https://risi.es/static/img/productos/intro-palomitas.jpg) center/cover no-repeat;
}

.img-left[data-v-b33b8f72] {
  max-width: 660px;
  left: 0;
  bottom: -107px;
  z-index: 3;
}

.img-right[data-v-b33b8f72] {
  max-width: 486px;
  right: -50px;
  bottom: -80px;
  z-index: 3;
}

.producto-info-container[data-v-b33b8f72] {
  background-image: linear-gradient(to bottom, #c12026, #84163b);
  padding-top: 200px;
}

.producto-info-container .contenedor-producto[how=palomitas-pizza][data-v-b33b8f72] {
  z-index: 5;
}

.producto-info-container .contenedor-producto .absoluta-derecha[data-v-b33b8f72] {
  z-index: 4;
  right: -330px;
  top: -50px;
  animation-delay: 1s;
  max-width: 400px;
  pointer-events: none;
}

.palomita-to-pizza[data-v-b33b8f72] {
  max-width: 200px;
  right: -400px;
  bottom: -100px;
  position: absolute;
}

.producto-info-container .contenedor-producto .centrado-superior[data-v-b33b8f72] {
  z-index: 2;
  right: 200px;
  top: -340px;
  animation-delay: 2s;
  transform: perspective(100px) translateZ(-30px);
}

.producto-info-container .contenedor-producto .inferior-izquierda[data-v-b33b8f72] {
  z-index: 4;
  top: -100px;
  left: -380px;
  max-width: 400px;
}

.montana-palomitas-superior[data-v-b33b8f72] {
  position: absolute;
  right: -370px;
  top: -80px;
  animation-delay: 1s;
  z-index: 2;
}

.montana-palomitas-negro[data-v-b33b8f72] {
  position: absolute;
  left: -210px;
  top: -270px;
  animation-delay: 1.3s;
  z-index: 2;
}

.rrss-cont[data-v-b33b8f72] {
  display: inline-block;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim p[data-v-b33b8f72] {
  max-width: 280px;
}

.palomita-to-left[data-v-b33b8f72] {
  max-width: 200px;
  left: 250px;
  top: -120px;
  position: absolute;
}

.palomita-to-right[data-v-b33b8f72] {
  max-width: 200px;
  right: 250px;
  top: -150px;
  position: absolute;
  animation-delay: 1s;
}

.palomita-lima[data-v-b33b8f72] {
  position: absolute;
  right: -385px;
  top: -80px;
  max-width: 150px;
  animation-delay: 1s;
  transform: scale(1.2);
}

.palomita-chili[data-v-b33b8f72] {
  position: absolute;
  right: -180px;
  top: 195px;
  max-width: 150px;
  animation-delay: 1s;
  transform: scaleX(-1) scale(1.5);
}

.palomita-choco-1[data-v-b33b8f72] {
  position: absolute;
  left: -540px;
  bottom: 215px;
  max-width: 150px;
  animation-delay: 1s;
}

.palomita-choco-2[data-v-b33b8f72] {
  position: absolute;
  left: -200px;
  bottom: -100px;
  max-width: 150px;
  animation-delay: 1.3s;
}

.palomita-caramelo-1[data-v-b33b8f72] {
  position: absolute;
  max-width: 200px;
  right: -220px;
  bottom: -50px;
}

.palomita-caramelo-2[data-v-b33b8f72] {
  position: absolute;
  max-width: 180px;
  right: -420px;
  bottom: -100px;
}

.palomita-chocob-1[data-v-b33b8f72] {
  position: absolute;
  left: -270px;
  bottom: 120px;
  max-width: 150px;
}

.palomita-chocob-2[data-v-b33b8f72] {
  position: absolute;
  left: -200px;
  bottom: -100px;
  max-width: 150px;
}

.ketchup-mostaza[data-v-b33b8f72] {
  position: absolute;
  max-width: 250px;
  left: -200px;
  bottom: -100px;
  animation-delay: 2s;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral.-mostaza p[data-v-b33b8f72] {
  transform: translate(-100px, -40px) rotate(9deg);
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral.launched p[data-v-b33b8f72] {
  transform: translate(-100px, -40px) rotate(9deg);
}

.producto-info-container .contenedor-producto[how=palomitas-ketchup-mostaza] .contenedor-texto-claim-espiral[data-v-b33b8f72] {
  top: 150px;
  left: -330px;
}

.producto-info-container .contenedor-producto[how=palomitas-chocolate-avellana] .contenedor-texto-claim-espiral.launched p[data-v-b33b8f72] {
  transform: translate(-40px, -20px) rotate(9deg);
  text-align: right;
}

.bacon[data-v-b33b8f72] {
  position: absolute;
  right: -140px;
  top: -70px;
  z-index: 4;
  animation-delay: 1s;
}

.palomita-to-bottom[data-v-b33b8f72] {
  position: absolute;
  left: -150px;
  z-index: 3;
  animation-delay: 0.5s;
}

@media screen and (max-width: 1230px) {
  .palomita-to-right[data-v-b33b8f72] {
    right: 100px;
  }
  .palomita-to-bottom[data-v-b33b8f72] {
    display: none;
  }
}
@media screen and (max-width: 1030px) {
  .producto-info-container[data-v-b33b8f72] {
    padding-top: 100px;
  }
  .img-left[data-v-b33b8f72] {
    max-width: 440px;
    left: 0;
    bottom: -107px;
  }
  .img-right[data-v-b33b8f72] {
    max-width: 300px;
    right: -50px;
    bottom: -80px;
  }
  .producto-info-container .contenedor-producto .centrado-superior[data-v-b33b8f72] {
    display: none;
  }
  .montana-palomitas-negro[data-v-b33b8f72] {
    display: none;
  }
  .montana-palomitas-superior[data-v-b33b8f72] {
    display: none;
  }
  .ketchup-mostaza[data-v-b33b8f72] {
    display: none;
  }
  .palomita-choco-2[data-v-b33b8f72] {
    display: none;
  }
  .palomita-to-left[data-v-b33b8f72] {
    display: none;
  }
  .palomita-caramelo-1[data-v-b33b8f72] {
    display: none;
  }
  .palomita-to-right[data-v-b33b8f72] {
    display: none;
  }
  .producto-info-container .contenedor-producto .absoluta-derecha[data-v-b33b8f72] {
    display: none;
  }
  .bacon[data-v-b33b8f72] {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .img-left[data-v-b33b8f72] {
    max-width: 340px;
    left: 0;
    bottom: -70px;
  }
  .img-right[data-v-b33b8f72] {
    max-width: 240px;
    right: -50px;
    bottom: -40px;
  }
  .producto-info-container[data-v-b33b8f72] {
    padding-top: 70px;
  }
}
@media screen and (max-width: 430px) {
  .img-left[data-v-b33b8f72] {
    display: none;
  }
  .img-right[data-v-b33b8f72] {
    max-width: 200px;
    right: -20px;
    bottom: -40px;
  }
}
.wrapper-producto[data-v-5f2e7064] {
  overflow: hidden;
}

.encabezado-producto[lang=en][data-v-5f2e7064] {
  background: url(https://risi.es/static/img/productos/intro-risketos-en.jpg) center/cover no-repeat;
}

.encabezado-producto[lang=fr][data-v-5f2e7064] {
  background: url(https://risi.es/static/img/productos/intro-risketos-fr.jpg) center/cover no-repeat;
}

.encabezado-producto .bannerhome-imagen[data-v-5f2e7064] {
  width: 100%;
}

video[data-v-5f2e7064] {
  max-width: 100%;
  display: block;
}

.img-left[data-v-5f2e7064] {
  max-width: 606px;
  left: 0px;
  bottom: -110px;
}

.personajes-risketos[data-v-5f2e7064] {
  position: absolute;
  right: -20px;
  top: -200px;
  max-width: 400px;
  animation-delay: 1s;
}

.producto-info-container .contenedor-producto .second-decoration[data-v-5f2e7064] {
  top: 60px;
}

.monopatin[data-v-5f2e7064] {
  position: absolute;
  bottom: -80px;
  left: 240px;
  max-width: 170px;
}

.queso[data-v-5f2e7064] {
  position: absolute;
  top: -120px;
  left: 240px;
  max-width: 350px;
}

.montana-risketos[data-v-5f2e7064] {
  position: absolute;
  left: -300px;
  bottom: -100px;
  animation-delay: 3s;
}

.montana-risketos-superior[data-v-5f2e7064] {
  position: absolute;
  left: -250px;
  bottom: -240px;
  animation-delay: 1s;
}

.ketchup-superior[data-v-5f2e7064] {
  position: absolute;
  left: 20px;
  top: -278px;
  max-width: 148px;
  z-index: 4;
  animation-delay: 2s;
}

.sombrero[data-v-5f2e7064] {
  position: absolute;
  right: 0px;
  top: -60px;
  animation-delay: 1.5s;
}

.chili[data-v-5f2e7064] {
  animation-delay: 2s;
}

.producto-info-container .contenedor-producto[how=risketos-ligeros][data-v-5f2e7064] {
  margin-bottom: 300px;
}

[how=risketos-queso-picante] .contenedor-texto-claim[data-v-5f2e7064] {
  top: 100px;
}

[how=risketos-queso-picante] .contenedor-texto-claim p[data-v-5f2e7064] {
  max-width: 250px;
}

.contenedor-producto.xhot[data-v-5f2e7064] {
  margin-top: 325px;
}

.risketo-picante[data-v-5f2e7064] {
  position: absolute;
  top: 300px;
  right: -390px;
}

.risketo-picante-dos[data-v-5f2e7064] {
  position: absolute;
  top: 300px;
  right: -180px;
  animation-delay: 0.5s;
}

.extra-crujiente[data-v-5f2e7064] {
  position: relative;
  top: -330px;
  left: 535px;
  transform: rotate(25deg);
  animation-delay: 1s;
}

.rayo[data-v-5f2e7064] {
  animation-delay: 1.5s;
}

.contenedor-producto.-risketos-ketchup .contenedor-texto-claim-espiral p[data-v-5f2e7064] {
  margin-top: 0px;
}

.btn.-action[data-v-5f2e7064] {
  position: absolute;
  right: 60px;
  bottom: 100px;
  color: #44137f;
  height: 60px;
  line-height: 60px;
}

.btn.-action span[data-v-5f2e7064] {
  font-family: "Oswald";
  font-size: 28px;
  line-height: 21px;
  position: absolute;
  width: 100%;
  bottom: 6px;
  text-align: center;
  left: 4px;
  color: #ff6523;
}

@media screen and (max-width: 1500px) {
  .personajes-risketos[data-v-5f2e7064] {
    max-width: 300px;
  }
}
@media screen and (max-width: 1200px) {
  .personajes-risketos[data-v-5f2e7064] {
    top: -120px;
  }
}
@media screen and (max-width: 1100px) {
  .extra-crujiente[data-v-5f2e7064] {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .contenedor-producto.xhot[data-v-5f2e7064] {
    margin-top: -100px;
  }
  .img-right.-dos[data-v-5f2e7064] {
    display: none;
  }
  .img-left[data-v-5f2e7064] {
    max-width: 400px;
  }
  .monopatin[data-v-5f2e7064] {
    display: none;
  }
  .producto-info-container .contenedor-producto[how=risketos-ligeros][data-v-5f2e7064] {
    margin-bottom: 150px;
  }
  .ketchup-superior[data-v-5f2e7064] {
    display: none;
  }
  .montana-risketos[data-v-5f2e7064] {
    display: none;
  }
  .producto-info-container .contenedor-producto .second-decoration[data-v-5f2e7064] {
    display: none;
  }
  .personajes-risketos[data-v-5f2e7064] {
    max-width: 250px;
    top: -100px;
    right: 10px;
  }
}
@media screen and (max-width: 800px) {
  .contenedor-producto.xhot[data-v-5f2e7064] {
    margin-top: 0px;
  }
  .extra-crujiente[data-v-5f2e7064] {
    display: none;
  }
  .producto-info-container .contenedor-producto[how=risketos-ligeros][data-v-5f2e7064] {
    margin-bottom: 100px;
  }
  .img-right[data-v-5f2e7064] {
    display: none;
  }
  .montana-risketos-superior[data-v-5f2e7064] {
    display: none;
  }
  .queso[data-v-5f2e7064] {
    display: none;
  }
  .img-left[data-v-5f2e7064] {
    max-width: 300px;
    bottom: -60px;
  }
}
@media screen and (max-width: 600px) {
  .img-left[data-v-5f2e7064] {
    max-width: 250px;
  }
  .personajes-risketos[data-v-5f2e7064] {
    display: none;
  }
  .encabezado-producto[data-v-5f2e7064] {
    margin-top: 40px;
  }
}
.wrapper-producto[data-v-18e6ebba] {
  overflow: hidden;
}

.encabezado-producto[lang=es][data-v-18e6ebba] {
  background: url(https://risi.es/static/img/productos/intro-triskys.jpg) center top/cover no-repeat;
}

.encabezado-producto[lang=en][data-v-18e6ebba] {
  background: url(https://risi.es/static/img/productos/intro-triskys-en.jpg) center top/cover no-repeat;
}

.encabezado-producto[lang=fr][data-v-18e6ebba] {
  background: url(https://risi.es/static/img/productos/intro-triskys-fr.jpg) center top/cover no-repeat;
}

.img-left[data-v-18e6ebba] {
  max-width: 606px;
  bottom: -90px;
  left: 20px;
}

.claim-intro[data-v-18e6ebba] {
  padding-bottom: 50px;
}

.producto-info-container[data-v-18e6ebba] {
  background-image: linear-gradient(to bottom, #c82621, #8f120b);
  padding-top: 150px;
}

.producto-info-container .contenedor-producto .second-decoration[data-v-18e6ebba] {
  top: 60px;
  z-index: 4;
  transform: perspective(100px) translateZ(-90px) translateX(2000px);
}

.jamon[data-v-18e6ebba] {
  position: absolute;
  left: -170px;
  bottom: -160px;
  animation-delay: 1s;
  max-width: 300px;
}

.montana-triskys-superior[data-v-18e6ebba] {
  position: absolute;
  right: -300px;
  bottom: -200px;
  animation-delay: 1s;
}

.montana-triskys[data-v-18e6ebba] {
  position: absolute;
  left: -300px;
  top: -169px;
  animation-delay: 1s;
  z-index: 4;
}

.trisky-derecha[data-v-18e6ebba] {
  position: absolute;
  right: -200px;
  top: -40px;
  max-width: 60px;
  animation-delay: 1s;
}

.tri-triskys[data-v-18e6ebba] {
  animation-delay: 2s;
  position: absolute;
  top: 180px;
  right: 40px;
}

@media screen and (max-width: 1080px) {
  .img-left[data-v-18e6ebba] {
    max-width: 500px;
    bottom: -121px;
  }
}
@media screen and (max-width: 900px) {
  .montana-triskys[data-v-18e6ebba] {
    max-width: 400px;
    left: -180px;
    top: -88px;
    display: none;
  }
  .jamon[data-v-18e6ebba] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .img-right[data-v-18e6ebba] {
    display: none;
  }
  .img-left[data-v-18e6ebba] {
    max-width: 300px;
    bottom: -60px;
    left: -20px;
  }
  .producto-info-container[data-v-18e6ebba] {
    padding-top: 100px;
  }
}
.wrapper-producto[data-v-7ee033b6] {
  overflow: hidden;
}

.encabezado-producto[data-v-7ee033b6] {
  background: url(https://risi.es/static/img/productos/intro-patatas.jpg) center/cover no-repeat;
}

.claim-intro[data-v-7ee033b6] {
  padding-bottom: 50px;
}

.contenedor-producto[data-v-7ee033b6] {
  padding: 100px 0;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center;
}

.contenedor-producto .container[data-v-7ee033b6] {
  max-width: 1600px;
  padding: 0;
}

.slick-arrow[data-v-7ee033b6] {
  top: 10px;
  z-index: 5;
}

.producto-info-container[data-v-7ee033b6] {
  padding: 0;
}

.producto-info-container .contenedor-logo[data-v-7ee033b6] {
  height: 300px;
  width: 100%;
  background: white;
}

.-clasicas-originales .contenedor-producto[data-v-7ee033b6] {
  background-image: linear-gradient(to top, #89572c, #d3a175);
}

.-clasicas-originales .patata[data-v-7ee033b6] {
  position: absolute;
  top: -200px;
  right: 100px;
  animation-delay: 1s;
  z-index: 2;
}

.-clasicas-originales .patata-partida[data-v-7ee033b6] {
  position: absolute;
  left: -50px;
  bottom: -50px;
  animation-delay: 1.5s;
}

.logo-patatas[data-v-7ee033b6] {
  margin-bottom: 100px;
}

.-onduladas-originales .contenedor-producto[data-v-7ee033b6] {
  padding-bottom: 400px;
  background: linear-gradient(to bottom, #fad961, #f7e01c);
}

.-onduladas-originales .contenedor-producto[data-v-7ee033b6]::before {
  background: url(https://risi.es/static/img/ondas-patatas.png) center left/auto 100% repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: inline-block;
  content: "";
}

.-onduladas-originales .bol-patatas[data-v-7ee033b6] {
  position: absolute;
  left: 100px;
  bottom: -400px;
  animation-delay: 1s;
  max-width: 400px;
}

.-onduladas-originales .patata-ondulada[data-v-7ee033b6] {
  max-width: 250px;
  animation-duration: 1s;
  animation-delay: 1s;
}

.rrss-cont[data-v-7ee033b6] {
  background: #f7e01c;
  width: 100%;
  max-width: 100%;
  padding-bottom: 50px;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim-espiral[data-v-7ee033b6] {
  top: 100px;
}

@media screen and (max-width: 1250px) {
  .-clasicas-originales .patata[data-v-7ee033b6] {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .contenedor-producto[data-v-7ee033b6] {
    padding: 50px 0;
  }
  .-clasicas-originales .patata-partida[data-v-7ee033b6] {
    display: none;
  }
  .-onduladas-originales .bol-patatas[data-v-7ee033b6] {
    display: none;
  }
  .-onduladas-originales .contenedor-producto[data-v-7ee033b6] {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .-clasicas-originales .patata[data-v-7ee033b6] {
    display: none;
  }
  .logo-patatas[data-v-7ee033b6] {
    margin-bottom: 50px;
    max-width: 75vw;
  }
  .-onduladas-originales .patata-ondulada[data-v-7ee033b6] {
    display: none;
  }
  .contenedor-producto[data-v-7ee033b6] {
    padding: 50px 0;
  }
  .-clasicas-originales .patata-partida[data-v-7ee033b6] {
    display: none;
  }
}
.producto-info-container[data-v-01fc3aef] {
  padding-top: 100px;
}

@media screen and (max-width: 630px) {
  .producto-info-container[data-v-01fc3aef] {
    padding-top: 0;
  }
}
.producto-info-container[data-v-4749eacc] {
  padding-top: 100px;
}

@media screen and (max-width: 630px) {
  .producto-info-container[data-v-4749eacc] {
    padding-top: 0;
  }
}
.producto-info-container[data-v-708c38c6] {
  padding-top: 100px;
}

@media screen and (max-width: 630px) {
  .producto-info-container[data-v-708c38c6] {
    padding-top: 0;
  }
}
.logo-cont:nth-child(1) .color[data-v-90f18826] {
  position: absolute;
  left: 22%;
  top: 48%;
  transform: translate(-50%, -50%);
  max-width: 157px;
  max-height: 100%;
  opacity: 0;
  transition: 0.5s;
  width: 158px !important;
  margin-top: -24px;
}

.logo-cont:nth-child(2) .color[data-v-90f18826] {
  position: absolute;
  left: 22%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 157px;
  max-height: 100%;
  opacity: 0;
  transition: 0.5s;
  width: 255px !important;
  margin-top: -24px;
}

.contenedor-logos[data-v-90f18826] {
  margin-bottom: 20px;
}

.contenedor-logos-otros-productos[data-v-90f18826] {
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contenedor-logos-otros-productos .contenedor-logo[data-v-90f18826] {
  max-width: 20%;
}

.contenedor-logos-otros-productos .contenedor-logo img[data-v-90f18826] {
  max-width: 100%;
}

.logo-cont[data-v-90f18826] {
  width: 25%;
  height: auto;
  padding: 10px;
  height: 150px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.logo-cont .blanco[data-v-90f18826] {
  max-width: 157px;
  max-height: 100%;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-90f18826;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont:hover .color[data-v-90f18826] {
  opacity: 1;
}

.logo-cont:nth-child(1) > *[data-v-90f18826] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-90f18826] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-90f18826] {
  animation-delay: 0.8s;
}

.logo-cont[data=otros][data-v-90f18826] {
  transform: rotate(-9deg);
}
@keyframes showLogos-data-v-90f18826 {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px);
  }
}
@media screen and (max-width: 1262px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 17%;
  }
}
@media screen and (max-width: 1335px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 19%;
  }
}
@media screen and (max-width: 1019px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 27%;
  }
}
@media screen and (max-width: 999px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 17%;
  }
}
@media screen and (max-width: 980px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 20%;
    top: 47%;
    max-width: 198px;
  }
  .logo-cont:nth-child(2) .blanco[data-v-90f18826] {
    max-width: 198px;
  }
}
@media screen and (max-width: 912px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 25%;
  }
}
@media screen and (max-width: 895px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 22%;
  }
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 17%;
  }
}
@media screen and (max-width: 835px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 9%;
  }
}
@media screen and (max-width: 835px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 10%;
    top: 25%;
  }
}
@media screen and (max-width: 784px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 19.6%;
    top: 47%;
  }
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 12%;
  }
}
@media screen and (max-width: 768px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 20%;
  }
}
@media screen and (max-width: 765px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 39%;
    top: 28%;
  }
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 39%;
    top: 51%;
  }
}
@media screen and (max-width: 750px) {
  .logo-cont:nth-child(2) .blanco[data-v-90f18826] {
    max-width: 134px;
  }
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 40%;
    top: 52%;
    max-width: 139px;
  }
}
@media screen and (max-width: 711px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 38%;
  }
}
@media screen and (max-width: 673px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 39%;
  }
}
@media screen and (max-width: 647px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 36%;
  }
}
@media screen and (max-width: 578px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 37%;
  }
}
@media screen and (max-width: 543px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 34%;
  }
}
@media screen and (max-width: 516px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 33%;
  }
}
@media screen and (max-width: 490px) {
  .logo-cont:nth-child(1) .color[data-v-90f18826] {
    position: absolute;
    left: 26%;
    top: 31%;
  }
}
@media screen and (max-width: 430px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 29%;
  }
}
@media screen and (max-width: 415px) {
  .logo-cont .color[data-v-90f18826] {
    position: absolute;
    left: 29%;
  }
}
@media screen and (max-width: 395px) {
  .logo-cont .color[data-v-90f18826] {
    position: absolute;
    left: 27%;
  }
}
@media screen and (max-width: 376px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 26%;
  }
}
@media screen and (max-width: 360px) {
  .logo-cont:nth-child(2) .color[data-v-90f18826] {
    position: absolute;
    left: 25%;
  }
}
.galletas-palmera[data-v-90f18826] {
  position: absolute;
  left: 0px;
}

.galletas-hojas[data-v-90f18826] {
  position: absolute;
  right: 100px;
  bottom: -100px;
  width: 300px;
  z-index: 3;
}

.galletas-pajaro[data-v-90f18826] {
  position: absolute;
  right: 200px;
  width: 252px;
  bottom: 150px;
  z-index: 3;
}

.galletas-desayuno-espelta[data-v-90f18826] {
  position: absolute;
  right: 0px;
  width: 252px;
  bottom: -196px;
  z-index: 3;
}

.intro[data-v-90f18826] {
  padding-bottom: 497px;
  background-image: linear-gradient(to bottom, #E2C092, #E2C092);
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-top: 100px;
}

.intro .container-title[data-v-90f18826] {
  margin-top: 0;
}

.intro .bodegon-galletas[data-v-90f18826] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  width: 70%;
  max-width: 100%;
}

.intro[data-v-90f18826]::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #E2C092;
  display: inline-block;
  height: 200px;
  z-index: 3;
}

.contenedor-logos[data-v-90f18826] {
  margin-bottom: 20px;
}

.logo-cont[data-v-90f18826] {
  width: 25%;
  height: auto;
  padding: 10px;
  height: 175px;
  overflow: hidden;
  cursor: pointer;
}

.logo-cont > *[data-v-90f18826] {
  max-width: 257px;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-90f18826;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont:nth-child(1) > *[data-v-90f18826] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-90f18826] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-90f18826] {
  animation-delay: 0.8s;
}

.logo-cont:nth-child(4) > *[data-v-90f18826] {
  animation-delay: 0.9s;
}

.logo-cont:nth-child(5) > *[data-v-90f18826] {
  animation-delay: 1s;
}

.logo-cont:nth-child(6) > *[data-v-90f18826] {
  animation-delay: 1.1s;
}

.logo-cont:nth-child(7) > *[data-v-90f18826] {
  animation-delay: 1.2s;
}

.logo-cont:nth-child(8) > *[data-v-90f18826] {
  animation-delay: 1.3s;
}

.logo-cont:nth-child(9) > *[data-v-90f18826] {
  animation-delay: 1.4s;
}

.logo-cont:nth-child(10) > *[data-v-90f18826] {
  animation-delay: 1.5s;
}

.logo-cont-bsan[data-v-90f18826] {
  width: 192px !important;
  margin-top: 16px;
}

.logo-cont-fabs[data-v-90f18826] {
  width: 255px;
}

.logo-cont[data=infantil][data-v-90f18826], .logo-cont[data=tradicionales][data-v-90f18826] {
  transform: rotate(-9deg);
}

@keyframes showLogos-data-v-90f18826 {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px);
  }
}
.otros[data-v-90f18826] {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.otros span[data-v-90f18826] {
  font-family: "Oswald";
  font-size: 22px;
  line-height: 1em;
}

.product-list[data-v-90f18826] {
  overflow: hidden;
}

.product[data-v-90f18826] {
  height: 45vh;
  min-height: 460px;
  position: relative;
}

.product[familia=chocolate][data-v-90f18826] {
  background-image: linear-gradient(to top, #5A3321, #4D2817);
}

.product[familia=fabs][data-v-90f18826] {
  background: #FACBC1;
}

.product[familia=desayuno][data-v-90f18826] {
  background-image: linear-gradient(to bottom, #E2C092, #C2A173);
}

.product[familia=infantiles][data-v-90f18826] {
  background-image: linear-gradient(to bottom, #426a93, #273d79, #303c86);
}

.product[familia=tradicionales][data-v-90f18826] {
  background-image: linear-gradient(to bottom, #37744d, #1e4332);
}

.product h2[data-v-90f18826] {
  font-size: 64px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.contenedor-logo[data-v-90f18826] {
  position: relative;
}

.logo-marca.-color[data-v-90f18826] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}

.product:hover .logo-marca.-color[data-v-90f18826] {
  opacity: 1;
}

.galletas-chocolate[data-v-90f18826] {
  position: absolute;
  left: -70px;
  max-height: 550px;
  z-index: 3;
}

.jarra-mantel[data-v-90f18826] {
  position: absolute;
  right: -100px;
  max-height: 700px;
  top: 35px;
  animation-delay: 1s;
}

.galletas-desayuno[data-v-90f18826] {
  position: absolute;
  right: -100px;
  max-width: 350px;
  top: -250px;
}

.galletas-espelta[data-v-90f18826] {
  position: absolute;
  right: 70px;
  max-width: 350px;
  top: -150px;
}

.chorro-chocolate[data-v-90f18826] {
  left: 50px;
  top: -100px;
  max-height: 300px;
  position: absolute;
}

.galleta-negra[data-v-90f18826] {
  position: absolute;
  max-width: 350px;
  top: -160px;
  right: 100px;
}

.galletas-infantiles[data-v-90f18826] {
  position: absolute;
  max-height: 500px;
  top: 150px;
  left: -40px;
  z-index: 3;
}

.galletas-digestiva[data-v-90f18826] {
  top: -40px;
  right: 30px;
  max-width: 350px;
  position: absolute;
}

.chocolate-espiral[data-v-90f18826] {
  top: -70px;
  right: 520px;
  max-width: 250px;
  position: absolute;
}

.galletas-espelta-tradicionales[data-v-90f18826] {
  bottom: -180px;
  left: 200px;
  max-width: 350px;
  position: absolute;
}

@media screen and (max-width: 1400px) {
  .jarra-mantel[data-v-90f18826] {
    max-height: 500px;
  }
  .galletas-infantiles[data-v-90f18826] {
    max-height: 350px;
  }
  .galleta-negra[data-v-90f18826] {
    max-width: 300px;
    right: -20px;
  }
}
@media screen and (max-width: 1100px) {
  .galletas-infantiles[data-v-90f18826] {
    max-height: auto;
    max-width: 400px;
    top: -200px;
  }
  .galleta-negra[data-v-90f18826] {
    right: 30px;
    top: -200px;
  }
  .galletas-digestiva[data-v-90f18826] {
    top: -150px;
  }
  .chorro-chocolate[data-v-90f18826] {
    top: -300px;
    max-height: 250px;
  }
  .galletas-chocolate[data-v-90f18826] {
    max-height: 300px;
    top: -300px;
    left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .contenedor-logos[data-v-90f18826] {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 100px;
    display: flex !important;
    margin-top: 0px;
  }
  .logo-cont[data-v-90f18826] {
    width: 36%;
    height: auto;
    padding: 10px;
    height: 175px;
    overflow: hidden;
    cursor: pointer;
  }
  .logo-cont[data-v-90f18826] {
    height: 196px;
  }
  .contenedor-logos[data-v-90f18826] {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 0;
    display: none;
  }
  .logo-cont[data-v-90f18826] {
    height: 120px;
  }
  .intro[data-v-90f18826] {
    padding-bottom: 500px;
  }
  .intro .abanico[data-v-90f18826] {
    transform: translate(-50%, 60px) perspective(100px) translateZ(-50px);
  }
  .galletas-chocolate[data-v-90f18826] {
    max-height: auto;
    max-width: 350px;
    left: -100px;
  }
  .jarra-mantel[data-v-90f18826] {
    max-width: 450px;
    max-height: auto;
  }
  .chorro-chocolate[data-v-90f18826] {
    top: -100px;
  }
  .galletas-desayuno[data-v-90f18826] {
    max-width: 250px;
  }
  .galletas-espelta[data-v-90f18826] {
    max-width: 250px;
    right: 50px;
  }
  .galletas-infantiles[data-v-90f18826] {
    max-height: auto;
    max-width: 300px;
    top: -200px;
    left: -100px;
  }
  .galleta-negra[data-v-90f18826] {
    right: 30px;
    top: -200px;
    max-width: 250px;
  }
  .galletas-digestiva[data-v-90f18826] {
    top: -150px;
    max-width: 250px;
  }
  .product h2[data-v-90f18826] {
    font-size: 36px;
  }
  .chocolate-espiral[data-v-90f18826] {
    right: 300px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-logo img[data-v-90f18826] {
    max-width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .logo-cont[data-v-90f18826] {
    width: 100% !important;
    height: auto;
    padding: 10px;
    height: 175px;
    overflow: hidden;
    cursor: pointer;
  }
  .logo-cont:nth-child(1) img[data-v-90f18826] {
    padding-top: 9px !important;
    width: 100% !important;
    height: 90px !important;
  }
  .intro[data-v-90f18826] {
    padding-bottom: 290px;
  }
  .intro .abanico[data-v-90f18826] {
    transform: translate(-50%, 100px) perspective(100px) translateZ(-100px);
  }
  .contenedor-logo[data-v-90f18826] {
    max-width: 300px;
    z-index: 3;
  }
  .contenedor-logo img[data-v-90f18826] {
    max-width: 100%;
  }
  .contenedor-logo img.-color[data-v-90f18826] {
    display: none;
  }
  .jarra-mantel[data-v-90f18826], .galletas-palmera[data-v-90f18826], .galletas-hojas[data-v-90f18826], .galletas-pajaro[data-v-90f18826], .galletas-desayuno-espelta[data-v-90f18826] {
    display: none;
  }
  .chocolate-espiral[data-v-90f18826] {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .view[data-v-90f18826] {
    min-height: 0;
  }
  .contenedor-logo img[data-v-90f18826] {
    max-width: 141px;
  }
  .intro[data-v-90f18826] {
    padding-bottom: 350px;
  }
  .intro[data-v-90f18826]::before {
    height: 100px;
  }
  .intro .abanico[data-v-90f18826] {
    transform: translate(-50%, 130px) perspective(100px) translateZ(-220px);
  }
  .galletas-chocolate[data-v-90f18826] {
    display: none;
  }
  .jarra-mantel[data-v-90f18826] {
    top: -100px;
    max-width: 400px;
    left: -100px;
    right: auto;
  }
  .galletas-infantiles[data-v-90f18826] {
    top: -580px;
    display: none;
  }
  .chorro-chocolate[data-v-90f18826] {
    top: 100px;
    left: -160px;
    max-width: 350px;
  }
  .galletas-desayuno[data-v-90f18826] {
    top: -150px;
    max-width: 200px;
  }
  .galletas-espelta[data-v-90f18826] {
    top: -70px;
    right: 0;
    max-width: 200px;
  }
  .galleta-negra[data-v-90f18826] {
    max-width: 200px;
    right: -20px;
    top: -100px;
  }
  .galletas-digestiva[data-v-90f18826] {
    right: auto;
    left: -60px;
    top: -100px;
    max-width: 180px;
  }
  .product h2[data-v-90f18826] {
    font-size: 36px;
  }
  .galletas-espelta-tradicionales[data-v-90f18826] {
    max-width: 200px;
    bottom: -100px;
  }
  .chorro-chocolate[data-v-90f18826] {
    max-width: 200px;
    left: 10px;
    top: -50px;
  }
}
@media screen and (max-width: 400px) {
  .intro[data-v-90f18826] {
    padding-bottom: 220px;
    min-height: 50vh;
  }
  .intro[data-v-90f18826]::before {
    height: 100px;
  }
  .big-title[data-v-90f18826] {
    font-size: 60px;
  }
  .producto[data-v-90f18826] {
    min-height: 320px;
  }
  .contenedor-logo[data-v-90f18826] {
    max-width: 200px;
  }
  .galletas-infantiles[data-v-90f18826] {
    display: none;
  }
}
.abanico[data-v-43d591b2] {
  width: 980px;
  height: 450px;
  position: relative;
  display: inline-block;
}

img[data-v-43d591b2] {
  max-height: 400px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.cacao-intenso[data-v-43d591b2] {
  transform: translate(0, 400px) perspective(50px) translateZ(-20px);
  max-height: 360px;
  top: 30px;
}

.avena-soja[data-v-43d591b2] {
  left: 128px;
  top: 10px;
  transform: translate(0, 400px) perspective(50px) translateZ(-30px);
}

.cacao-premium[data-v-43d591b2] {
  top: 5px;
  left: 330px;
  transform: translate(0, 400px) perspective(50px) translateZ(-50px);
  max-height: 410px;
}

.hellokitty[data-v-43d591b2] {
  max-width: 330px;
  top: 150px;
  left: 470px;
  z-index: 4;
  transform: translate(0, 400px) perspective(50px) translateZ(-50px);
}

.supermaria[data-v-43d591b2] {
  max-width: 540px;
  top: 0px;
  left: 640px;
  transform: translate(0, 400px) perspective(50px) translateZ(-50px);
}

.launched img[data-v-43d591b2] {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1);
  animation-name: allReset;
}

img[data-v-43d591b2]:nth-child(1) {
  animation-delay: 0.5s;
}

img[data-v-43d591b2]:nth-child(2) {
  animation-delay: 0.6s;
}

img[data-v-43d591b2]:nth-child(3) {
  animation-delay: 0.7s;
}

img[data-v-43d591b2]:nth-child(4) {
  animation-delay: 0.8s;
}

img[data-v-43d591b2]:nth-child(5) {
  animation-delay: 0.9s;
}

img[data-v-43d591b2]:nth-child(6) {
  animation-delay: 1s;
}

body[data-v-3913155a] {
  background: #E2C092;
}

.encabezado-producto[data-v-3913155a] {
  min-height: 50px !important;
  height: 50px;
  width: 100%;
  display: block;
  background: #E2C092;
  position: relative;
  border: none;
}

.product[familia=chocolate] .contenedor-logo img[data-v-3913155a] {
  width: 55%;
}

.intro[data-v-3913155a] {
  padding-bottom: 330px;
  background-image: linear-gradient(to top, #ffb700, #fc0);
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-top: 50px;
}

.intro .container-title[data-v-3913155a] {
  margin-top: 0;
}

.intro .abanico[data-v-3913155a] {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.contenedor-logos[data-v-3913155a] {
  margin-bottom: 20px;
}

.contenedor-logos-otros-productos[data-v-3913155a] {
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contenedor-logos-otros-productos .contenedor-logo[data-v-3913155a] {
  max-width: 20%;
}

.contenedor-logos-otros-productos .contenedor-logo img[data-v-3913155a] {
  max-width: 100%;
}

.logo-cont:nth-child(1) .color[data-v-3913155a] {
  position: absolute;
  left: 16%;
  top: 16%;
  transform: translate(-50%, -50%);
  max-width: 225px;
  max-height: 100%;
  opacity: 0;
  transition: 0.5s;
  width: 158px !important;
  margin-top: -24px;
  width: 200px !important;
  height: 171px !important;
}

.logo-cont:nth-child(2) .color[data-v-3913155a] {
  position: absolute;
  left: 22%;
  top: 13%;
  transform: translate(-50%, -50%);
  max-width: 225px;
  max-height: 100%;
  opacity: 0;
  transition: 0.5s;
  margin-top: -24px;
  width: 160px !important;
  height: 147px !important;
}

.logo-cont:nth-child(3) .color[data-v-3913155a] {
  position: absolute;
  left: 16%;
  top: 11%;
  transform: translate(-50%, -50%);
  max-width: 225px;
  max-height: 100%;
  opacity: 0;
  transition: 0.5s;
  margin-top: -24px;
  width: 193px !important;
  height: 171px !important;
}

.logo-cont[data-v-3913155a] {
  width: 25%;
  height: auto;
  padding: 10px;
  height: 150px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.logo-cont .blanco[data-v-3913155a] {
  max-width: 200px;
  max-height: 140px;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-3913155a;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont:hover .color[data-v-3913155a] {
  opacity: 1;
}

.logo-cont:nth-child(1) > *[data-v-3913155a] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-3913155a] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-3913155a] {
  animation-delay: 0.8s;
}

.logo-cont:nth-child(4) > *[data-v-3913155a] {
  animation-delay: 0.9s;
}

.logo-cont:nth-child(5) > *[data-v-3913155a] {
  animation-delay: 1s;
}

.logo-cont:nth-child(6) > *[data-v-3913155a] {
  animation-delay: 1.1s;
}

.logo-cont:nth-child(7) > *[data-v-3913155a] {
  animation-delay: 1.2s;
}

.logo-cont:nth-child(8) > *[data-v-3913155a] {
  animation-delay: 1.3s;
}

.logo-cont:nth-child(9) > *[data-v-3913155a] {
  animation-delay: 1.4s;
}

.logo-cont:nth-child(10) > *[data-v-3913155a] {
  animation-delay: 1.5s;
}

.logo-cont:nth-child(11) > *[data-v-3913155a] {
  animation-delay: 1.6s;
}

.logo-cont:nth-child(12) > *[data-v-3913155a] {
  animation-delay: 1.7s;
}

.logo-cont[data=otros][data-v-3913155a] {
  transform: rotate(-9deg);
}
@keyframes showLogos-data-v-3913155a {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px);
  }
}
.product-list[data-v-3913155a] {
  overflow: hidden;
}

@media screen and (max-width: 1364px) {
  .logo-cont:nth-child(2) .color[data-v-3913155a] {
    position: absolute;
    left: 20%;
  }
  .logo-cont:nth-child(3) .color[data-v-3913155a], .logo-cont:nth-child(1) .color[data-v-3913155a] {
    position: absolute;
    left: 13%;
  }
}
@media screen and (max-width: 1227px) {
  .logo-cont:nth-child(2) .color[data-v-3913155a] {
    position: absolute;
    left: 18%;
  }
  .logo-cont:nth-child(3) .color[data-v-3913155a], .logo-cont:nth-child(1) .color[data-v-3913155a] {
    position: absolute;
    left: 11%;
  }
}
.galletas-palmera[data-v-3913155a] {
  position: absolute;
  left: 0px;
}

.galletas-hojas[data-v-3913155a] {
  position: absolute;
  right: 100px;
  bottom: -100px;
  width: 300px;
  z-index: 3;
}

.galletas-pajaro[data-v-3913155a] {
  position: absolute;
  right: 200px;
  width: 252px;
  bottom: 150px;
  z-index: 3;
}

.galletas-desayuno-espelta[data-v-3913155a] {
  position: absolute;
  right: 0px;
  width: 252px;
  bottom: -196px;
  z-index: 3;
}

.intro[data-v-3913155a] {
  padding-bottom: 380px;
  background-image: linear-gradient(to bottom, #E2C092, #E2C092);
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-top: 100px;
}

.intro .container-title[data-v-3913155a] {
  margin-top: 0;
}

.intro .bodegon-galletas[data-v-3913155a] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: 69%;
}

.intro[data-v-3913155a]::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #E2C092;
  display: inline-block;
  height: 200px;
  z-index: 3;
}

.contenedor-logos[data-v-3913155a] {
  margin-bottom: 20px;
}

.logo-cont[data-v-3913155a] {
  width: 25%;
  height: auto;
  padding: 10px;
  height: 175px;
  overflow: hidden;
  cursor: pointer;
}

.logo-cont > *[data-v-3913155a] {
  max-width: 180px;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-3913155a;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont:nth-child(1) > *[data-v-3913155a] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-3913155a] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-3913155a] {
  animation-delay: 0.8s;
}

.logo-cont:nth-child(4) > *[data-v-3913155a] {
  animation-delay: 0.9s;
}

.logo-cont:nth-child(5) > *[data-v-3913155a] {
  animation-delay: 1s;
}

.logo-cont:nth-child(6) > *[data-v-3913155a] {
  animation-delay: 1.1s;
}

.logo-cont:nth-child(7) > *[data-v-3913155a] {
  animation-delay: 1.2s;
}

.logo-cont:nth-child(8) > *[data-v-3913155a] {
  animation-delay: 1.3s;
}

.logo-cont:nth-child(9) > *[data-v-3913155a] {
  animation-delay: 1.4s;
}

.logo-cont:nth-child(10) > *[data-v-3913155a] {
  animation-delay: 1.5s;
}

.logo-cont:nth-child(1) img[data-v-3913155a] {
  width: 157px !important;
  height: 171px !important;
}

.logo-cont:nth-child(2) img[data-v-3913155a] {
  max-width: 234px;
  height: 125px;
  margin-top: -30px;
}

.logo-cont:nth-child(3) img[data-v-3913155a] {
  max-width: 234px;
  height: 140px;
  margin-top: -15px;
}

.logo-cont[data=infantil][data-v-3913155a], .logo-cont[data=tradicionales][data-v-3913155a] {
  transform: rotate(-9deg);
}

@keyframes showLogos-data-v-3913155a {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px);
  }
}
.otros[data-v-3913155a] {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.otros span[data-v-3913155a] {
  font-family: "Oswald";
  font-size: 22px;
  line-height: 1em;
}

.product-list[data-v-3913155a] {
  overflow: hidden;
}

.product[data-v-3913155a] {
  height: 45vh;
  min-height: 460px;
  position: relative;
}

.product[familia=chocolate][data-v-3913155a] {
  background-image: linear-gradient(to top, #5A3321, #4D2817);
}

.product[familia=fabs][data-v-3913155a] {
  background: #FACBC1;
}

.product[familia=desayuno][data-v-3913155a] {
  background-image: linear-gradient(to bottom, #E2C092, #C2A173);
}

.product[familia=infantiles][data-v-3913155a] {
  background-image: linear-gradient(to bottom, #426a93, #273d79, #303c86);
}

.product[familia=tradicionales][data-v-3913155a] {
  background-image: linear-gradient(to bottom, #37744d, #1e4332);
}

.product h2[data-v-3913155a] {
  font-size: 64px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.contenedor-logo[data-v-3913155a] {
  position: relative;
}

.logo-marca.-color[data-v-3913155a] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}

.product:hover .logo-marca.-color[data-v-3913155a] {
  opacity: 1;
}

.galletas-chocolate[data-v-3913155a] {
  position: absolute;
  left: -70px;
  max-height: 550px;
  z-index: 3;
  top: 20px;
}

.jarra-mantel[data-v-3913155a] {
  position: absolute;
  right: -100px;
  max-height: 700px;
  top: 35px;
  animation-delay: 1s;
}

.galletas-desayuno[data-v-3913155a] {
  position: absolute;
  right: -100px;
  max-width: 350px;
  top: -250px;
}

.galletas-espelta[data-v-3913155a] {
  position: absolute;
  right: 70px;
  max-width: 350px;
  top: -150px;
}

.chorro-chocolate[data-v-3913155a] {
  left: 50px;
  top: -100px;
  max-height: 300px;
  position: absolute;
}

.galleta-negra[data-v-3913155a] {
  position: absolute;
  max-width: 350px;
  top: -160px;
  right: 100px;
}

.galletas-infantiles[data-v-3913155a] {
  position: absolute;
  max-height: 500px;
  top: 150px;
  left: -40px;
  z-index: 3;
}

.galletas-digestiva[data-v-3913155a] {
  top: -40px;
  right: 30px;
  max-width: 350px;
  position: absolute;
}

.chocolate-espiral[data-v-3913155a] {
  top: -70px;
  right: 520px;
  max-width: 250px;
  position: absolute;
}

.galletas-espelta-tradicionales[data-v-3913155a] {
  bottom: -180px;
  left: 200px;
  max-width: 350px;
  position: absolute;
}

@media screen and (max-width: 1400px) {
  .jarra-mantel[data-v-3913155a] {
    max-height: 500px;
  }
  .galletas-infantiles[data-v-3913155a] {
    max-height: 350px;
  }
  .galleta-negra[data-v-3913155a] {
    max-width: 300px;
    right: -20px;
  }
}
@media screen and (max-width: 1100px) {
  .galletas-infantiles[data-v-3913155a] {
    max-height: auto;
    max-width: 400px;
    top: -200px;
  }
  .galleta-negra[data-v-3913155a] {
    right: 30px;
    top: -200px;
  }
  .galletas-digestiva[data-v-3913155a] {
    top: -150px;
  }
  .chorro-chocolate[data-v-3913155a] {
    top: -300px;
    max-height: 250px;
  }
  .galletas-chocolate[data-v-3913155a] {
    max-height: 300px;
    top: -300px;
    left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .contenedor-logos[data-v-3913155a] {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 0;
    display: none;
  }
  .logo-cont[data-v-3913155a] {
    height: 120px;
  }
  .intro[data-v-3913155a] {
    padding-bottom: 400px;
  }
  .intro .abanico[data-v-3913155a] {
    transform: translate(-50%, 60px) perspective(100px) translateZ(-50px);
  }
  .galletas-chocolate[data-v-3913155a] {
    max-height: auto;
    max-width: 350px;
    left: -100px;
  }
  .jarra-mantel[data-v-3913155a] {
    max-width: 450px;
    max-height: auto;
  }
  .chorro-chocolate[data-v-3913155a] {
    top: -100px;
  }
  .galletas-desayuno[data-v-3913155a] {
    max-width: 250px;
  }
  .galletas-espelta[data-v-3913155a] {
    max-width: 250px;
    right: 50px;
  }
  .galletas-infantiles[data-v-3913155a] {
    max-height: auto;
    max-width: 300px;
    top: -200px;
    left: -100px;
  }
  .galleta-negra[data-v-3913155a] {
    right: 30px;
    top: -200px;
    max-width: 250px;
  }
  .galletas-digestiva[data-v-3913155a] {
    top: -150px;
    max-width: 250px;
  }
  .product h2[data-v-3913155a] {
    font-size: 36px;
  }
  .chocolate-espiral[data-v-3913155a] {
    right: 300px;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-logo img[data-v-3913155a] {
    max-width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .intro[data-v-3913155a] {
    padding-bottom: 290px;
  }
  .intro .abanico[data-v-3913155a] {
    transform: translate(-50%, 100px) perspective(100px) translateZ(-100px);
  }
  .contenedor-logo[data-v-3913155a] {
    max-width: 300px;
    z-index: 3;
  }
  .contenedor-logo img[data-v-3913155a] {
    max-width: 100%;
  }
  .contenedor-logo img.-color[data-v-3913155a] {
    display: none;
  }
  .jarra-mantel[data-v-3913155a], .galletas-palmera[data-v-3913155a], .galletas-hojas[data-v-3913155a], .galletas-pajaro[data-v-3913155a], .galletas-desayuno-espelta[data-v-3913155a] {
    display: none;
  }
  .chocolate-espiral[data-v-3913155a] {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .product[familia=chocolate] .contenedor-logo img[data-v-3913155a] {
    width: 85%;
  }
  .contenedor-logo img[data-v-3913155a] {
    max-width: 140px;
  }
  .intro[data-v-3913155a] {
    padding-bottom: 250px;
  }
  .intro[data-v-3913155a]::before {
    height: 100px;
  }
  .intro .abanico[data-v-3913155a] {
    transform: translate(-50%, 130px) perspective(100px) translateZ(-220px);
  }
  .galletas-chocolate[data-v-3913155a] {
    display: none;
  }
  .jarra-mantel[data-v-3913155a] {
    top: -100px;
    max-width: 400px;
    left: -100px;
    right: auto;
  }
  .galletas-infantiles[data-v-3913155a] {
    top: -580px;
    display: none;
  }
  .chorro-chocolate[data-v-3913155a] {
    top: 100px;
    left: -160px;
    max-width: 350px;
  }
  .galletas-desayuno[data-v-3913155a] {
    top: -150px;
    max-width: 200px;
  }
  .galletas-espelta[data-v-3913155a] {
    top: -70px;
    right: 0;
    max-width: 200px;
  }
  .galleta-negra[data-v-3913155a] {
    max-width: 200px;
    right: -20px;
    top: -100px;
  }
  .galletas-digestiva[data-v-3913155a] {
    right: auto;
    left: -60px;
    top: -100px;
    max-width: 180px;
  }
  .product h2[data-v-3913155a] {
    font-size: 36px;
  }
  .galletas-espelta-tradicionales[data-v-3913155a] {
    max-width: 200px;
    bottom: -100px;
  }
  .chorro-chocolate[data-v-3913155a] {
    max-width: 200px;
    left: 10px;
    top: -50px;
  }
}
@media screen and (max-width: 400px) {
  .intro[data-v-3913155a] {
    padding-bottom: 160px;
  }
  .intro[data-v-3913155a]::before {
    height: 100px;
  }
  .big-title[data-v-3913155a] {
    font-size: 60px;
  }
  .producto[data-v-3913155a] {
    min-height: 320px;
  }
  .contenedor-logo[data-v-3913155a] {
    max-width: 200px;
  }
  .galletas-infantiles[data-v-3913155a] {
    display: none;
  }
}
.menu-el .-galleta .router-link-active[data-v-fc316b20] {
  background-color: white;
}

.galleta-espelta[data-v-fc316b20] {
  position: absolute;
  bottom: 295px;
  left: 184px;
  margin-bottom: 100px;
}

.producto-info-container .contenedor-producto.espelta .contenedor-texto-claim.fuente p[data-v-9aae911a][data-v-fc316b20] {
  position: relative;
  top: -80px;
  width: 50%;
  left: -1000px;
  transform: rotate(324deg);
  margin: 0px 500px 200px -200px;
}

.producto-info-container .contenedor-producto[data-v-fc316b20] {
  width: 100%;
  margin: 0px 1000px 200px auto;
  position: relative;
  max-width: 1600px;
  z-index: 3;
}

.producto-info-container .contenedor-producto .second-line[data-v-fc316b20] {
  width: 107px;
  max-width: 107px;
  height: 128px;
  max-height: 128px;
  position: absolute;
  bottom: -166px;
  left: 34%;
  transform: rotate(301deg);
}

.contenedor-linea-gif[data-v-fc316b20] {
  height: 128px;
  margin-top: 146px;
  max-height: 143px;
  margin-left: 232px;
}

.menu-el[data-v-fc316b20] {
  width: auto;
  padding: 5px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  max-width: 140px;
  max-height: 80px;
}

.menu-el.-otros[data-v-fc316b20] {
  height: 73.64px;
  max-width: 170px;
}

.menu-el.-otros h2[data-v-fc316b20] {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.menu-el.-otros h2 span[data-v-fc316b20] {
  font-family: "Oswald";
  font-size: 14px;
  line-height: 1em;
}

.producto-info-container .contenedor-producto .contenedor-texto-claim p[data-v-fc316b20] {
  position: relative;
  top: 19px;
}

.wrapper-producto[data-v-fc316b20] {
  overflow: hidden;
}

.encabezado-producto[data-v-fc316b20] {
  background: url(https://risi.es/static/img/bg-maria.png) center/cover no-repeat;
}

.producto-info-container[data-v-fc316b20] {
  background-image: linear-gradient(to top, #C2A173, #E2C092);
}

.pareja-intenso[data-v-fc316b20] {
  position: absolute;
  right: -1112px;
  bottom: 250px;
  animation-delay: 2s;
  max-width: 509px;
  z-index: 3;
}

.cuchara-madera-blanca[data-v-fc316b20] {
  position: absolute;
  right: -160px;
  top: 550px;
  animation-delay: 0s;
  width: 100%;
  max-width: 550px;
  z-index: 3;
  transform: rotate(135deg);
}

@media screen and (max-width: 1730px) {
  .cuchara-madera-blanca[data-v-fc316b20] {
    position: absolute;
    right: -150px;
    top: 430px;
  }
  .pareja-intenso[data-v-fc316b20] {
    position: absolute;
    right: -765px;
    bottom: 250px;
    animation-delay: 2s;
    max-width: 509px;
    z-index: 3;
  }
}
@media screen and (max-width: 1550px) {
  .cuchara-madera-blanca[data-v-fc316b20] {
    max-width: 350px;
  }
}
@media screen and (max-width: 1440px) {
  .cuchara-madera-blanca[data-v-fc316b20] {
    position: absolute;
    right: -150px;
    top: 525px !important;
  }
  .pareja-intenso[data-v-9aae911a][data-v-fc316b20] {
    position: absolute;
    right: -590px;
    bottom: 250px;
    animation-delay: 2s;
    max-width: 509px;
    z-index: 3;
  }
}
@media screen and (max-width: 1250px) {
  .logo-chocolate-lovers[data-v-fc316b20] {
    position: absolute;
    left: -310px;
    bottom: -170px;
    max-width: 250px;
  }
}
@media screen and (max-width: 1150px) {
  .pareja-intenso[data-v-9aae911a][data-v-9aae911a][data-v-fc316b20] {
    position: absolute;
    right: -251px;
    bottom: 349px;
    animation-delay: 2s;
    max-width: 345px;
    z-index: 3;
  }
  .piruleta-naranja-chocolate[data-v-fc316b20] {
    max-width: 450px;
    bottom: -250px;
    left: 0;
    display: none;
  }
  .galleta-con-leche[data-v-fc316b20] {
    max-width: 300px;
  }
  .cuchara-madera-blanca[data-v-fc316b20] {
    max-width: 300px;
  }
  .claim-intro[data-v-fc316b20] {
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .contenedor-galletas[data-v-fc316b20] {
    transform: translate(-50%, -50%) scale(0.5);
  }
  .montana-galletas-choco[data-v-fc316b20] {
    max-width: 400px;
  }
  .logo-chocolate-lovers[data-v-fc316b20] {
    max-width: 150px;
    bottom: -130px;
    left: -200px;
    z-index: 1;
  }
}
@media screen and (max-width: 900px) {
  .contenedor-galletas[data-v-fc316b20] {
    display: none;
  }
  .galleta-con-leche[data-v-fc316b20] {
    display: none;
  }
  .cuchara-madera-blanca[data-v-fc316b20] {
    display: none;
  }
  .pareja-intenso[data-v-fc316b20], .galleta-espelta[data-v-fc316b20] {
    display: none;
  }
  .chocolate-blanco[data-v-fc316b20] {
    display: none;
    max-width: 400px;
  }
  .montana-galletas-choco[data-v-fc316b20] {
    display: none;
  }
  .pareja-intenso[data-v-fc316b20] {
    display: none;
  }
  .logo-chocolate-lovers[data-v-fc316b20] {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .producto-info-container .stickers-container .sticker[data-v-fc316b20] {
    max-width: 241px !important;
    max-height: 80px;
    padding: 0 10px;
  }
  .producto-info-container .contenedor-producto[data-v-fc316b20] {
    width: 100%;
    margin: 65px 500px 100px auto;
    position: relative;
    max-width: 1600px;
    z-index: 3;
  }
  .claim-intro[data-v-fc316b20] {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .claim-intro h2[data-v-fc316b20] {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .producto-info-container .stickers-container .sticker img[data-v-fc316b20] {
    width: 151px !important;
  }
  .producto-info-container .stickers-container .sticker img.sin-azucar[data-v-fc316b20] {
    width: 80px !important;
  }
}
.producto-info-container .stickers-container .sticker[data-v-fc316b20] {
  max-height: 80px;
  padding: 0 10px;
}

.tableta[data-v-5f41c779] {
  margin-top: -600px;
}

.contenedor-producto[data-v-5f41c779] {
  display: flex;
  flex-direction: row-reverse;
}

.chorro-chocolate[data-v-5f41c779] {
  width: 360px;
  position: absolute;
  left: 190px;
  top: 500px;
  transform: rotate(271deg);
}

.galleta-chocolate[data-v-5f41c779] {
  position: absolute;
  left: 71px;
  top: 299px;
}

.menu-el .-galleta .router-link-active[data-v-5f41c779] {
  background-color: white;
}

.menu-el[data-v-5f41c779] {
  width: auto;
  padding: 5px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  max-width: 140px;
  max-height: 80px;
}

.menu-el.-otros[data-v-5f41c779] {
  height: 73.64px;
  max-width: 170px;
}

.menu-el.-otros h2[data-v-5f41c779] {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.menu-el.-otros h2 span[data-v-5f41c779] {
  font-family: "Oswald";
  font-size: 14px;
  line-height: 1em;
}

.producto-info-container[data-v-5f41c779] {
  background-image: linear-gradient(to top, #8B6A2C, #C39746);
}

.producto-info-container .stickers-container[data-v-5f41c779] {
  padding-right: 310px;
}

.wrapper-producto[data-v-5f41c779] {
  overflow: hidden;
}

.encabezado-producto[data-v-5f41c779] {
  background: url(https://risi.es/static/img/bg-adultos.png) center/cover no-repeat;
}

@media screen and (max-width: 1270px) {
  .galletas-espelta[data-v-5f41c779] {
    position: absolute;
    left: 0px;
    top: -184px;
    max-width: 395px;
    animation-delay: 1s;
  }
}
@media screen and (max-width: 1220px) {
  .galletas-espelta[data-v-5f41c779] {
    position: absolute;
    left: 0px;
    top: -150px;
    max-width: 315px;
  }
}
@media screen and (max-width: 1200px) {
  .tableta[data-v-5f41c779] {
    display: none;
  }
}
@media screen and (max-width: 975px) {
  .galletas-espelta[data-v-5f41c779] {
    position: absolute;
    left: -22px;
    top: -57px;
    max-width: 273px;
  }
  .galleta-chocolate[data-v-747e88ae][data-v-5f41c779] {
    position: absolute;
    left: 61px;
    top: 436px;
    width: 296px;
  }
  .chorro-chocolate[data-v-747e88ae][data-v-5f41c779] {
    width: 232px;
    position: absolute;
    left: 190px;
    top: 556px;
    transform: rotate(271deg);
  }
}
@media screen and (max-width: 900px) {
  .producto-info-container .stickers-container[data-v-5f41c779] {
    padding-right: 0px;
  }
  .producto-info-container .stickers-container .sticker[data-v-5f41c779] {
    max-width: 257px;
  }
  .galletas-espelta[data-v-5f41c779], .galleta-chocolate[data-v-5f41c779], .chorro-chocolate[data-v-5f41c779], .gif[data-v-5f41c779], .tableta[data-v-5f41c779], .lazo[data-v-5f41c779] {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .producto-info-container .stickers-container .sticker[data-v-747e88ae][data-v-5f41c779] {
    max-width: 158px;
  }
}
.claim-intro h2[data-v-db70d924] {
  max-width: 968px !important;
}

.contenedor-texto-asset.lactosa[data-v-db70d924] {
  left: 0px;
}

.contenedor-texto-asset[data-v-db70d924] {
  position: absolute;
  left: 97px;
  top: 309px;
}

.mt-50[data-v-db70d924] {
  margin-top: 50px;
}

.galleta[data-v-db70d924] {
  position: relative;
  top: 135px;
  left: 300px;
  z-index: 7;
}

.contenedor-producto[data-v-db70d924] {
  position: relative;
  top: -200px;
}

.contenedor-producto.doraemon[data-v-db70d924] {
  position: relative;
  top: -300px !important;
}

.mochila[data-v-db70d924] {
  position: relative;
  left: 572px;
  top: 43px;
  z-index: 7;
}

.wrapper-producto[data-v-db70d924] {
  overflow: hidden;
}

.mapa[data-v-db70d924] {
  margin-right: 100px;
}

.encabezado-producto[data-v-db70d924] {
  background: url(https://risi.es/static/img/productos/intro-plus.png) center/cover no-repeat;
}

.contenedor-texto-asset p[data-v-db70d924] {
  transform: rotate(339deg);
}

.contenedor-texto-asset .espiral[data-v-db70d924] {
  transform: rotate(351deg);
}

.producto-info-container .contenedor-producto.doraemon[data-v-db70d924] {
  width: 100%;
  margin: 0px auto 0px auto;
  position: relative;
  max-width: 1600px;
  top: -125;
  left: 0px;
}

div[familia=plus] img[data-v-db70d924] {
  width: 70%;
}

.producto-info-container[data-v-db70d924] {
  background-image: linear-gradient(to top, #007536, #00C27C);
}

.producto-info-container .contenedor-texto-claim[data-v-db70d924] {
  top: 300px;
}

.galletas-hello[data-v-db70d924] {
  position: relative;
  top: -280px;
  left: 669px;
  z-index: 3;
}

.galletas-kitty-doraemon[data-v-db70d924] {
  position: absolute;
  left: 20px;
  top: -190px;
  max-width: 350px;
  animation-delay: 1s;
}

.lazo[data-v-db70d924] {
  position: absolute;
  right: -100px;
  top: -100px;
  z-index: 3;
  animation-delay: 1s;
}

.doraemon[data-v-db70d924] {
  position: absolute;
  left: -660px;
  top: -100px;
  animation-delay: 1.5s;
}

.gluten-free[data-v-db70d924] {
  animation-delay: 1.5s;
}

.slick-arrow[data-v-db70d924] {
  top: -40px;
  right: 200px;
}

.slick-arrow.slick-prev[data-v-db70d924] {
  right: 240px;
}

img[how=bsan-plus-infantil][data-v-db70d924] {
  width: 70% !important;
}

img[how=bsan-plus-chocolate-infantil][data-v-db70d924] {
  width: 70% !important;
}

.servilleta-galletas[data-v-db70d924] {
  max-width: 500px;
  left: 0;
  position: absolute;
  left: 0;
  top: 900px;
}

.nube[data-v-db70d924] {
  max-width: 200px;
  position: absolute;
  left: -100px;
  top: -150px;
  animation-delay: 2s;
}

.luna[data-v-db70d924] {
  max-width: 200PX;
  left: -300px;
  top: -50px;
  position: absolute;
  animation-delay: 2.5s;
}

.contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-db70d924] {
  margin-top: 115px;
}

.contenedor-texto-asset[data-v-db70d924] {
  position: absolute;
  left: -146px;
  top: 0;
  transform: translate(calc(-100% - 10px), 50%);
}

.decoracion-cielo[data-v-db70d924] {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 461px;
  left: 147px;
}

.guitarra[data-v-db70d924] {
  width: 100%;
  height: 100%;
  position: relative;
  left: 422px;
  top: 143px;
}

.bota[data-v-db70d924] {
  position: absolute;
  right: 200px;
  top: 50px;
}

.galleta1[data-v-db70d924] {
  position: relative;
  left: 700px;
  top: -161px;
}

.producto-info-container .contenedor-producto.hello[data-v-db70d924] {
  width: 100%;
  margin: 0px auto 200px -200px;
  position: relative;
  max-width: 1600px;
}

.menu-el .-galleta .router-link-active[data-v-db70d924] {
  background-color: white;
}

.contenedor-producto[how=bsan-singluten-infantil][data-v-db70d924] {
  display: flex;
  flex-direction: row-reverse;
}

.menu-el[data-v-db70d924] {
  width: auto;
  padding: 5px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  max-width: 140px;
  max-height: 80px;
}

.menu-el.-otros[data-v-db70d924] {
  height: 73.64px;
  max-width: 170px;
}

.menu-el.-otros h2[data-v-db70d924] {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.menu-el.-otros h2 span[data-v-db70d924] {
  font-family: "Oswald";
  font-size: 14px;
  line-height: 1em;
}

.galletas-espelta[data-v-db70d924] {
  position: absolute;
  left: 0px;
  top: -232px;
  max-width: 550px;
  animation-delay: 1s;
}

.producto-info-container[data-v-db70d924] {
  background-color: #426A93;
}

.gif[data-v-db70d924] {
  position: relative;
  left: 65px;
  bottom: 700px;
}

.wrapper-producto[data-v-db70d924] {
  overflow: hidden;
}

@media screen and (max-width: 1366px) {
  .contenedor-texto-asset[data-v-db70d924] {
    position: absolute;
    left: 0px;
  }
}
@media screen and (max-width: 1213px) {
  .contenedor-texto-asset[data-v-db70d924] {
    position: absolute;
    left: 264px;
    top: 309px;
  }
  .galletas-hello[data-v-db70d924] {
    position: relative;
    top: -282px;
    left: 393px;
    z-index: 3;
  }
  .galletas-kitty-doraemon[data-v-db70d924] {
    position: absolute;
    left: 20px;
    top: -74px;
    max-width: 350px;
    animation-delay: 1s;
  }
}
@media screen and (max-width: 1170px) {
  .mapa[data-v-db70d924] {
    margin-right: 100px;
    position: relative;
    left: -600px;
    top: 660px;
  }
  .contenedor-texto-asset[data-v-db70d924] {
    position: absolute;
    left: 264px;
    top: 234px;
  }
  .contenedor-producto.doraemon[data-v-db70d924] {
    position: relative;
    top: -490px !important;
  }
}
@media screen and (max-width: 900px) {
  .claim-intro[data-v-db70d924] {
    padding-bottom: 50px;
  }
  .slick-arrow[data-v-db70d924] {
    right: 50px;
  }
  .slick-arrow.slick-prev[data-v-db70d924] {
    right: 90px;
  }
  .producto-info-container .stickers-container[data-v-db70d924] {
    padding-right: 0px;
  }
  .producto-info-container .stickers-container .sticker[data-v-db70d924] {
    max-width: 408px;
  }
  .contenedor-texto-asset[data-v-db70d924], .mochila[data-v-db70d924], .barca[data-v-db70d924], .galleta[data-v-db70d924], .mapa[data-v-db70d924], .galletas-kitty-doraemon[data-v-db70d924] {
    display: none;
  }
  .contenedor-producto[data-v-db70d924] {
    position: relative;
    top: 50px;
  }
  .contenedor-producto.doraemon[data-v-db70d924] {
    position: relative;
    top: -200px !important;
  }
  .producto-info-container .contenedor-producto.doraemon[data-v-db70d924] {
    margin: 314px auto 0px auto;
    position: relative;
    position: relative;
    left: 32px;
  }
  .producto-info-container .contenedor-producto[data-v-db70d924] {
    position: relative;
    position: relative;
    left: 32px;
  }
}
@media screen and (max-width: 810px) {
  .producto-info-container .contenedor-producto[data-v-db70d924] {
    position: relative;
    position: relative;
    left: 14px;
  }
  .producto-info-container .contenedor-producto.doraemon[data-v-db70d924] {
    margin: 314px auto 0px auto;
    position: relative;
    position: relative;
    left: 14px;
  }
}
@media screen and (max-width: 767px) {
  .producto-info-container .stickers-container .sticker img[data-v-db70d924] {
    width: 100%;
    width: 150px;
  }
  .producto-info-container[data-v-db70d924] {
    padding-top: 50px;
  }
  .contenedor-producto.doraemon + .container[data-v-db70d924] {
    margin-top: -150px;
  }
  .producto[data-v-db70d924] {
    height: 300px;
  }
}
@media screen and (max-width: 730px) {
  .sticker img[data-v-db70d924] {
    width: 150px;
  }
}
@media screen and (max-width: 500px) {
  .producto-info-container .contenedor-producto[data-v-db70d924] {
    position: relative;
    position: relative;
    left: 0px;
  }
  .producto-info-container .contenedor-producto.doraemon[data-v-db70d924] {
    margin: 314px auto 0px auto;
    position: relative;
    position: relative;
    left: 0px;
  }
}
@media screen and (max-width: 415px) {
  .producto[how=bsan-plus-infantil][data-v-db70d924] {
    height: 323px;
  }
}
.contenedor-texto-claim.tanzania .flecha[data-v-443e0627] {
  position: relative;
  top: -373px;
  left: -377px;
  transform: rotate(289deg);
}

.imagenes-encabezado[data-v-443e0627] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: center;
  justify-content: center;
  margin-right: 100px;
  padding-top: 100px;
}

.contenedor-producto.tanzania .producto-cont .producto[data-v-443e0627] {
  margin-top: 130px;
}

.tigre[data-v-443e0627] {
  position: relative;
  left: -1244px;
  bottom: 820px;
}

.galleta-tanzania[data-v-443e0627] {
  position: relative;
  left: -150px;
  bottom: 613px;
  z-index: 0;
}

.contenedor-texto-claim.mexico[data-v-443e0627] {
  right: 1175px;
  top: 312px;
  display: flex;
  flex-direction: column-reverse;
}

.plumas[data-v-443e0627] {
  margin-bottom: -159px;
}

.galleta-mexico[data-v-443e0627] {
  z-index: 5;
}

.producto-info-container .contenedor-producto.mexico[data-v-443e0627] {
  width: 100%;
  margin: 322px auto 200px auto;
  position: relative;
  max-width: 1600px;
  right: -300px;
}

.trinitario[data-v-443e0627] {
  position: relative;
  top: -400px;
  left: -150px;
}

.galleta[data-v-443e0627] {
  position: relative;
  top: -450px;
  left: 130px;
}

.producto-info-container .contenedor-producto.vietnam[data-v-443e0627] {
  width: 100%;
  margin: 0px auto 200px auto;
  position: relative;
  max-width: 1600px;
  left: -416px;
}

.wrapper-producto[data-v-443e0627] {
  overflow: hidden;
}

.encabezado[data-v-443e0627] {
  min-height: 80vh;
  width: 100%;
  display: block;
  position: relative;
}

.encabezado .volver[data-v-443e0627] {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}

.encabezado[lang=es][data-v-443e0627] {
  background: url(https://risi.es/static/img/galletas-fabs.jpg) center/cover no-repeat;
}

.encabezado[lang=en][data-v-443e0627] {
  background: url(https://risi.es/static/img/galletas-fabs-en.jpg) center/cover no-repeat;
}

.encabezado[lang=fr][data-v-443e0627] {
  background: url(https://risi.es/static/img/galletas-fabs-fr.jpg) center/cover no-repeat;
}

.encabezado-producto[lang=es][data-v-443e0627] {
  background: url(https://risi.es/static/img/productos/banner-bg-fabs.png) center/cover no-repeat;
}

.encabezado-producto[lang=en][data-v-443e0627] {
  background: url(https://risi.es/static/img/productos/banner-bg-fabs-en.png) center/cover no-repeat;
}

.encabezado-producto[lang=fr][data-v-443e0627] {
  background: url(https://risi.es/static/img/productos/banner-bg-fabs-fr.png) center/cover no-repeat;
}

.producto-info-container[data-v-443e0627] {
  background-image: linear-gradient(to top, #FACBC1);
}

.producto-info-container .contenedor-texto-claim[data-v-443e0627] {
  top: 300px;
}

.slick-arrow[data-v-443e0627] {
  top: -40px;
  right: 200px;
}

.slick-arrow.slick-prev[data-v-443e0627] {
  right: 240px;
}

.yummy[data-v-443e0627] {
  color: #B3722B !important;
}

.contenedor-texto-asset[data-v-443e0627] {
  position: absolute;
  left: -127px;
  top: 124px;
}

.contenedor-texto-asset p[data-v-443e0627] {
  color: white;
  font-size: 48px;
  max-width: 665px;
}

.content-know[data-v-443e0627] {
  display: flex;
  width: 100%;
}

.content-know .video[data-v-443e0627] {
  position: relative;
  display: block;
  width: 50%;
}

.content-know .video iframe[data-v-443e0627] {
  position: relative;
  z-index: 1;
}

.content-know .video img[data-v-443e0627] {
  position: absolute;
  bottom: -110px;
  right: -185px;
}

.content-know .text[data-v-443e0627] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3B1108;
  width: 50%;
  padding-left: 140px;
}

.content-know .text h3[data-v-443e0627] {
  font-weight: 600;
  font-size: 45px;
}

.content-know .text p[data-v-443e0627] {
  font-size: 18px;
}

.images-catas[data-v-443e0627] {
  display: flex;
  margin: 160px 0;
  width: 100%;
  justify-content: space-between;
}

.images-catas a[data-v-443e0627] {
  width: 32%;
}

.images-catas a img[data-v-443e0627] {
  width: 100%;
}

.rrss-cont .contenedor-linea-gif[data-v-443e0627] {
  max-width: 75px;
  max-height: 75px;
  top: -40px;
}

.rrss-cont .contenedor-rrss-follow[data-v-443e0627] {
  margin-top: 100px;
}

@media screen and (max-width: 1625px) {
  .producto-info-container .contenedor-producto.vietnam[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
    left: -280px;
  }
}
@media screen and (max-width: 1565px) {
  .producto-info-container .contenedor-producto.mexico[data-v-443e0627] {
    width: 100%;
    margin: 322px auto 200px auto;
    position: relative;
    max-width: 1600px;
    right: -202px;
  }
  .contenedor-texto-claim.mexico[data-v-443e0627] {
    right: 1011px;
  }
}
@media screen and (max-width: 1300px) {
  .galleta[data-v-443e0627] {
    position: relative;
    top: -382px;
    left: -25px;
  }
  .producto-info-container .contenedor-producto.vietnam[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
    left: -169px;
  }
  .contenedor-texto-claim.mexico[data-v-443e0627] {
    right: 887px;
  }
  .producto-info-container .contenedor-producto.mexico[data-v-443e0627] {
    width: 100%;
    margin: 322px auto 200px auto;
    position: relative;
    max-width: 1600px;
    right: -164px;
  }
  .tigre[data-v-443e0627] {
    position: relative;
    left: -1127px;
    bottom: 838px;
    z-index: 2;
  }
}
@media screen and (max-width: 1240px) {
  .contenedor-texto-claim.mexico[data-v-443e0627] {
    display: none;
  }
  .producto-info-container .contenedor-producto.mexico[data-v-443e0627] {
    width: 100%;
    margin: 322px auto 200px auto;
    position: relative;
    max-width: 1600px;
    right: -47px;
  }
  .tigre[data-v-443e0627] {
    position: relative;
    left: -1199px;
    bottom: 838px;
    z-index: 2;
  }
}
@media screen and (max-width: 1100px) {
  .content-know[data-v-443e0627] {
    display: block;
  }
  .content-know .video[data-v-443e0627] {
    width: 100% !important;
  }
  .content-know .text[data-v-443e0627] {
    margin-top: 50px;
    width: 100% !important;
    padding-left: 0;
  }
  .tigre[data-v-443e0627] {
    position: relative;
    left: -1085px;
    bottom: 838px;
    z-index: 2;
  }
  .imagenes-encabezado[data-v-443e0627] {
    margin-right: 10px;
    padding-top: 44px;
  }
}
@media screen and (max-width: 950px) {
  .imagenes-encabezado[data-v-443e0627] {
    margin-right: 10px;
    padding-top: 17px;
  }
  .producto-info-container .contenedor-producto.vietnam[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
    left: 40px;
  }
  .producto-info-container .contenedor-producto[data-v-443e0627] {
    margin-bottom: 150px;
    left: 49px;
  }
  .producto-info-container .contenedor-producto.mexico[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
    right: -47px;
  }
  .contenedor-producto.tanzania .producto-cont .producto[data-v-443e0627] {
    margin-top: 0px;
  }
  .claim-intro[data-v-443e0627] {
    padding-bottom: 50px;
  }
  .slick-arrow[data-v-443e0627] {
    right: 50px;
  }
  .slick-arrow.slick-prev[data-v-443e0627] {
    right: 90px;
  }
  .hojas[data-v-443e0627], .trinitario[data-v-443e0627], .galleta[data-v-443e0627], .contenedor-texto-asset[data-v-443e0627], .galleta-mexico[data-v-443e0627], .plumas[data-v-443e0627], .galleta-tanzania[data-v-443e0627], .tigre[data-v-443e0627], .flechas[data-v-443e0627], .flecha[data-v-443e0627] {
    display: none;
  }
  .images-catas[data-v-443e0627] {
    flex-wrap: wrap;
    margin: 50px 0 !important;
  }
  .images-catas a[data-v-443e0627] {
    margin-bottom: 20px;
    width: 100% !important;
  }
}
@media screen and (max-width: 850px) {
  .producto-info-container .contenedor-producto[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
    left: 15px;
  }
  .producto-info-container .contenedor-producto.vietnam[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 200px auto;
    position: relative;
    max-width: 1600px;
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .producto-info-container .contenedor-producto[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 100px auto;
    position: relative;
    max-width: 1600px;
    left: 0px;
  }
  .producto-info-container .contenedor-producto.mexico[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 100px auto;
    position: relative;
    max-width: 1600px;
    right: -47px;
  }
  .producto-info-container .contenedor-producto.vietnam[data-v-443e0627] {
    width: 100%;
    margin: 0px auto 100px auto;
    position: relative;
    max-width: 1600px;
    left: 0px;
  }
  .imagenes-encabezado[data-v-443e0627] {
    display: none;
  }
  .producto .contenedor-texto .valores[data-v-443e0627] {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 55px !important;
    padding-top: 10px;
  }
  .encabezado-producto[data-v-443e0627] {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .encabezado[data-v-443e0627] {
    margin-top: 40px;
    height: 250px;
    min-height: 0;
  }
  .volver[data-v-443e0627] {
    padding: 0 10px;
    height: 35px;
  }
  .content-know .video iframe[data-v-443e0627] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    min-height: 180px;
  }
}
.producto-info-container .stickers-container .sticker:nth-child(1) img[data-v-7edba8b6] {
  width: 89%;
}

.producto-info-container .stickers-container .sticker:nth-child(2) img[data-v-7edba8b6] {
  width: 250px;
}

.producto-info-container .stickers-container .sticker:nth-child(3) img[data-v-7edba8b6] {
  width: 250px;
}

.producto-info-container .contenedor-producto[data-v-7edba8b6] {
  z-index: 4 !important;
}

.menu-el[data-v-7edba8b6] {
  width: auto;
  padding: 5px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  max-width: 140px;
  max-height: 80px;
}

.menu-el.-otros[data-v-7edba8b6] {
  height: 73.64px;
  max-width: 170px;
}

.menu-el.-otros h2[data-v-7edba8b6] {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.menu-el.-otros h2 span[data-v-7edba8b6] {
  font-family: "Oswald";
  font-size: 14px;
  line-height: 1em;
}

.pareja-intenso-naranja[data-v-7edba8b6] {
  position: absolute;
  right: -290px;
  bottom: -34px;
  animation-delay: 2s;
  max-width: 400px;
}

.decoracion-chocolate-blanco[data-v-7edba8b6] {
  left: -284px;
  position: absolute;
  top: -222px;
}

.wrapper-producto[data-v-7edba8b6] {
  overflow: hidden;
}

.encabezado-producto[data-v-7edba8b6] {
  background: url(https://risi.es/static/img/productos/intro-chocolate.jpg) center/cover no-repeat;
}

.producto-info-container[data-v-7edba8b6] {
  background-image: linear-gradient(to top, #a55154, #5e2d2f);
}

.contenedor-galletas[data-v-7edba8b6] {
  width: 590px;
  height: 336px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.contenedor-galletas img[data-v-7edba8b6] {
  margin-left: -200px;
}

.contenedor-galletas .intro-sinazucar[data-v-7edba8b6] {
  width: auto;
  height: auto;
  margin-left: -125px;
  max-width: 250px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  margin-top: -55px;
  animation-delay: 3s;
}

.contenedor-galletas .intro-galleta-blanca[data-v-7edba8b6] {
  margin-left: 0;
  animation-delay: 1s;
}

.contenedor-galletas .intro-galleta-con-leche[data-v-7edba8b6] {
  animation-delay: 1.4s;
}

.contenedor-galletas .intro-galleta-negra[data-v-7edba8b6] {
  animation-delay: 2s;
}

.montana-galletas-choco[data-v-7edba8b6] {
  position: absolute;
  left: -100px;
  top: -100px;
}

.pareja-intenso[data-v-7edba8b6] {
  position: absolute;
  right: -470px;
  bottom: -280px;
  animation-delay: 2s;
  max-width: 400px;
  z-index: 3;
}

.logo-chocolate-lovers[data-v-7edba8b6] {
  position: absolute;
  left: -575px;
  bottom: 240px;
  max-width: 311px;
}

.piruleta-naranja-chocolate[data-v-7edba8b6] {
  position: absolute;
  right: -350px;
  bottom: 0px;
  animation-delay: 1.5s;
}

.galleta-con-leche[data-v-7edba8b6] {
  position: absolute;
  left: -215px;
  top: 67%;
  margin-top: -170px;
  animation-delay: 2s;
  max-width: 350px;
}

.chocolate-blanco[data-v-7edba8b6] {
  position: absolute;
  left: -80px;
  top: 1380px;
  animation-delay: 0.5s;
  width: 100%;
  max-width: 500px;
}

.cuchara-madera-blanca[data-v-7edba8b6] {
  position: absolute;
  right: -80px;
  top: 1490px;
  animation-delay: 0s;
  width: 100%;
  max-width: 460px;
  z-index: 3;
}

@media screen and (max-width: 1550px) {
  .cuchara-madera-blanca[data-v-7edba8b6] {
    max-width: 350px;
  }
}
@media screen and (max-width: 1250px) {
  .logo-chocolate-lovers[data-v-7edba8b6] {
    position: absolute;
    left: -310px;
    bottom: -170px;
    max-width: 250px;
  }
}
@media screen and (max-width: 1150px) {
  .piruleta-naranja-chocolate[data-v-7edba8b6] {
    max-width: 450px;
    bottom: -250px;
    left: 0;
    display: none;
  }
  .galleta-con-leche[data-v-7edba8b6] {
    max-width: 300px;
  }
  .cuchara-madera-blanca[data-v-7edba8b6] {
    max-width: 300px;
  }
  .claim-intro[data-v-7edba8b6] {
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .contenedor-galletas[data-v-7edba8b6] {
    transform: translate(-50%, -50%) scale(0.5);
  }
  .montana-galletas-choco[data-v-7edba8b6] {
    max-width: 400px;
  }
  .logo-chocolate-lovers[data-v-7edba8b6] {
    max-width: 150px;
    bottom: -130px;
    left: -200px;
    z-index: 1;
  }
}
@media screen and (max-width: 800px) {
  .claim-intro[data-v-7edba8b6] {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contenedor-galletas[data-v-7edba8b6] {
    display: none;
  }
  .galleta-con-leche[data-v-7edba8b6] {
    display: none;
  }
  .cuchara-madera-blanca[data-v-7edba8b6] {
    display: none;
  }
  .pareja-intenso[data-v-7edba8b6] {
    display: none;
  }
  .chocolate-blanco[data-v-7edba8b6], .decoracion-chocolate-blanco[data-v-7edba8b6], .pareja-intenso-naranja[data-v-7edba8b6] {
    display: none;
    max-width: 400px;
  }
  .montana-galletas-choco[data-v-7edba8b6] {
    display: none;
  }
  .pareja-intenso[data-v-7edba8b6] {
    display: none;
  }
  .logo-chocolate-lovers[data-v-7edba8b6] {
    display: none;
  }
  .claim-intro h2[data-v-7edba8b6] {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .producto-info-container .stickers-container .sticker:nth-child(1) img[data-v-7edba8b6] {
    width: 89%;
  }
  .producto-info-container .stickers-container .sticker:nth-child(2) img[data-v-7edba8b6] {
    width: 204px;
  }
  .producto-info-container .stickers-container .sticker:nth-child(3) img[data-v-7edba8b6] {
    width: 189px;
  }
  .contenedor-producto + .container[data-v-7edba8b6] {
    margin-top: 50px;
    padding-bottom: 50px;
  }
}
.contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
  margin-top: 115px;
}

.contenedor-texto-asset[data-v-334235fa] {
  position: absolute;
  left: -146px;
  top: 0;
  transform: translate(calc(-100% - 10px), 50%);
}

.decoracion-cielo[data-v-334235fa] {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 461px;
  left: 147px;
}

.guitarra[data-v-334235fa] {
  width: 100%;
  height: 100%;
  position: relative;
  left: 422px;
  top: 143px;
}

.bota[data-v-334235fa] {
  position: absolute;
  right: 200px;
  top: 50px;
}

.galleta1[data-v-334235fa] {
  position: relative;
  left: 700px;
  top: -161px;
}

.producto-info-container .contenedor-producto.hello[data-v-334235fa] {
  width: 100%;
  margin: 0px auto 200px -200px;
  position: relative;
  max-width: 1600px;
}

.menu-el .-galleta .router-link-active[data-v-334235fa] {
  background-color: white;
}

.contenedor-producto[how=bsan-singluten-infantil][data-v-334235fa] {
  display: flex;
  flex-direction: row-reverse;
}

.menu-el[data-v-334235fa] {
  width: auto;
  padding: 5px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
  max-width: 140px;
  max-height: 80px;
}

.menu-el.-otros[data-v-334235fa] {
  height: 73.64px;
  max-width: 170px;
}

.menu-el.-otros h2[data-v-334235fa] {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.menu-el.-otros h2 span[data-v-334235fa] {
  font-family: "Oswald";
  font-size: 14px;
  line-height: 1em;
}

.galletas-espelta[data-v-334235fa] {
  position: absolute;
  left: 0px;
  top: -232px;
  max-width: 550px;
  animation-delay: 1s;
}

.producto-info-container[data-v-334235fa] {
  background-color: #426A93;
}

.gif[data-v-334235fa] {
  position: relative;
  left: 65px;
  bottom: 700px;
}

.contenedor-texto-asset.lactosa[data-v-334235fa] {
  display: flex;
  position: relative;
  left: 820px;
  top: 181px;
  transform: translate(calc(-36% - 10px), 55%);
  align-items: flex-end;
}

.lactosa .espiral[data-v-334235fa] {
  transform: rotate(271deg);
}

.lactosa .yummy[data-v-334235fa] {
  transform: rotate(346deg);
  padding-left: 25px;
  margin-bottom: 15px;
}

.wrapper-producto[data-v-334235fa] {
  overflow: hidden;
}

.encabezado-producto[data-v-334235fa] {
  background: url(https://risi.es/static/img/bg-infantiles.png) center/cover no-repeat;
}

@media screen and (max-width: 1810px) {
  .servilleta[data-v-334235fa] {
    position: absolute;
    left: -747px;
  }
}
@media screen and (max-width: 1685px) {
  .bota[data-v-334235fa] {
    position: absolute;
    top: 100px;
    right: 20px;
    z-index: 7;
  }
}
@media screen and (max-width: 1450px) {
  .servilleta[data-v-334235fa] {
    position: absolute;
    left: -547px;
  }
}
@media screen and (max-width: 1270px) {
  .galletas-espelta[data-v-334235fa] {
    position: absolute;
    left: 0px;
    top: -184px;
    max-width: 395px;
    animation-delay: 1s;
  }
  .galleta1[data-v-334235fa] {
    position: relative;
    left: 504px;
  }
  .guitarra[data-v-334235fa] {
    position: relative;
    left: 163px;
    top: 50px;
  }
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    width: 100%;
    margin: 0px auto 200px 0px;
    position: relative;
    max-width: 1600px;
  }
  .decoracion-cielo[data-v-334235fa] {
    position: absolute;
    top: 432px;
    left: 55px;
  }
}
@media screen and (max-width: 1220px) {
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    width: 100%;
    margin: -109px auto 200px -68px;
    position: relative;
    max-width: 1600px;
  }
  .lazo[data-v-334235fa] {
    position: relative;
    top: 78px;
    left: 22px;
    z-index: 6;
  }
  .decoracion-cielo[data-v-334235fa] {
    position: absolute;
    top: 602px;
    left: 55px;
  }
  .servilleta[data-v-334235fa] {
    position: absolute;
    left: -371px;
    top: 155px;
  }
  .galletas-espelta[data-v-334235fa] {
    position: absolute;
    left: 0px;
    top: -150px;
    max-width: 315px;
  }
  .bota[data-v-334235fa] {
    display: none;
  }
  .producto-info-container[data-v-334235fa] {
    padding: 300px 0px 100px 0;
    position: relative;
  }
  .contenedor-texto-asset[data-v-334235fa] {
    position: absolute;
    left: 50px;
    top: 142px;
  }
  .contenedor-texto-asset.lactosa[data-v-334235fa] {
    position: relative;
    left: 0px;
    top: -100px;
  }
  .guitarra[data-v-334235fa] {
    position: relative;
    left: 163px;
    top: -100px;
  }
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
    margin-top: 0px;
  }
}
@media screen and (max-width: 1190px) {
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    margin-top: 0px;
  }
  .bota[data-v-334235fa] {
    position: absolute;
    top: 129px;
    right: 20px;
    z-index: 2;
  }
  .galleta1[data-v-334235fa] {
    position: relative;
    left: 504px;
    top: -268px;
  }
  .guitarra[data-v-334235fa] {
    position: relative;
    left: 163px;
    top: -196px;
  }
  .producto-info-container .contenedor-producto[data-v-334235fa] {
    margin-top: -170px;
  }
}
@media screen and (max-width: 975px) {
  .contenedor-texto-asset[data-v-334235fa] {
    display: none !important;
  }
  .producto-info-container[data-v-334235fa] {
    padding: 150px 0px 100px 0;
    position: relative;
  }
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    width: 100%;
    margin: -109px auto 200px 37px;
    margin-top: 110px;
  }
  .producto-info-container .contenedor-producto[data-v-334235fa] {
    width: 100%;
    margin: -210px auto 200px 37px;
    margin-top: -300px;
  }
  .decoracion-cielo[data-v-334235fa] {
    position: absolute;
    top: 602px;
    left: 55px;
  }
  .nube[data-v-334235fa] {
    position: relative;
    top: -9px;
    width: 80px;
    height: 80px;
  }
  .galletas-espelta[data-v-334235fa] {
    position: absolute;
    left: -22px;
    top: -57px;
    max-width: 273px;
  }
  .guitarra[data-v-334235fa], .galleta1[data-v-334235fa], .bota[data-v-334235fa], .lazo[data-v-334235fa], .gif[data-v-334235fa] {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    margin-top: 180px;
  }
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
    margin-top: 0px;
  }
}
@media screen and (max-width: 800px) {
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    width: 100%;
    margin: 120px auto 50px auto;
  }
  .producto-info-container .contenedor-producto[data-v-334235fa] {
    width: 100%;
    margin: 0px auto 50px auto;
  }
  .nube[data-v-334235fa] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
    margin-top: 250px;
  }
}
@media screen and (max-width: 550px) {
  .producto-info-container[data-v-334235fa] {
    padding: 10px 0px 100px 0;
    position: relative;
  }
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
    margin-top: -60px;
  }
}
@media screen and (max-width: 400px) {
  .producto-info-container .contenedor-producto.hello[data-v-334235fa] {
    width: 100%;
  }
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
    margin-top: 235px;
  }
}
@media screen and (max-width: 300px) {
  .contenedor-producto[how=bsan-singluten-chocolate-infantil] .producto-cont[data-v-334235fa] {
    margin-top: -120px;
  }
}
.wrapper-producto[data-v-a16bfd46] {
  overflow: hidden;
}

.encabezado-producto[data-v-a16bfd46] {
  background: url(https://risi.es/static/img/productos/intro-infantiles.jpg) center/cover no-repeat;
}

.menu-el .-galleta .router-link-active[data-v-a16bfd46] {
  background-color: white;
}

.producto-info-container[data-v-a16bfd46] {
  background-image: linear-gradient(to bottom, #426a93, #273d79, #303c86);
}

.producto-info-container .contenedor-texto-claim[data-v-a16bfd46] {
  top: 300px;
}

.galletas-kitty-doraemon[data-v-a16bfd46] {
  position: absolute;
  left: 20px;
  top: -170px;
  max-width: 350px;
  animation-delay: 1s;
}

.contenedor-imagen img[how=bsan-singluten-infantil][data-v-a16bfd46] {
  margin-top: 80px !important;
}

.lazo[data-v-a16bfd46] {
  position: absolute;
  right: -100px;
  top: -100px;
  z-index: 3;
  animation-delay: 1s;
}

.doraemon[data-v-a16bfd46] {
  position: absolute;
  left: -660px;
  top: -100px;
  animation-delay: 1.5s;
}

.gluten-free[data-v-a16bfd46] {
  animation-delay: 1.5s;
}

.slick-arrow[data-v-a16bfd46] {
  top: -40px;
  right: 200px;
}

.slick-arrow.slick-prev[data-v-a16bfd46] {
  right: 240px;
}

.servilleta-galletas[data-v-a16bfd46] {
  max-width: 500px;
  left: 0;
  position: absolute;
  left: 0;
  top: 900px;
}

.nube[data-v-a16bfd46] {
  max-width: 200px;
  position: absolute;
  left: -100px;
  top: -150px;
  animation-delay: 2s;
}

.luna[data-v-a16bfd46] {
  max-width: 200PX;
  left: -300px;
  top: -50px;
  position: absolute;
  animation-delay: 2.5s;
}

@media screen and (max-width: 1550px) {
  .servilleta-galletas[data-v-a16bfd46] {
    max-width: 350px;
  }
}
@media screen and (max-width: 1250px) {
  .servilleta-galletas[data-v-a16bfd46] {
    max-width: 350px;
    z-index: 1;
    top: 1150px;
  }
}
@media screen and (max-width: 1200px) {
  .galletas-kitty-doraemon[data-v-a16bfd46] {
    max-width: 250px;
    top: -100px;
    left: 0px;
  }
  .lazo[data-v-a16bfd46] {
    max-width: 90px;
    top: -40px;
    right: -40px;
  }
}
@media screen and (max-width: 1100px) {
  .servilleta-galletas[data-v-a16bfd46] {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .galletas-kitty-doraemon[data-v-a16bfd46] {
    display: none;
  }
  .lazo[data-v-a16bfd46] {
    display: none;
  }
  .claim-intro[data-v-a16bfd46] {
    padding-bottom: 50px;
  }
  .nube[data-v-a16bfd46] {
    display: none;
  }
  .luna[data-v-a16bfd46] {
    display: none;
  }
  .slick-arrow[data-v-a16bfd46] {
    right: 50px;
  }
  .slick-arrow.slick-prev[data-v-a16bfd46] {
    right: 90px;
  }
  .producto-info-container .stickers-container[data-v-a16bfd46] {
    padding-right: 0px;
  }
  .producto-info-container .stickers-container .sticker[data-v-a16bfd46] {
    max-width: 160px;
  }
}
@media screen and (max-width: 750px) {
  img[how=bsan-singluten-infantil][data-v-a16bfd46], img[how=doraemon-singluten][data-v-a16bfd46] {
    margin-top: 0px;
  }
}
.wrapper-producto[data-v-30326628] {
  overflow: hidden;
}

.encabezado-producto[data-v-30326628] {
  background: url(https://risi.es/static/img/productos/intro-tradicionales.jpg) center/cover no-repeat;
}

.producto-info-container[data-v-30326628] {
  background-image: linear-gradient(to bottom, #37744d, #1e4332);
}

.montana-galletas-tradicionales[data-v-30326628] {
  position: absolute;
  left: -50px;
  top: -100px;
}

.virginias[data-v-30326628] {
  position: absolute;
  right: -300px;
  top: -354px;
  z-index: 3;
  animation-delay: 1s;
  max-width: 400px;
}

.galleta-digestiva[data-v-30326628] {
  position: absolute;
  right: 30px;
  top: -250px;
  animation-delay: 1s;
}

.galletas-digestivas[data-v-30326628] {
  position: absolute;
  left: -280px;
  top: -250px;
  z-index: 3;
  animation-delay: 1s;
}

@media screen and (max-width: 1100px) {
  .virginias[data-v-30326628] {
    max-width: 400px;
  }
  .galletas-digestivas[data-v-30326628] {
    display: none;
  }
  .producto-info-container .contenedor-producto .producto-cont[data-v-30326628] {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .montana-galletas-tradicionales[data-v-30326628] {
    display: none;
  }
  .virginias[data-v-30326628] {
    display: none;
  }
  .galleta-digestiva[data-v-30326628] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .virginias[data-v-30326628] {
    display: none;
  }
}
.galletas-kitty-doraemon[data-v-30326628] {
  position: absolute;
  left: 20px;
  top: -170px;
  max-width: 350px;
  animation-delay: 1s;
}

.lazo[data-v-30326628] {
  position: absolute;
  right: -100px;
  top: -100px;
  z-index: 3;
  animation-delay: 1s;
}

.doraemon[data-v-30326628] {
  position: absolute;
  left: -660px;
  top: -100px;
  animation-delay: 1.5s;
}

.servilleta-galletas[data-v-30326628] {
  max-width: 500px;
  left: 0;
  position: absolute;
  left: 0;
  top: 900px;
}

.nube[data-v-30326628] {
  max-width: 200px;
  position: absolute;
  left: -100px;
  top: -150px;
  animation-delay: 2s;
}

.luna[data-v-30326628] {
  max-width: 200PX;
  left: -300px;
  top: -50px;
  position: absolute;
  animation-delay: 2.5s;
}

@media screen and (max-width: 1550px) {
  .servilleta-galletas[data-v-30326628] {
    max-width: 350px;
  }
}
@media screen and (max-width: 1250px) {
  .servilleta-galletas[data-v-30326628] {
    max-width: 350px;
    z-index: 1;
    top: 1150px;
  }
}
@media screen and (max-width: 1200px) {
  .galletas-kitty-doraemon[data-v-30326628] {
    max-width: 250px;
    top: -100px;
    left: 0px;
  }
  .lazo[data-v-30326628] {
    max-width: 90px;
    top: -40px;
    right: -40px;
  }
}
@media screen and (max-width: 1100px) {
  .servilleta-galletas[data-v-30326628] {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .galletas-kitty-doraemon[data-v-30326628] {
    display: none;
  }
  .lazo[data-v-30326628] {
    display: none;
  }
  .nube[data-v-30326628] {
    display: none;
  }
  .luna[data-v-30326628] {
    display: none;
  }
  .slick-arrow[data-v-30326628] {
    right: 50px;
  }
  .slick-arrow.slick-prev[data-v-30326628] {
    right: 90px;
  }
}
.intro[data-v-6efa9420] {
  padding-bottom: 330px;
  background-image: linear-gradient(to bottom, #ff5649, #b90006);
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-top: 100px;
}

.intro .container-title[data-v-6efa9420] {
  margin-top: 0;
}

.intro .abanico[data-v-6efa9420] {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.contenedor-logos[data-v-6efa9420] {
  margin-bottom: 20px;
}

.logo-cont[data-v-6efa9420] {
  width: 20%;
  height: auto;
  padding: 10px;
  height: 150px;
  overflow: hidden;
  cursor: pointer;
}

.logo-cont > *[data-v-6efa9420] {
  max-width: 157px;
  max-height: 100%;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px) rotate(-9deg);
  animation-name: showLogos-data-v-6efa9420;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont:nth-child(1) > *[data-v-6efa9420] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-6efa9420] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-6efa9420] {
  animation-delay: 0.8s;
}

.logo-cont:nth-child(4) > *[data-v-6efa9420] {
  animation-delay: 0.9s;
}

.logo-cont:nth-child(5) > *[data-v-6efa9420] {
  animation-delay: 1s;
}

.logo-cont:nth-child(6) > *[data-v-6efa9420] {
  animation-delay: 1.1s;
}

.logo-cont:nth-child(7) > *[data-v-6efa9420] {
  animation-delay: 1.2s;
}

.logo-cont:nth-child(8) > *[data-v-6efa9420] {
  animation-delay: 1.3s;
}

.logo-cont:nth-child(9) > *[data-v-6efa9420] {
  animation-delay: 1.4s;
}

.logo-cont:nth-child(10) > *[data-v-6efa9420] {
  animation-delay: 1.5s;
}
@keyframes showLogos-data-v-6efa9420 {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px) rotate(-9deg);
  }
}
.otros[data-v-6efa9420] {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.otros span[data-v-6efa9420] {
  font-family: "Oswald";
  font-size: 22px;
  line-height: 1em;
}

.product-list[data-v-6efa9420] {
  overflow: hidden;
}

.product[data-v-6efa9420] {
  height: 45vh;
  min-height: 350px;
  position: relative;
}

.product[familia="0-azucares"][data-v-6efa9420] {
  background-image: linear-gradient(to top, #e74e1b, #fab925);
}

.product[familia=tradicionales][data-v-6efa9420] {
  background-image: linear-gradient(to top, #F1D741, #DC2E58);
}

.product h2[data-v-6efa9420] {
  font-size: 42px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
  transform: rotate(-9deg);
}

.product h2 strong[data-v-6efa9420] {
  font-family: "Oswald";
  width: 100%;
  font-size: 70px;
  line-height: 1.2em;
  display: inline-block;
}

.contenedor-logo[data-v-6efa9420] {
  position: relative;
}

.sandia-melon[data-v-6efa9420] {
  position: absolute;
  max-width: 420px;
  right: -20px;
  top: 20px;
}

.fruta-0-azucares[data-v-6efa9420] {
  position: absolute;
  left: -30px;
  top: 100px;
  max-width: 400px;
}

.caramelos-blandos[data-v-6efa9420] {
  position: absolute;
  max-width: 320px;
  right: -20px;
  top: -60px;
}

.gajo-naranja[data-v-6efa9420] {
  max-width: 200px;
  position: absolute;
  left: 40%;
  bottom: -40px;
}

.azul-individual[data-v-6efa9420] {
  position: absolute;
  max-width: 300px;
  top: -60px;
  left: 300px;
  z-index: 3;
}

.menta-junta[data-v-6efa9420] {
  position: absolute;
  max-width: 300px;
  top: 10px;
  left: -10px;
}

.agua[data-v-6efa9420] {
  position: absolute;
  max-width: 300px;
  bottom: 30px;
  left: -10px;
}

.frutas-tradicionales[data-v-6efa9420] {
  position: absolute;
  max-width: 500px;
  bottom: -50px;
  right: -50px;
}

@media screen and (max-width: 1500px) {
  .azul-individual[data-v-6efa9420] {
    left: 100px;
  }
  .frutas-tradicionales[data-v-6efa9420] {
    right: -140px;
  }
  .sandia-melon[data-v-6efa9420] {
    right: -100px;
  }
  .big-title[data-v-6efa9420] {
    font-size: 180px;
  }
}
@media screen and (max-width: 1100px) {
  .big-title[data-v-6efa9420] {
    font-size: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .contenedor-logos[data-v-6efa9420] {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 0;
    display: none;
  }
  .logo-cont[data-v-6efa9420] {
    height: 120px;
  }
  .intro .abanico[data-v-6efa9420] {
    transform: translate(-50%, 60px) perspective(100px) translateZ(-50px);
  }
  .fruta-0-azucares[data-v-6efa9420] {
    left: -100px;
  }
}
@media screen and (max-width: 900px) {
  .intro[data-v-6efa9420] {
    padding-bottom: 200px;
  }
  .contenedor-logo img[data-v-6efa9420] {
    max-width: 140px;
  }
  .big-title[data-v-6efa9420] {
    font-size: 100px;
  }
  .fruta-0-azucares[data-v-6efa9420] {
    bottom: auto;
    top: -300px;
    max-width: 280px;
    left: -30px;
  }
}
@media screen and (max-width: 767px) {
  .intro[data-v-6efa9420] {
    padding-bottom: 160px;
  }
  .intro .abanico[data-v-6efa9420] {
    transform: translate(-50%, 100px) perspective(100px) translateZ(-100px);
  }
  .product h2[data-v-6efa9420] {
    font-size: 30px;
  }
  .product h2 strong[data-v-6efa9420] {
    font-size: 44px;
  }
  .fruta-0-azucares[data-v-6efa9420] {
    top: -400px;
  }
  .menta-junta[data-v-6efa9420] {
    max-width: 80px;
  }
  .agua[data-v-6efa9420] {
    max-width: 100px;
  }
  .frutas-tradicionales[data-v-6efa9420] {
    max-width: 200px;
    right: 0;
  }
  .gajo-naranja[data-v-6efa9420] {
    bottom: auto;
    right: 20px;
    left: auto;
    top: 20px;
    max-width: 100px;
  }
  .fruta-0-azucares[data-v-6efa9420] {
    max-width: 150px;
    top: -340px;
    left: 0px;
  }
  .sandia-melon[data-v-6efa9420] {
    max-width: 150px;
    right: 0px;
    top: auto;
    bottom: 0px;
  }
}
@media screen and (max-width: 560px) {
  .contenedor-logo img[data-v-6efa9420] {
    max-width: 140px;
  }
  .intro[data-v-6efa9420] {
    padding-bottom: 130px;
  }
  .big-title[data-v-6efa9420] {
    font-size: 80px;
  }
  .intro .abanico[data-v-6efa9420] {
    transform: translate(-50%, 100px) perspective(100px) translateZ(-220px);
  }
  .product h2[data-v-6efa9420] {
    font-size: 36px;
  }
}
@media screen and (max-width: 420px) {
  .big-title[data-v-6efa9420] {
    font-size: 60px;
  }
  .producto[data-v-6efa9420] {
    min-height: 320px;
  }
}
.abanico[data-v-7000e459] {
  width: 1020px;
  height: 400px;
  position: relative;
  display: inline-block;
}

img[data-v-7000e459] {
  max-width: 320px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.balsamicos[data-v-7000e459] {
  position: absolute;
  left: -30px;
  top: 30px;
  transform: rotate(-15deg) perspective(100px) translateZ(-100px) translate(0, 800px);
}
@keyframes balsamicos-data-v-7000e459 {
  to {
    transform: rotate(-15deg);
  }
}
.citricos[data-v-7000e459] {
  position: absolute;
  left: 166px;
  top: 6px;
  transform: rotate(-5deg) perspective(100px) translateZ(-100px) translate(0, 800px);
}
@keyframes citricos-data-v-7000e459 {
  to {
    transform: rotate(-5deg);
  }
}
.mix-5-frutas[data-v-7000e459] {
  position: absolute;
  left: 500px;
  margin-left: -175px;
  top: -15;
  transform: rotate(0deg) perspective(100px) translateZ(-100px) translate(0, 800px);
  z-index: 3;
  width: 486px;
  max-width: 584px;
}
@keyframes mixFrutas-data-v-7000e459 {
  to {
    transform: rotate(0deg);
  }
}
.mix-variado[data-v-7000e459] {
  position: absolute;
  left: 656px;
  top: 10px;
  transform: rotate(10deg) perspective(100px) translateZ(-100px) translate(0, 800px);
  max-width: 334px;
  z-index: 4;
}
@keyframes mixVariado-data-v-7000e459 {
  to {
    transform: rotate(10deg);
  }
}
.azucares-gajos[data-v-7000e459] {
  position: absolute;
  left: 882px;
  top: 25px;
  transform: rotate(20deg) perspective(100px) translateZ(-100px) translate(0, 800px);
  max-width: 344px;
}
@keyframes azucaresGajos-data-v-7000e459 {
  to {
    transform: rotate(20deg);
  }
}
.launched img[data-v-7000e459] {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.77, 0.23, 1);
}

img[data-v-7000e459]:nth-child(1) {
  animation-delay: 0.5s;
}

img[data-v-7000e459]:nth-child(2) {
  animation-delay: 0.6s;
}

img[data-v-7000e459]:nth-child(3) {
  animation-delay: 0.7s;
}

img[data-v-7000e459]:nth-child(4) {
  animation-delay: 0.8s;
}

img[data-v-7000e459]:nth-child(5) {
  animation-delay: 0.9s;
}

img[data-v-7000e459]:nth-child(6) {
  animation-delay: 1s;
}

.launched .balsamicos[data-v-7000e459] {
  animation-name: balsamicos-data-v-7000e459;
}

.launched .citricos[data-v-7000e459] {
  animation-name: citricos-data-v-7000e459;
}

.launched .mix-5-frutas[data-v-7000e459] {
  animation-name: mixFrutas-data-v-7000e459;
}

.launched .mix-variado[data-v-7000e459] {
  animation-name: mixVariado-data-v-7000e459;
}

.launched .azucares-gajos[data-v-7000e459] {
  animation-name: azucaresGajos-data-v-7000e459;
}

.wrapper-producto[data-v-46f131ab] {
  overflow: hidden;
}

.encabezado-producto[data-v-46f131ab] {
  background: url(https://risi.es/static/img/productos/intro-caramelos-tradicionales.jpg) center/cover no-repeat;
}

.producto-info-container[data-v-46f131ab] {
  background-image: linear-gradient(to top, #F1D741, #DC2E58);
}

.sticker-0-azucares[data-v-46f131ab] {
  max-width: 160px;
  margin-top: 30px;
}

.claim-intro[data-v-46f131ab] {
  padding-bottom: 50px;
}

.mix-amarillo[data-v-46f131ab] {
  position: absolute;
  left: 50px;
  top: -100px;
  z-index: 4;
  max-width: 180px;
  animation-delay: 1s;
}

.mix-azul-rojo[data-v-46f131ab] {
  position: absolute;
  right: -40px;
  top: -100px;
  z-index: 4;
  animation-delay: 1.5s;
}

.gajo-limon[data-v-46f131ab] {
  position: absolute;
  left: -600px;
  bottom: -100px;
  max-width: 250px;
  animation-delay: 1s;
}

.montana-gajos[data-v-46f131ab] {
  position: absolute;
  left: 25%;
  top: -150px;
  animation-delay: 1.5s;
}

.frutas-tradicionales[data-v-46f131ab] {
  position: absolute;
  max-width: 450px;
  right: -80px;
  top: 200px;
}

.fruta-0-azucares[data-v-46f131ab] {
  max-width: 400px;
  opacity: 1 !important;
  position: absolute;
  right: -350px;
  bottom: -100px;
  pointer-events: none;
  z-index: 4;
}

.sol[data-v-46f131ab] {
  position: absolute;
  right: -200px;
  top: -160px;
  max-width: 200px;
}

.limon[data-v-46f131ab] {
  position: absolute;
  left: -300px;
  bottom: -300px;
  animation-delay: 1s;
}

.acido-rojo-naranja[data-v-46f131ab] {
  position: absolute;
  right: -300px;
  top: -100px;
  z-index: 4;
  animation-delay: 1s;
}

.acido-verde-amarillo[data-v-46f131ab] {
  position: absolute;
  right: -310px;
  top: -390px;
  z-index: 4;
  animation-delay: 1s;
}

@media screen and (max-width: 1570px) {
  .frutas-tradicionales[data-v-46f131ab] {
    top: 350px;
  }
}
@media screen and (max-width: 1470px) {
  .gajo-limon[data-v-46f131ab] {
    left: -400px;
    bottom: -150px;
  }
}
@media screen and (max-width: 1470px) {
  .acido-rojo-naranja[data-v-46f131ab] {
    position: absolute;
    right: -430px;
    top: -100px;
    z-index: 4;
  }
}
@media screen and (max-width: 1100px) {
  .sol[data-v-46f131ab] {
    display: none;
  }
  .fruta-0-azucares[data-v-46f131ab] {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .mix-amarillo[data-v-46f131ab] {
    position: absolute;
    left: 50px;
    top: -60px;
    z-index: 4;
    max-width: 100px;
  }
  .mix-azul-rojo[data-v-46f131ab] {
    position: absolute;
    right: -40px;
    top: -50px;
    z-index: 4;
    max-width: 260px;
  }
  .azucar0-verde-rojo[data-v-46f131ab] {
    display: none;
  }
  .montana-gajos[data-v-46f131ab] {
    right: -50px;
    bottom: -300px;
    top: auto;
  }
  .acido-verde-amarillo[data-v-46f131ab] {
    display: none;
  }
  .limon[data-v-46f131ab] {
    right: 0;
  }
}
@media screen and (max-width: 900px) {
  .acido-rojo-naranja[data-v-46f131ab] {
    display: none;
  }
  .producto-info-container[data-v-46f131ab] {
    padding-top: 100px;
  }
  .frutas-tradicionales[data-v-46f131ab] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .montana-gajos[data-v-46f131ab] {
    display: none;
  }
  .limon[data-v-46f131ab] {
    display: none;
  }
  .frutas-tradicionales[data-v-46f131ab] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .mix-amarillo[data-v-46f131ab] {
    display: none;
  }
  .mix-azul-rojo[data-v-46f131ab] {
    top: -20px;
  }
}
.wrapper-producto[data-v-47e7cd76] {
  overflow: hidden;
}

.encabezado-producto[data-v-47e7cd76] {
  background: url(https://risi.es/static/img/productos/intro-0-azucares.jpg) center/cover no-repeat;
}

.producto-info-container[data-v-47e7cd76] {
  background-image: linear-gradient(to bottom, #e96087, #fab925);
  padding-top: 280px;
}

.slick-arrow[data-v-47e7cd76] {
  top: 10px;
  z-index: 5;
  opacity: 0;
  transition: 1s;
}

.slick-arrow.launched[data-v-47e7cd76] {
  opacity: 1;
}

.sticker img[data-v-47e7cd76] {
  width: 100%;
}

.sticker-0-azucares[data-v-47e7cd76] {
  max-width: 160px;
  margin-top: 30px;
}

.claim-intro[data-v-47e7cd76] {
  padding-bottom: 50px;
}

.producto-cont[how=mix][data-v-47e7cd76] {
  z-index: 5;
}

.producto-cont[how=citricos][data-v-47e7cd76] {
  z-index: 4;
}

.sandia-melon[data-v-47e7cd76] {
  position: absolute;
  left: -30px;
  top: -140px;
}

.caramelos-amarillo[data-v-47e7cd76] {
  position: absolute;
  right: 40px;
  top: -50px;
}

.lima[data-v-47e7cd76] {
  position: absolute;
  right: 0;
  top: -200px;
  animation-delay: 2.5s;
}

.limon-3d[data-v-47e7cd76] {
  position: absolute;
  left: -490px;
  bottom: -150px;
  animation-delay: 1s;
}

.menta[data-v-47e7cd76] {
  position: absolute;
  right: -200px;
  top: -200px;
  animation-delay: 1s;
}

.agua[data-v-47e7cd76] {
  position: absolute;
  right: -160px;
  bottom: -30px;
  animation-delay: 0s;
}

.texto-refrescante[data-v-47e7cd76] {
  position: absolute;
  right: -258px;
  color: #fff;
  font-size: 46px;
  top: 130px;
  animation-delay: 1.7s;
}

@media screen and (max-width: 1100px) {
  .sandia-melon[data-v-47e7cd76] {
    left: -50px;
    top: -80px;
    max-width: 400px;
  }
  .caramelos-amarillo[data-v-47e7cd76] {
    max-width: 150px;
  }
  .agua[data-v-47e7cd76] {
    display: none;
  }
  .texto-refrescante[data-v-47e7cd76] {
    display: none;
  }
  .menta[data-v-47e7cd76] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .producto-info-container[data-v-47e7cd76] {
    padding-top: 120px;
  }
  .producto-info-container .stickers-container .sticker img[data-v-47e7cd76] {
    height: 80px;
    width: auto;
  }
  .menta[data-v-47e7cd76] {
    display: none;
  }
  .balsamicos[data-v-47e7cd76] {
    display: none;
  }
  .agua[data-v-47e7cd76] {
    display: none;
  }
  .lima[data-v-47e7cd76] {
    display: none;
  }
  .sandia-melon[data-v-47e7cd76] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .caramelos-amarillo[data-v-47e7cd76] {
    right: 0;
  }
}
.logo-borges[data-v-26dea018] {
  width: 242px;
  height: auto;
}

.intro[data-v-26dea018] {
  padding-bottom: 330px;
  background-image: linear-gradient(178deg, #ff851d 3%, #d96322 96%);
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-top: 50px;
}

.intro .container-title[data-v-26dea018] {
  margin-top: 0;
}

.intro .big-title[data-v-26dea018] {
  font-size: 172px;
}

.intro .abanico[data-v-26dea018] {
  position: absolute;
  bottom: -180px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: 100%;
}

.contenedor-logos[data-v-26dea018] {
  margin-bottom: 20px;
}

.contenedor-logos-otros-productos[data-v-26dea018] {
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contenedor-logos-otros-productos .contenedor-logo[data-v-26dea018] {
  max-width: 20%;
}

.contenedor-logos-otros-productos .contenedor-logo img[data-v-26dea018] {
  max-width: 100%;
}

.logo-cont[data-v-26dea018] {
  width: 25%;
  height: auto;
  padding: 10px;
  height: 150px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.logo-cont .blanco[data-v-26dea018] {
  max-width: 157px;
  max-height: 100%;
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-26dea018;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.logo-cont h2[data-v-26dea018] {
  transform: perspective(100px) translate(0, 200px) translateZ(-30px);
  animation-name: showLogos-data-v-26dea018;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  transition: 0.5s;
}

.logo-cont h2[data-v-26dea018]:hover {
  color: #000;
}

.logo-cont .color[data-v-26dea018] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 157px;
  max-height: 100%;
  opacity: 0;
  transition: 0.5s;
}

.logo-cont:hover .color[data-v-26dea018] {
  opacity: 1;
}

.logo-cont:nth-child(1) > *[data-v-26dea018] {
  animation-delay: 0.6s;
}

.logo-cont:nth-child(2) > *[data-v-26dea018] {
  animation-delay: 0.7s;
}

.logo-cont:nth-child(3) > *[data-v-26dea018] {
  animation-delay: 0.8s;
}

.logo-cont:nth-child(4) > *[data-v-26dea018] {
  animation-delay: 0.9s;
}

.logo-cont:nth-child(5) > *[data-v-26dea018] {
  animation-delay: 1s;
}

.logo-cont:nth-child(6) > *[data-v-26dea018] {
  animation-delay: 1.1s;
}

.logo-cont:nth-child(7) > *[data-v-26dea018] {
  animation-delay: 1.2s;
}

.logo-cont:nth-child(8) > *[data-v-26dea018] {
  animation-delay: 1.3s;
}

.logo-cont:nth-child(9) > *[data-v-26dea018] {
  animation-delay: 1.4s;
}

.logo-cont:nth-child(10) > *[data-v-26dea018] {
  animation-delay: 1.5s;
}

.logo-cont:nth-child(11) > *[data-v-26dea018] {
  animation-delay: 1.6s;
}

.logo-cont:nth-child(12) > *[data-v-26dea018] {
  animation-delay: 1.7s;
}

.logo-cont[data=otros][data-v-26dea018] {
  transform: rotate(-9deg);
}
@keyframes showLogos-data-v-26dea018 {
  to {
    transform: perspective(100px) translate(0, 0px) translateZ(0px);
  }
}
.otros[data-v-26dea018] {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald";
  line-height: 1em;
}

.otros span[data-v-26dea018] {
  font-family: "Oswald";
  font-size: 22px;
  line-height: 1em;
}

.product-list[data-v-26dea018] {
  overflow: hidden;
}

.product[data-v-26dea018] {
  height: 45vh;
  min-height: 350px;
  position: relative;
}

.product[familia=frutos-secos][data-v-26dea018] {
  background-image: linear-gradient(to top, #FF711A, #ff6f1a, #ffb427);
}

.product[familia=frutos-secos] .nuez-rota[data-v-26dea018] {
  max-width: 300px;
  position: absolute;
  left: 0px;
  top: 0px;
  animation-delay: 1s;
}

.product[familia=frutos-secos] .tarro-frutos-secos[data-v-26dea018] {
  max-width: 360px;
  position: absolute;
  right: 0px;
  bottom: -70px;
  animation-delay: 1.2s;
  z-index: 2;
}

.product[familia=pipas][data-v-26dea018] {
  background-image: linear-gradient(to bottom, #10436A, #38799C, #5DABCC);
}

.product[familia=pipas] .pipas-volando[data-v-26dea018] {
  max-width: 480px;
  position: absolute;
  left: 0px;
  top: -50px;
  animation-delay: 0.7s;
}

.product[familia=pipas] .pipas-monton[data-v-26dea018] {
  max-width: 380px;
  position: absolute;
  right: 0px;
  bottom: -100px;
  animation-delay: 0.7s;
  z-index: 4;
}

.product[familia=pipas] .pipas[data-v-26dea018] {
  max-width: 130px;
  z-index: 2;
  position: absolute;
  left: calc(50% + 180px);
  top: 50%;
}

.product[familia=natura][data-v-26dea018] {
  background-image: linear-gradient(to bottom, #ffaa36, #aa5f0b 97%);
}

.product[familia=natura] .cordon-avellanas[data-v-26dea018] {
  position: absolute;
  left: 0px;
  top: -30px;
  animation-delay: 1s;
}

.contenedor-logo[data-v-26dea018] {
  position: relative;
}

.logo-marca.-color[data-v-26dea018] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}

.product:hover .logo-marca.-color[data-v-26dea018] {
  opacity: 1;
}

@media screen and (max-width: 1220px) {
  .product[familia=pipas] .pipas-volando[data-v-26dea018] {
    max-width: 300px;
  }
  .product[familia=pipas] .pipas-monton[data-v-26dea018] {
    max-width: 270px;
  }
  .product[familia=natura] .cordon-avellanas[data-v-26dea018] {
    max-width: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .contenedor-logos[data-v-26dea018] {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 0;
    display: none;
  }
  .contenedor-logo[data-v-26dea018] {
    max-width: 240px;
  }
  .contenedor-logo img[data-v-26dea018] {
    max-width: 100%;
  }
  .logo-cont[data-v-26dea018] {
    height: 120px;
  }
  .intro .abanico[data-v-26dea018] {
    width: 670px;
  }
}
@media screen and (max-width: 900px) {
  .intro[data-v-26dea018] {
    padding-bottom: 200px;
  }
  .intro .abanico[data-v-26dea018] {
    width: 360px;
    transform: scale(1.5) translateX(-110px);
  }
  .contenedor-sin-gluten[data-v-26dea018] {
    display: none;
  }
  .product[familia=frutos-secos] .nuez-rota[data-v-26dea018] {
    max-width: 160px;
  }
  .product[familia=frutos-secos] .tarro-frutos-secos[data-v-26dea018] {
    max-width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .intro[data-v-26dea018] {
    padding-bottom: 160px;
  }
  .intro .abanico[data-v-26dea018] {
    width: 360px;
    transform: scale(1.2) translateX(-130px);
  }
  .contenedor-logo[data-v-26dea018] {
    max-width: 300px;
    z-index: 3;
  }
  .contenedor-logo img[data-v-26dea018] {
    max-width: 100%;
  }
  .contenedor-logo img.-color[data-v-26dea018] {
    display: none;
  }
  .contenedor-logos-otros-productos .contenedor-logo[data-v-26dea018] {
    max-width: 33.3333%;
  }
  .product[familia=pipas] .pipas[data-v-26dea018] {
    display: none;
  }
  .intro .big-title[data-v-26dea018] {
    font-size: 100px;
  }
}
@media screen and (max-width: 560px) {
  .intro .abanico[data-v-26dea018] {
    width: 360px;
    transform: scale(1.2) translateX(-130px) translateY(50px);
  }
  .contenedor-logos-otros-productos .contenedor-logo[data-v-26dea018] {
    max-width: 50%;
  }
  .product[familia=pipas] .pipas-volando[data-v-26dea018] {
    display: none;
  }
  .product[familia=pipas] .pipas-monton[data-v-26dea018] {
    bottom: -20px;
    max-width: 190px;
  }
}
@media screen and (max-width: 400px) {
  .big-title[data-v-26dea018] {
    font-size: 70px;
  }
  .producto[data-v-26dea018] {
    min-height: 320px;
  }
  .contenedor-logo[data-v-26dea018] {
    max-width: 200px;
  }
  .product[familia=frutos-secos] .tarro-frutos-secos[data-v-26dea018] {
    max-width: 150px;
  }
  .intro .big-title[data-v-26dea018] {
    font-size: 80px;
    margin-top: 30px;
  }
}
.wrapper-producto[data-v-04a37c52] {
  overflow: hidden;
}

.encabezado-producto[data-v-04a37c52] {
  background: url(https://risi.es/static/img/productos/frutos-secos/intro-frutos-secos.jpg) center/cover no-repeat;
}

.img-left[data-v-04a37c52] {
  max-width: 486px;
  bottom: -100px;
}

.img-right[data-v-04a37c52] {
  max-width: 486px;
  right: -80px;
  bottom: -80px;
}

.producto-info-container[data-v-04a37c52] {
  background-image: linear-gradient(to top, #760c0d, #db0c09, #ff6f1a, #ffb427);
}

.producto-info-container .contenedor-producto .superior-izquierda[data-v-04a37c52] {
  left: -100px;
  top: -100px;
}

.producto-info-container .contenedor-producto .inferior-izquierda[data-v-04a37c52] {
  left: 30px;
  bottom: -260px;
  z-index: 2;
  animation-delay: 0s;
}

.par-nueces[data-v-04a37c52] {
  position: absolute;
  right: 0;
  top: 150px;
  max-width: 250px;
}

.nuez-entera[data-v-04a37c52] {
  position: absolute;
  left: 47%;
  bottom: -100px;
  max-width: 150px;
  z-index: 3;
}

.nuez-mitad[data-v-04a37c52] {
  position: absolute;
  right: 200px;
  bottom: -150px;
  max-width: 150px;
  z-index: 3;
}

.pistachos-volando[data-v-04a37c52] {
  position: absolute;
  left: -350px;
  bottom: -120px;
  max-width: 470px;
}

.pistachos-volando-1kg[data-v-04a37c52] {
  position: absolute;
  right: -540px;
  bottom: 0;
  max-width: 500px;
}

.cacahuete[data-v-04a37c52] {
  position: absolute;
  right: -120px;
  top: 60px;
  z-index: 2;
}

.cacahuete-pelado-izq[data-v-04a37c52] {
  position: absolute;
  right: -200px;
  max-width: 70px;
  bottom: 100px;
}

.cacahuete-pelado[data-v-04a37c52] {
  position: absolute;
  right: -40px;
  max-width: 70px;
  bottom: -30px;
  z-index: 4;
}

.anacardo-abajo[data-v-04a37c52] {
  position: absolute;
  left: -195px;
  top: -100px;
  max-width: 175px;
  z-index: 3;
}

.avellana[data-v-04a37c52] {
  position: absolute;
  top: -100px;
  right: 100px;
  max-width: 80px;
}

.avellanas-volando[data-v-04a37c52] {
  position: absolute;
  right: -180px;
  bottom: -180px;
}

.almendras[data-v-04a37c52] {
  position: absolute;
  left: -300px;
  bottom: 0;
  max-width: 480px;
}

.cuchara-almendras[data-v-04a37c52] {
  position: absolute;
  right: 0;
  bottom: -60px;
  max-width: 489px;
}

.bowl-mix-frito[data-v-04a37c52] {
  position: absolute;
  left: 105px;
  bottom: 0;
  max-width: 480px;
}

.cuchara-avellanas[data-v-04a37c52] {
  position: absolute;
  left: -900px;
  max-width: 916px;
  bottom: 20px;
}

.monton-frutos-secos[data-v-04a37c52] {
  position: absolute;
  right: 0;
  bottom: -220px;
  max-width: 463px;
}

.bowl-ensalada[data-v-04a37c52] {
  position: absolute;
  right: -300px;
  bottom: -190px;
  max-width: 350px;
}

.pipa-recta[data-v-04a37c52] {
  position: absolute;
  left: 200px;
  top: -100px;
  max-width: 200px;
  z-index: 3;
}

.maiz[data-v-04a37c52] {
  position: absolute;
  left: 100px;
  top: -130px;
  max-width: 200px;
  z-index: 3;
}

.maiz-bbq[data-v-04a37c52] {
  position: absolute;
  right: -40px;
  top: -50px;
  z-index: 4;
  max-width: 170px;
}

.cuchara-nueces[data-v-04a37c52] {
  position: absolute;
  right: 0;
  bottom: -115px;
  max-width: 600px;
}

.bowl-frutos-secos[data-v-04a37c52] {
  position: absolute;
  right: 70px;
  top: 235px;
  max-width: 560px;
}

@media screen and (min-width: 1600px) {
  .cuchara-almendras[data-v-04a37c52] {
    position: absolute;
    right: 0px;
    bottom: 5600px;
    max-width: 489px;
  }
  .monton-frutos-secos[data-v-04a37c52] {
    right: -300px;
  }
  .cuchara-avellanas[data-v-04a37c52] {
    position: absolute;
    left: -138px;
    max-width: 916px;
    bottom: 3500px;
  }
  .cuchara-nueces[data-v-04a37c52] {
    position: absolute;
    right: 0px;
    bottom: 1782px;
  }
}
@media screen and (max-width: 1400px) {
  .img-left[data-v-04a37c52] {
    left: -40px;
    bottom: -180px;
  }
  .img-right[data-v-04a37c52] {
    right: -180px;
    bottom: -110px;
  }
  .cuchara-avellanas[data-v-04a37c52] {
    left: -700px;
  }
}
@media screen and (max-width: 1100px) {
  .img-left[data-v-04a37c52] {
    display: none;
  }
  .cacahuete[data-v-04a37c52], .anacardo-abajo[data-v-04a37c52], .avellana[data-v-04a37c52], .almendras[data-v-04a37c52], .avellanas-volando[data-v-04a37c52], .bowl-frutos-secos[data-v-04a37c52], .maiz[data-v-04a37c52], .anacardo-abajo[data-v-04a37c52], .cuchara-almendras[data-v-04a37c52], .cuchara-avellanas[data-v-04a37c52], .cuchara-nueces[data-v-04a37c52], .pistachos-volando-1kg[data-v-04a37c52] {
    display: none;
  }
  .img-right[data-v-04a37c52] {
    max-width: 300px;
    right: -20px;
    bottom: -60px;
  }
  .producto-info-container .contenedor-producto .inferior-izquierda[data-v-04a37c52] {
    display: none;
  }
  .ketchup-bocadillo[data-v-04a37c52] {
    display: none;
  }
  .nuez-entera[data-v-04a37c52] {
    display: none;
  }
  .nuez-mitad[data-v-04a37c52] {
    display: none;
  }
  .pipa-recta[data-v-04a37c52] {
    display: none;
  }
  .par-nueces[data-v-04a37c52] {
    display: none;
  }
  .pistachos-volando[data-v-04a37c52] {
    display: none;
  }
  .cacahuete-pelado[data-v-04a37c52] {
    display: none;
  }
  .bowl-mix-frito[data-v-04a37c52] {
    display: none;
  }
  .maiz-bbq[data-v-04a37c52] {
    display: none;
  }
  .monton-frutos-secos[data-v-04a37c52] {
    display: none;
  }
  .bowl-ensalada[data-v-04a37c52] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .img-left[data-v-04a37c52] {
    left: -50px;
  }
  .img-right[data-v-04a37c52] {
    right: -100px;
  }
}
@media screen and (max-width: 600px) {
  .img-left[data-v-04a37c52] {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .img-right[data-v-04a37c52] {
    display: none;
  }
}
.wrapper-producto[data-v-2f7e0b9c] {
  overflow: hidden;
}

.encabezado-producto[data-v-2f7e0b9c] {
  background: url(https://risi.es/static/img/productos/frutos-secos/background-pipas.jpg) center/cover no-repeat;
}

.img-left[data-v-2f7e0b9c] {
  max-width: 486px;
  bottom: -100px;
}

.img-right[data-v-2f7e0b9c] {
  max-width: 350px;
  right: -50px;
  bottom: -120px;
}

.claim-intro h2[data-v-2f7e0b9c] {
  max-width: 880px;
}

.producto-info-container[data-v-2f7e0b9c] {
  background-image: linear-gradient(to bottom, #10436A, #38799C, #5DABCC);
}

.producto-info-container .contenedor-producto .superior-izquierda[data-v-2f7e0b9c] {
  left: -100px;
  top: -100px;
}

.producto-info-container .contenedor-producto .inferior-izquierda[data-v-2f7e0b9c] {
  left: 30px;
  bottom: -260px;
  z-index: 2;
  animation-delay: 0s;
}

.ketchup-bocadillo[data-v-2f7e0b9c] {
  position: absolute;
  left: -250px;
  bottom: -140px;
  animation-delay: 2s;
}

.bowl-pipas[data-v-2f7e0b9c] {
  position: absolute;
  max-width: 350px;
  right: -200px;
  bottom: -100px;
}

.pipa-sal[data-v-2f7e0b9c] {
  position: absolute;
  left: 50%;
  max-width: 140px;
  top: -100px;
  z-index: 4;
}

.bote-sal[data-v-2f7e0b9c] {
  position: absolute;
  left: 60%;
  top: -200px;
  max-width: 120px;
}

@media screen and (max-width: 1400px) {
  .img-left[data-v-2f7e0b9c] {
    left: -40px;
    bottom: -180px;
  }
  .img-right[data-v-2f7e0b9c] {
    right: -180px;
    bottom: -110px;
  }
}
@media screen and (max-width: 1100px) {
  .img-left[data-v-2f7e0b9c] {
    display: none;
  }
  .img-right[data-v-2f7e0b9c] {
    max-width: 300px;
    right: -20px;
    bottom: -60px;
  }
  .producto-info-container .contenedor-producto .inferior-izquierda[data-v-2f7e0b9c] {
    display: none;
  }
  .ketchup-bocadillo[data-v-2f7e0b9c] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .img-left[data-v-2f7e0b9c] {
    left: -50px;
  }
  .img-right[data-v-2f7e0b9c] {
    right: -100px;
  }
  .pipa-sal[data-v-2f7e0b9c] {
    display: none;
  }
  .bote-sal[data-v-2f7e0b9c] {
    display: none;
  }
  .bowl-pipas[data-v-2f7e0b9c] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .img-left[data-v-2f7e0b9c] {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .img-right[data-v-2f7e0b9c] {
    display: none;
  }
}
.wrapper-producto[data-v-7e0456de] {
  overflow: hidden;
}

.encabezado-producto[data-v-7e0456de] {
  background: url(https://risi.es/static/img/productos/frutos-secos/background-natura.jpg) center/cover no-repeat;
}

.img-left[data-v-7e0456de] {
  max-width: 486px;
  bottom: -100px;
}

.img-right[data-v-7e0456de] {
  max-width: 467px;
  right: 0px;
  bottom: -250px;
}

.producto-info-container[data-v-7e0456de] {
  background-image: linear-gradient(to bottom, #ffaa36, #aa5f0b 97%);
}

.producto-info-container .contenedor-producto .superior-izquierda[data-v-7e0456de] {
  left: -100px;
  top: -100px;
}

.producto-info-container .contenedor-producto .inferior-izquierda[data-v-7e0456de] {
  left: 30px;
  bottom: -260px;
  z-index: 2;
  animation-delay: 0s;
}

.pistachos[data-v-7e0456de] {
  position: absolute;
  left: 50%;
  max-width: 370px;
  top: -300px;
}

.bowl-ensalada[data-v-7e0456de] {
  position: absolute;
  display: none !important;
  right: 0;
  bottom: 0;
  max-width: 400px;
}

.anacardo[data-v-7e0456de] {
  position: absolute;
  left: -50px;
  top: -50px;
  z-index: 3;
  max-width: 100px;
}

@media screen and (max-width: 1400px) {
  .img-left[data-v-7e0456de] {
    left: -40px;
    bottom: -180px;
  }
  .img-right[data-v-7e0456de] {
    right: -180px;
    bottom: -110px;
  }
}
@media screen and (max-width: 1100px) {
  .img-left[data-v-7e0456de] {
    display: none;
  }
  .img-right[data-v-7e0456de] {
    display: none;
  }
  .producto-info-container .contenedor-producto .inferior-izquierda[data-v-7e0456de] {
    display: none;
  }
  .ketchup-bocadillo[data-v-7e0456de] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .img-left[data-v-7e0456de] {
    left: -50px;
  }
  .img-right[data-v-7e0456de] {
    right: -100px;
  }
}
@media screen and (max-width: 600px) {
  .img-left[data-v-7e0456de] {
    display: none;
  }
  .pistachos[data-v-7e0456de] {
    display: none;
  }
  .bowl-ensalada[data-v-7e0456de] {
    display: none;
  }
  .anacardo[data-v-7e0456de] {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .img-right[data-v-7e0456de] {
    display: none;
  }
}
.boton:nth-of-type(1) {
  top: 50%;
  right: 50%;
  transform: translateY(-90%) translateX(50%);
}

.boton:nth-of-type(2) {
  right: 90%;
  top: 15rem;
  transform: translateX(50%);
}

.boton:nth-of-type(3) {
  top: 50%;
  left: 85%;
  transform: translateY(-50%);
}

.boton:nth-of-type(4) {
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}

.boton:nth-of-type(5) {
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}

.contenedor-imagen img {
  width: 100%;
  min-width: 318px;
  z-index: 2;
}

.cat-1 {
  background-image: linear-gradient(to bottom, rgba(235, 46, 46, 0.99), #ff6366);
}

.cat-2 {
  background-image: linear-gradient(to bottom, rgba(0, 170, 41, 0.99), #59bc71);
}

.cat-3 {
  background-image: linear-gradient(to bottom, #9C27B0, #ea6cff);
}

.contenedor-producto {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

/* For older browser support (optional) */
.contenedor-producto {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
}

/* Override justify-content for specific rows */
.contenedor-producto.row-1,
.contenedor-producto.row-3 {
  justify-content: flex-end;
}

.language-dropdown > li span {
  color: #2e2e2e !important;
  margin: 0px 20px !important;
}

.header-items.header__right {
  margin-left: 30px;
  margin-right: 20px;
}

.header .header-top .header-info > ul > li span {
  font-size: 16px;
  margin-left: 0;
  line-height: 3rem;
  text-transform: uppercase;
  color: #fff;
}

/* Basic styling for the map */
.map-container {
  display: flex;
  position: relative;
}

.header .header-top .header-info > .language-dropdown > li span:hover {
  color: #c7272b !important;
}

.header .header-top .header-info > ul > li span:hover {
  color: #fff;
}

#map {
  width: 80%;
  cursor: pointer;
}

.sm_state {
  fill: #f0f0f0;
  stroke: #ccc;
  stroke-width: 1px;
  transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Hover effect for states */
.sm_state.active {
  fill: #ffcc00;
  stroke: #ff9900;
}

/* Side panel styling with transform for sliding */
.side-panel {
  width: 300px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: 20px;
  right: 0;
  opacity: 1;
  visibility: visible;
  transform: translateX(100%) translateY(40%);
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

.side-panel.active {
  transform: translateX(0%) translateY(40%);
  opacity: 1;
  visibility: visible;
}

.side-panel h3 {
  margin-top: 0;
}

.side-panel p {
  margin: 10px 0;
}

/* Pin styling */
.pin {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ff0000;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.pin.active {
  transform: scale(1.5);
}

/* Add active hover effect on hover or click */
.sm_state.active {
  fill: #ff9900; /* Color when active */
  stroke: #ff6600;
}

.invalid-feedback {
  background: #fff;
  font-size: 14px;
  font-weight: Bold;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background: #fff;
  color: #B80214;
}

.orange a img {
  width: 50px;
  height: 25px;
  margin-top: 0px !important;
}

.orange a {
  color: #fcc735 !important;
}

@media (max-width: 600px) {
  .menu > li[class~=orange] {
    position: absolute;
    margin: 0;
    width: 100%;
    transform: translate(-15px, -40px);
    text-align: start;
  }
  .orange a {
    color: #fff !important;
  }
}
.menu_page li {
  font-size: 20px;
  color: #fff;
  padding: 10px 0px;
  font-weight: 600;
}

.container-popup h5,
.container-popup span,
.container-popup p,
.container-popup label {
  color: #fff !important;
}

.contact-form .button-loading:hover,
.contact-form .button-loading:focus,
.contact-form .button-loading:active {
  color: #F44336 !important;
}

.mb-5 {
  overflow: hidden;
}

@media only screen and (min-width: 360px) and (max-width: 560px) {
  .producto-home .contenedor-ruleta {
    flex-direction: column !important;
  }
  .producto-home .contenedor-ruleta .boton img {
    max-width: 160px;
    max-height: 160px;
  }
  .producto-home .contenedor-ruleta .boton {
    width: 100% !important;
  }
  .producto-home .contenedor-ruleta {
    top: 0px !important;
    padding: 0px;
  }
  .padding-menu.-big {
    padding-top: 50px;
  }
  .arrows-wrapper {
    bottom: 7rem;
  }
  .arrows-wrapper .slick-arrow.slick-next-arrow {
    height: 40px;
    width: 40px;
    top: calc(50% - 0px);
  }
  .slick-arrow svg {
    vertical-align: 15px;
    width: 16px;
    height: 16px;
  }
  .arrows-wrapper .slick-arrow.slick-prev-arrow {
    height: 40px;
    width: 40px;
    top: calc(50% - 0px);
  }
}
@media only screen and (min-width: 360px) and (max-width: 1023px) {
  .banner-localizanos[data-v-ff1560ee], .banner-localizanos[show=true][data-v-ff1560ee] {
    padding: 100px 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 900px) {
  .wrapper-snacks img[data-v-3106ada2]:first-child {
    left: 30px;
    top: 20px;
  }
  .wrapper-snacks img[data-v-3106ada2]:nth-child(2) {
    left: 100px;
    top: 0px;
  }
  .wrapper-snacks img[data-v-3106ada2]:nth-child(3) {
    left: 170px;
    top: 20px;
  }
  .wrapper-snacks img[data-v-3106ada2]:nth-child(4) {
    left: 220px;
    top: 20px;
  }
  .wrapper-snacks img {
    position: absolute;
    width: 100px;
    transition: transform 0.3s ease;
  }
  /* ترتيب مع تدوير */
  .wrapper-snacks img:nth-child(1) {
    left: 0;
    top: 20px;
    transform: rotate(-8deg);
    z-index: 1;
  }
  .wrapper-snacks img:nth-child(2) {
    left: 60px;
    top: 5px;
    transform: rotate(-3deg);
    z-index: 2;
  }
  .wrapper-snacks img:nth-child(3) {
    left: 245px;
    top: 15px;
    transform: rotate(3deg);
    z-index: 3;
  }
  .wrapper-snacks img:nth-child(4) {
    left: 200px;
    top: 0;
    transform: rotate(8deg);
    z-index: 4;
  }
  /* تأثير hover */
  .wrapper-snacks img:hover {
    transform: scale(1.05) rotate(0deg);
    z-index: 5;
  }
  .row {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-width: 768px) {
  .col-md-12 {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 360px) and (max-width: 900px) {
  article:not([show]) .text-review,
  article:not([show]) .capa-ingredientes {
    display: none;
  }
  .main-content {
    overflow: hidden;
  }
}
.contenedor-logo .wrapper-snacks img {
  width: 100%;
}

.contenedor-logo img {
  width: 100% !important;
}

.contenedor-logo {
  bottom: 60px !important;
}