@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import 'https://unpkg.com/aos@next/dist/aos.css';
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    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; }

#menu-btn {
  width: 24px;
  cursor: pointer; }
  #menu-btn div {
    width: 100%;
    height: 2px;
    margin-bottom: 5px;
    top: 0px;
    opacity: 1;
    position: relative;
    background-color: #FC581F;
    transition: all .7s; }
  #menu-btn div:last-child {
    width: 50%;
    margin-left: auto;
    transition: all .3s; }

#menu-btn.active div {
  margin: 0px; }

#menu-btn.active > div:first-child {
  transform: rotate(45deg); }

#menu-btn.active > div:nth-child(2) {
  transform: rotate(-45deg);
  top: -2px; }

#menu-btn.active div:last-child {
  transition: 0s;
  width: 0; }

#menu {
  background-color: #ffffff;
  position: fixed;
  top: 100px;
  right: -100%;
  z-index: 1;
  padding: 30px;
  width: calc(100% - 60px);
  max-width: 500px;
  min-height: calc(100vh - 120px);
  transition: all ease .5s; }
  #menu ul li {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 25px; }
    #menu ul li a {
      color: #707070;
      text-decoration: none;
      text-align: right;
      max-width: 250px; }
      #menu ul li a:hover {
        color: #0A0F55; }
  #menu ul li:last-child {
    padding-right: 15px;
    padding-top: 25px;
    margin: 0px; }
    #menu ul li:last-child a {
      display: inherit;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      margin: 0px 15px; }

#menu.active {
  right: 0px;
  transition: all ease .5s; }

.menu__ilustracion {
  max-width: 166px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 30px;
  padding-bottom: 60px; }
  @media (max-width: 500px) {
    .menu__ilustracion {
      max-width: 130px; } }

header {
  background-color: white;
  position: fixed;
  top: 0px;
  box-shadow: 0px -2.5px 10px;
  padding: 22px 30px;
  width: calc(100% - 60px);
  z-index: 10;
  height: calc(100px - 44px); }

nav {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative; }
  nav > div {
    width: 50%;
    display: flex;
    align-items: center; }
  nav div .logo-enlace {
    width: 200px;
    margin-right: 15px; }
  nav div a i {
    width: 40px;
    font-size: 25px;
    color: #FF5700; }
  nav > div:nth-child(2) {
    display: none; }
  nav > div:nth-child(3) {
    justify-content: flex-end; }
  nav .dropdown {
    margin-right: 15px;
    position: relative;
    display: inline-block;
    cursor: pointer; }
    nav .dropdown .drop {
      display: flex;
      align-items: center;
      justify-content: center; }
      nav .dropdown .drop .bandera {
        width: 22px; }
      nav .dropdown .drop .pais {
        color: #FF5700;
        font-size: 8pt;
        font-weight: bold;
        margin: 0px 10px; }
    nav .dropdown .contenido {
      position: absolute;
      z-index: 1;
      left: -5px;
      min-width: 60px;
      padding: 8px 5px;
      display: none;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background-color: #ffff;
      border-radius: 5px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
      nav .dropdown .contenido .pais-opcion {
        display: flex;
        align-items: center;
        justify-content: left;
        width: 100%; }
        nav .dropdown .contenido .pais-opcion .bandera {
          width: 22px; }
        nav .dropdown .contenido .pais-opcion span {
          color: #808080;
          font-size: 8pt;
          font-weight: normal;
          margin-left: 10px; }

@media (min-width: 1024px) {
  nav {
    width: calc(100% - 8%);
    padding: 0px 4%; } }

footer {
  background-color: #0A0F55;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 45px 15px;
  width: calc(100% - 30px); }
  footer div {
    margin-bottom: 20px; }
    footer div p.titulo {
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase; }
    footer div ul {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px; }
      footer div ul li {
        font-size: 13px;
        font-weight: bold;
        margin: 15px 0px; }
    footer div ul.redes {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 50px; }
      footer div ul.redes li i {
        font-size: 18px; }
  footer .contenedor-rvd {
    display: flex;
    flex-direction: column;
    align-items: center; }
    footer .contenedor-rvd .contenedor-r {
      display: flex;
      justify-content: center; }
  footer .valoracion {
    display: none;
    width: 98px; }
    footer .valoracion img {
      width: 100%; }
  footer .derechos {
    font-size: 9px;
    font-weight: bold;
    margin-top: 30px; }

@media (min-width: 1024px) {
  footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    width: calc(100% - 150px);
    padding: 35px 75px; }
    footer div {
      margin-bottom: 0px; }
      footer div p.titulo {
        font-size: 11px; }
      footer div ul {
        margin-bottom: 0px; }
        footer div ul li {
          font-size: 11px;
          font-weight: bold;
          margin: 15px 0px; }
      footer div ul.redes {
        width: 80px; }
        footer div ul.redes li i {
          font-size: 22px; }
    footer .contenedor-rvd {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      margin: auto 0; }
      footer .contenedor-rvd .contenedor-rv {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; }
        footer .contenedor-rvd .contenedor-rv .valoracion {
          display: block;
          width: 80px; }
          footer .contenedor-rvd .contenedor-rv .valoracion img {
            width: 100%; }
      footer .contenedor-rvd .contenedor-d .derechos {
        margin-top: 15px; } }

img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

a {
  text-decoration: none;
  color: inherit; }

button {
  border: none;
  background-color: transparent;
  outline: none; }

body, main {
  position: relative;
  scroll-behavior: smooth;
  width: 100vw;
  overflow-x: hidden;
  min-height: 100vh;
  font-family: 'Red Hat Display'; }

main {
  min-height: 100vh; }

footer {
  position: relative;
  z-index: 2; }

#cookie-banner {
  width: calc(100% - 60px);
  padding: 30px;
  position: fixed;
  z-index: 3;
  display: none;
  align-items: center;
  flex-direction: column;
  background: white;
  bottom: -100%;
  opacity: 0;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px; }
  #cookie-banner .superior .titulo {
    display: none; }
  #cookie-banner .superior p {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 20px; }
  #cookie-banner .inferior {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    #cookie-banner .inferior button {
      font-size: 16px;
      background-color: #E4E2F4;
      color: #0A0F55;
      font-weight: bold;
      padding: 10px 30px;
      border-radius: 20px;
      margin-bottom: 20px; }

#cookie-banner.abrir {
  display: flex;
  opacity: 1;
  bottom: 0px;
  transition: opacity .5s, bottom .5s 1s; }

@media (min-width: 1024px) {
  #cookie-banner {
    width: calc(700px - 60px);
    padding: 30px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 2;
    display: none;
    align-items: center;
    flex-direction: row;
    background: white;
    bottom: -100%;
    opacity: 0;
    border-radius: 30px;
    border: 1px solid #707070; }
    #cookie-banner .superior {
      width: 50%; }
      #cookie-banner .superior .titulo {
        display: block;
        font-size: 24px;
        color: #696565;
        text-transform: uppercase; }
      #cookie-banner .superior p {
        font-size: 12px;
        line-height: 26px;
        margin-bottom: 10px; }
    #cookie-banner .inferior {
      width: 50%;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center; }
      #cookie-banner .inferior button {
        font-size: 15px;
        font-weight: bold;
        background-color: #C419BD;
        padding: 10px 30px;
        border-radius: 10px;
        margin-bottom: 0px;
        color: #ffffff; }
  #cookie-banner.abrir {
    display: flex;
    opacity: 1;
    bottom: 20%;
    transition: opacity .5s, bottom .5s 1s; } }

#carrusel {
  display: none; }
  @media (min-width: 1024px) {
    #carrusel {
      display: block; } }
  #carrusel .slick-dots li button:before {
    font-size: 40px; }
  #carrusel .slick-track {
    text-align: center;
    font-size: 40px;
    display: flex;
    justify-content: center;
    min-height: 555px;
    max-height: 555px; }
  #carrusel .carrusel-imagen img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 555px;
    min-height: 555px; }
  #carrusel .carrusel-imagen a div {
    width: 100%;
    height: 100%;
    min-height: 555px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  #carrusel .carrusel-imagen.custom img {
    max-height: 555px;
    -o-object-fit: contain;
       object-fit: contain; }
  #carrusel .carrusel-video {
    background-image: url("../imgs/index/placeholder-responsive.png");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    overflow: hidden; }
    #carrusel .carrusel-video video {
      width: 100%;
      height: 54.24%;
      -o-object-fit: cover;
         object-fit: cover;
      max-height: 555px; }

.video {
  position: relative;
  width: 100%;
  min-height: 256px; }
  @media (min-width: 1024px) {
    .video {
      display: none; } }

.video__archivo {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.video__archivo--escritorio {
  width: 100%;
  height: 100%;
  display: none; }
  @media screen and (min-width: 1024px) {
    .video__archivo--escritorio {
      display: block; } }

.video__archivo--movil {
  width: 100%;
  height: 100%;
  display: block; }
  @media screen and (min-width: 1024px) {
    .video__archivo--movil {
      display: none; } }

.encabezado {
  width: 100%;
  padding: 90px 0;
  display: grid;
  justify-content: center;
  justify-items: center;
  position: relative; }

.encabezado__titulo {
  font-size: 48px;
  font-weight: 900;
  color: #FF5700;
  text-align: center;
  text-transform: uppercase; }
  @media (max-width: 1024px) {
    .encabezado__titulo {
      font-size: 32px; } }

.encabezado__subtitulo {
  font-size: 12px;
  text-align: center;
  margin-top: 4px; }

.encabezado__botón {
  position: absolute;
  bottom: -50px;
  cursor: pointer; }

.encabezado__imagen {
  max-width: 100px;
  max-height: 100px;
  transition: all ease .3s; }
  .encabezado__imagen:hover {
    transform: scale(1.2); }

.grilla {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 80px 0; }
  @media (max-width: 1168px) {
    .grilla {
      width: calc(100% - 40px);
      margin: auto;
      grid-template-columns: repeat(auto-fill, minmax(220px, 320px));
      padding: 80px 20px 0px;
      gap: 15px;
      justify-content: center; } }

.grilla__botón {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 10px 22px;
  border-radius: 20px;
  display: flex;
  text-align: center;
  max-width: 168px;
  font-weight: bold;
  font-size: 14pt;
  color: white;
  background-color: #C419BD;
  cursor: pointer;
  transition: all ease .3s; }
  .grilla__botón img {
    width: 22px;
    margin-left: 22px; }
  .grilla__botón:hover {
    transform: scale(1.2); }

.grilla .producto__contenedor-imagen:nth-child(1) {
  left: 60px; }

.grilla .producto:nth-child(even) {
  flex-direction: row-reverse; }

.grilla .producto:nth-child(even) .producto__contenido {
  margin: 0 8% 0 0; }

.grilla .producto:nth-child(even) .producto__modal {
  left: 12px; }

.grilla .producto:nth-child(even) .producto__contenedor-imagen {
  left: 50px; }

.grilla .producto:nth-child(even) .producto__metaball-elipse {
  left: 50px;
  bottom: 0; }

.grilla .producto:nth-child(even) .producto__contenedor-metaball-izquierda {
  top: 70px;
  left: -120px; }

.grilla .producto:nth-child(even) .producto__contenedor-metaball-derecha {
  top: initial;
  bottom: 0px; }

.grilla .producto:nth-of-type(2) .producto__contenedor-metaball-izquierda, .grilla .producto:nth-of-type(2) .producto__contenedor-metaball-derecha, .grilla .producto:nth-of-type(4) .producto__contenedor-metaball-izquierda, .grilla .producto:nth-of-type(4) .producto__contenedor-metaball-derecha {
  transform: rotate(60deg); }

.grilla .producto:nth-of-type(1) .producto__contenedor-imagen {
  top: 10px;
  left: -30px;
  right: 80px; }

.grilla .producto:nth-of-type(2) .producto__contenedor-imagen {
  left: 0px;
  top: 0px; }

.grilla .producto:nth-of-type(3) .producto__contenedor-imagen {
  top: -25px;
  left: -45px;
  right: 50px; }

.grilla .producto:nth-of-type(4) .producto__contenedor-imagen {
  left: 5px;
  right: 20px; }

.grilla .producto:nth-of-type(5) .producto__contenedor-imagen {
  top: -80px;
  left: -100px; }

.grilla .producto:nth-of-type(6) .producto__contenedor-imagen {
  top: -50px;
  left: 0px; }

.grilla .producto:nth-of-type(7) .producto__contenedor-imagen {
  top: -20px;
  left: -50px;
  right: 50px; }

.grilla .producto:nth-of-type(8) .producto__contenedor-imagen {
  left: 0px;
  top: -50px; }

.grilla .producto:nth-child(even) .producto__elipse {
  left: -50%; }

.grilla .producto:nth-child(even) .producto__enlace:hover ~ .producto__contenedor-imagen .producto__imagen {
  transform: rotate(-20deg); }

.producto {
  width: calc(100% - 30px);
  margin: 60px 0;
  padding: 0 30px;
  position: relative;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1168px) {
    .producto {
      display: none; } }

.producto__encabezado {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px; }

.producto__categoria {
  font-weight: 900;
  text-transform: uppercase; }

.producto__categoria p:first-child {
  font-size: 56px; }

.producto__categoria h3 {
  font-size: 80px; }

.producto__categoria--naranja {
  color: #fbba3d; }

.producto__categoria--verde {
  color: #00ded7; }

.producto__categoria--azul {
  color: #2889fa; }

.producto__categoria--morado {
  color: #c227bb; }

.producto__categoria--rosa {
  color: #fa28b9; }

.producto__descripcion {
  font-size: 42px;
  font-weight: bold;
  color: #696565; }

.producto__contenido {
  width: 550px;
  margin-left: 8%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.producto__titulo {
  -webkit-text-stroke: 3px;
  color: transparent;
  font-size: 105px;
  font-weight: bold;
  text-transform: uppercase; }
  @media (max-width: 1536px) {
    .producto__titulo {
      font-size: 75px; } }

.margen__lateral {
  margin: 0 18% 0 0 !important; }
  @media (max-width: 1536px) {
    .margen__lateral {
      margin: 0 8% 0 0 !important; } }

.producto__titulo--naranja {
  -webkit-text-stroke-color: #fbba3d; }

.producto__subtitulo {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase; }

.producto__subtitulo--naranja {
  color: #fbba3d; }

.producto__graficos {
  position: relative;
  width: 500px; }

.producto__circulo {
  max-width: 420px;
  position: relative;
  z-index: 3; }

.producto__contenedor-metaball-izquierda {
  width: 225px;
  position: absolute;
  bottom: 0px;
  left: -80px;
  z-index: 1;
  transition: ease-out .2s; }

.producto__contenedor-metaball-derecha {
  max-width: 200px;
  position: absolute;
  top: 130px;
  right: 20px;
  z-index: 1;
  transition: ease-out .2s; }

.producto__metaball_uno, .producto__metaball_dos {
  transition: ease-out .2s; }

.producto__metaball-elipse {
  max-width: 100px;
  position: absolute;
  right: 120px;
  bottom: 0px;
  transition: ease-out .2s; }

.producto__enlace:hover ~ .producto__contenedor-imagen .producto__imagen {
  transform: rotate(20deg); }

.producto__modal {
  position: absolute;
  top: 25px;
  right: 90px;
  cursor: pointer;
  z-index: 4;
  transition: all ease .4s; }
  .producto__modal:hover {
    transform: scale(1.2); }

.producto__modal-imagen {
  width: 90px; }

.producto__contenedor-imagen {
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 3;
  transition: ease-out .2s; }

.producto__imagen {
  transition: ease-out .2s;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }

.producto__imagen__izquierda {
  transform: rotate(20deg); }

.producto__imagen__derecha {
  transform: rotate(-20deg); }

.producto__elipse {
  width: 550px;
  height: 550px;
  position: absolute;
  top: -40px;
  right: -50%;
  border-radius: 50%; }

.producto__elipse--naranja {
  background-color: rgba(251, 186, 61, 0.16); }

.producto__elipse--morado {
  background-color: rgba(194, 39, 187, 0.16); }

.producto__elipse--verde {
  background-color: rgba(0, 222, 215, 0.16); }

.producto__elipse--azul {
  background-color: rgba(40, 137, 250, 0.16); }

.producto__elipse--rosa {
  background-color: rgba(250, 40, 185, 0.16); }

.productoMovil {
  width: 100%;
  max-width: 320px;
  margin: 15px  auto 120px;
  background-color: #F8F8F8;
  border-radius: 20px;
  display: none; }
  @media (max-width: 1168px) {
    .productoMovil {
      display: block; } }

.productoMovil__superior {
  position: relative;
  height: 110px;
  display: flex;
  justify-content: center; }

.productoMovil__imagen {
  width: 100%;
  max-width: 227px;
  top: -80px;
  position: absolute; }

.productoMovil__inferior {
  width: calc(100% - 20px);
  height: auto;
  min-height: calc(92px - 20px);
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }
  .productoMovil__inferior p {
    font-size: 24px;
    font-weight: 500;
    color: #696565; }
    .productoMovil__inferior p b {
      font-weight: bold; }
  .productoMovil__inferior .productoMovil__boton {
    display: block;
    padding: 7px 40px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    border-radius: 20px;
    color: #0A0F55;
    background-color: #E4E2F4;
    cursor: pointer; }

#contenido {
  margin-top: 100px;
  min-height: calc(100vh - 100px); }

#productos {
  padding: 60px 0px;
  background: linear-gradient(#fff4e2 20%, #ffe8fe 55%, #ebfffe 75%, #FFE2FA 100%); }