@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';

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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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;
}
[class$='wrapper'] {
  box-sizing: border-box;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
[class$='wrapper']:after {
  content: '';
  display: table;
  clear: both;
}
.inner-wrapper {
  max-width: 748px;
}
.extended-wrapper {
  max-width: 960px;
}
.fluid-wrapper {
  max-width: none;
}
.row {
  box-sizing: border-box;
  width: 100%;
}
.row.steps {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
[class*='col-'],
[class*='lg-'],
[class*='md-'],
[class*='sm-'] {
  box-sizing: border-box;
  position: relative;
  float: left;
}
[class*='col-'] .content,
[class*='lg-'] .content,
[class*='md-'] .content,
[class*='sm-'] .content {
  margin: 0 10px 20px;
}
[class*='col-'] .content:after,
[class*='lg-'] .content:after,
[class*='md-'] .content:after,
[class*='sm-'] .content:after {
  content: '';
  display: table;
  clear: both;
}
.dinored {
  color: #cf2f2a;
}
.dinoblue {
  color: #83b5dc;
}
.dinogreen {
  color: #5fa23f;
}
.dinoyellow {
  color: #fbdc3a;
}
html,
body,
strong,
.cta,
.button,
#legal-page h1,
#legal-page h2,
#legal-page h3,
#legal-page li,
textarea,
select,
input[type='text'],
input[type='email'],
label,
label.top,
label.static,
.group-label,
.form-feedback,
.menu-item,
.menu-item:before,
.menu-item.current:not(.dino-font),
.menu-item:not(.dino-font):hover,
.submenu-item .title,
.submenu-item .link,
.submenu-item:hover .title,
.mobile-menu .menu-item,
#site-footer,
.breadcrumb-item,
.breadcrumb-item:last-child,
.title-404,
#info-nutricional-cookienns,
#info-nutricional .title,
.nutritional-table thead tr,
.nutritional-table th:first-of-type,
.nutritional-table td:first-of-type,
.cookie-alert .accept,
.slide .module,
.slide .title,
article .title,
article .module,
.product-range .module,
.product-range .title,
.product-range .product-name,
.widget.facebook .title,
.widget .cover-content .title,
.ig-photo .ig-likes,
.facebook-post.error,
.fb-react-icon,
.list-with-image .title,
.list-with-image .item,
.title-block .title,
.subtitle-block .title,
.title-block .subtitle,
.subtitle-block .subtitle,
.editor-block h1,
.editor-block h2,
.editor-block h3,
.editor-block h4,
.editor-block h5,
.editor-block h6,
.editor-block strong,
.related-content > .title,
.reason-block .photo-title,
.reason-block .wysiwyg h2,
.the-products .product-name,
.form-container .title,
.faq-box .expand,
.answer-card .collapse,
.embed-game,
.single-post .title,
.step-title,
.dynamic-section .header-image-title,
.header-image-block .header-image-title {
  font-family: Roboto, sans-serif;
}
@font-face {
  font-family: dimboitalic;
  src: url(../vendor/fonts/dimbo/dimboitalic-webfont.eot);
  src: url(../vendor/fonts/dimbo/dimboitalic-webfont.eot?#iefix)
      format('embedded-opentype'),
    url(../vendor/fonts/dimbo/dimboitalic-webfont.woff2) format('woff2'),
    url(../vendor/fonts/dimbo/dimboitalic-webfont.woff) format('woff'),
    url(../vendor/fonts/dimbo/dimboitalic-webfont.ttf) format('truetype'),
    url(../vendor/fonts/dimbo/dimboitalic-webfont.svg#dimboitalic) format('svg');
}
@font-face {
  font-family: dimboregular;
  src: url(../vendor/fonts/dimbo/dimboregular-webfont.eot);
  src: url(../vendor/fonts/dimbo/dimboregular-webfont.eot?#iefix)
      format('embedded-opentype'),
    url(../vendor/fonts/dimbo/dimboregular-webfont.woff2) format('woff2'),
    url(../vendor/fonts/dimbo/dimboregular-webfont.woff) format('woff'),
    url(../vendor/fonts/dimbo/dimboregular-webfont.ttf) format('truetype'),
    url(../vendor/fonts/dimbo/dimboregular-webfont.svg#dimboregular)
      format('svg');
}
.dino-font {
  font-family: dimboregular;
  text-transform: uppercase;
}
@font-face {
  font-family: socicon;
  src: url(../vendor/fonts/socicon/socicon.eot);
  src: url(../vendor/fonts/socicon/socicon.eot?#iefix)
      format('embedded-opentype'),
    url(../vendor/fonts/socicon/socicon.woff) format('woff'),
    url(../vendor/fonts/socicon/socicon.ttf) format('truetype'),
    url(../vendor/fonts/socicon/socicon.svg#socicon) format('svg');
}
[data-icon]:before {
  font-family: socicon !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^='socicon-']:before,
[class*=' socicon-']:before {
  font-family: socicon !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.socicon-modelmayhem:before {
  content: '\e000';
}
.socicon-mixcloud:before {
  content: '\e001';
}
.socicon-drupal:before {
  content: '\e002';
}
.socicon-swarm:before {
  content: '\e003';
}
.socicon-istock:before {
  content: '\e004';
}
.socicon-yammer:before {
  content: '\e005';
}
.socicon-ello:before {
  content: '\e006';
}
.socicon-stackoverflow:before {
  content: '\e007';
}
.socicon-persona:before {
  content: '\e008';
}
.socicon-triplej:before {
  content: '\e009';
}
.socicon-houzz:before {
  content: '\e00a';
}
.socicon-rss:before {
  content: '\e00b';
}
.socicon-paypal:before {
  content: '\e00c';
}
.socicon-odnoklassniki:before {
  content: '\e00d';
}
.socicon-airbnb:before {
  content: '\e00e';
}
.socicon-periscope:before {
  content: '\e00f';
}
.socicon-outlook:before {
  content: '\e010';
}
.socicon-coderwall:before {
  content: '\e011';
}
.socicon-tripadvisor:before {
  content: '\e012';
}
.socicon-appnet:before {
  content: '\e013';
}
.socicon-goodreads:before {
  content: '\e014';
}
.socicon-tripit:before {
  content: '\e015';
}
.socicon-lanyrd:before {
  content: '\e016';
}
.socicon-slideshare:before {
  content: '\e017';
}
.socicon-buffer:before {
  content: '\e018';
}
.socicon-disqus:before {
  content: '\e019';
}
.socicon-vkontakte:before {
  content: '\e01a';
}
.socicon-whatsapp:before {
  content: '\e01b';
}
.socicon-patreon:before {
  content: '\e01c';
}
.socicon-storehouse:before {
  content: '\e01d';
}
.socicon-pocket:before {
  content: '\e01e';
}
.socicon-mail:before {
  content: '\e01f';
}
.socicon-blogger:before {
  content: '\e020';
}
.socicon-technorati:before {
  content: '\e021';
}
.socicon-reddit:before {
  content: '\e022';
}
.socicon-dribbble:before {
  content: '\e023';
}
.socicon-stumbleupon:before {
  content: '\e024';
}
.socicon-digg:before {
  content: '\e025';
}
.socicon-envato:before {
  content: '\e026';
}
.socicon-behance:before {
  content: '\e027';
}
.socicon-delicious:before {
  content: '\e028';
}
.socicon-deviantart:before {
  content: '\e029';
}
.socicon-forrst:before {
  content: '\e02a';
}
.socicon-play:before {
  content: '\e02b';
}
.socicon-zerply:before {
  content: '\e02c';
}
.socicon-wikipedia:before {
  content: '\e02d';
}
.socicon-apple:before {
  content: '\e02e';
}
.socicon-flattr:before {
  content: '\e02f';
}
.socicon-github:before {
  content: '\e030';
}
.socicon-renren:before {
  content: '\e031';
}
.socicon-friendfeed:before {
  content: '\e032';
}
.socicon-newsvine:before {
  content: '\e033';
}
.socicon-identica:before {
  content: '\e034';
}
.socicon-bebo:before {
  content: '\e035';
}
.socicon-zynga:before {
  content: '\e036';
}
.socicon-steam:before {
  content: '\e037';
}
.socicon-xbox:before {
  content: '\e038';
}
.socicon-windows:before {
  content: '\e039';
}
.socicon-qq:before {
  content: '\e03a';
}
.socicon-douban:before {
  content: '\e03b';
}
.socicon-meetup:before {
  content: '\e03c';
}
.socicon-playstation:before {
  content: '\e03d';
}
.socicon-android:before {
  content: '\e03e';
}
.socicon-snapchat:before {
  content: '\e03f';
}
.socicon-twitter:before {
  content: '\e040';
}
.socicon-facebook:before {
  content: '\e041';
}
.socicon-googleplus:before {
  content: '\e042';
}
.socicon-pinterest:before {
  content: '\e043';
}
.socicon-foursquare:before {
  content: '\e044';
}
.socicon-yahoo:before {
  content: '\e045';
}
.socicon-skype:before {
  content: '\e046';
}
.socicon-yelp:before {
  content: '\e047';
}
.socicon-feedburner:before {
  content: '\e048';
}
.socicon-linkedin:before {
  content: '\e049';
}
.socicon-viadeo:before {
  content: '\e04a';
}
.socicon-xing:before {
  content: '\e04b';
}
.socicon-myspace:before {
  content: '\e04c';
}
.socicon-soundcloud:before {
  content: '\e04d';
}
.socicon-spotify:before {
  content: '\e04e';
}
.socicon-grooveshark:before {
  content: '\e04f';
}
.socicon-lastfm:before {
  content: '\e050';
}
.socicon-youtube:before {
  content: '\e051';
}
.socicon-vimeo:before {
  content: '\e052';
}
.socicon-dailymotion:before {
  content: '\e053';
}
.socicon-vine:before {
  content: '\e054';
}
.socicon-flickr:before {
  content: '\e055';
}
.socicon-500px:before {
  content: '\e056';
}
.socicon-instagram:before {
  content: '\e057';
}
.socicon-wordpress:before {
  content: '\e058';
}
.socicon-tumblr:before {
  content: '\e059';
}
.socicon-twitch:before {
  content: '\e05a';
}
.socicon-8tracks:before {
  content: '\e05b';
}
.socicon-amazon:before {
  content: '\e05c';
}
.socicon-icq:before {
  content: '\e05d';
}
.socicon-smugmug:before {
  content: '\e05e';
}
.socicon-ravelry:before {
  content: '\e05f';
}
.socicon-weibo:before {
  content: '\e060';
}
.socicon-baidu:before {
  content: '\e061';
}
.socicon-angellist:before {
  content: '\e062';
}
.socicon-ebay:before {
  content: '\e063';
}
.socicon-imdb:before {
  content: '\e064';
}
.socicon-stayfriends:before {
  content: '\e065';
}
.socicon-residentadvisor:before {
  content: '\e066';
}
.socicon-google:before {
  content: '\e067';
}
.socicon-yandex:before {
  content: '\e068';
}
.socicon-sharethis:before {
  content: '\e069';
}
.socicon-bandcamp:before {
  content: '\e06a';
}
.socicon-itunes:before {
  content: '\e06b';
}
.socicon-deezer:before {
  content: '\e06c';
}
.socicon-telegram:before {
  content: '\e06e';
}
.socicon-openid:before {
  content: '\e06f';
}
.socicon-amplement:before {
  content: '\e070';
}
.socicon-viber:before {
  content: '\e071';
}
.socicon-zomato:before {
  content: '\e072';
}
.socicon-quora:before {
  content: '\e073';
}
.socicon-draugiem:before {
  content: '\e074';
}
.socicon-endomodo:before {
  content: '\e075';
}
.socicon-filmweb:before {
  content: '\e076';
}
.socicon-stackexchange:before {
  content: '\e077';
}
.socicon-wykop:before {
  content: '\e078';
}
.socicon-teamspeak:before {
  content: '\e079';
}
.socicon-teamviewer:before {
  content: '\e07a';
}
.socicon-ventrilo:before {
  content: '\e07b';
}
.socicon-younow:before {
  content: '\e07c';
}
.socicon-raidcall:before {
  content: '\e07d';
}
.socicon-mumble:before {
  content: '\e07e';
}
.socicon-medium:before {
  content: '\e06d';
}
html,
body {
  width: 100%;
  min-height: 100%;
  background-color: #efc044;
  font-weight: 300;
}
html.locked,
body.locked {
  overflow: hidden;
  position: fixed;
  height: 100%;
}
@media screen and (min-width: 480px) {
  body.locked {
    overflow: auto;
    position: relative;
  }
}

html,
body {
  position: relative;
  background-color: #efc044;
}
body.is-active {
  overflow: hidden;
}
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  cursor: -webkit-image-set(url(../img/_dino_cursor.png) 2x), pointer;
}
p {
  line-height: 1.25;
  margin-bottom: 0.75em;
}
p:last-child {
  margin-bottom: 0;
}
img {
  max-width: 100%;
  display: block;
}
strong {
  font-weight: 700;
}
hr {
  border: none;
  display: block;
  width: 100%;
  height: 1px;
  margin: 4em 0 2em;
}
hr.pink {
  background-color: #d7851b;
}
small {
  font-size: smaller;
}
.inline-list li {
  display: inline-block;
}
.right {
  float: right;
  text-align: right;
}
.left {
  float: left;
  text-align: left;
}
.cta {
  position: relative;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 0.75em 1.5em;
  border: 1px solid;
  border-color: inherit;
  border-radius: 5px;
  color: inherit;
  background-color: white;
  transition: all 100ms;
  top: 0;
}

.button {
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 0.75em 1.5em;
  margin: 0 0.35em;
  border-radius: 5px;
}
.button:hover {
  cursor: -webkit-image-set(url(../img/_dino_cursor.png) 2x), pointer;
}
.button .socicon {
  font-size: 0.85em;
  margin-right: 0.5em;
  position: relative;
  top: 1px;
}
.button .fa {
  margin-right: 0.5em;
}
.page-content-block {
  padding: 0 0 2em;
}
.page-content-block:after {
  content: '';
  display: table;
  clear: both;
}
.page-content-block:first-of-type.image-gallery {
  padding-top: 0;
}
.page-content {
  padding: 0 0 2em;
}
.page-content:after {
  content: '';
  display: table;
  clear: both;
}
.embed-container {
  position: relative;
  padding-bottom: 67.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fadeout {
  transition: opacity 300ms;
  opacity: 0;
}
.remove {
  display: none;
}
#legal-page {
  width: 100%;
  max-width: 840px;
  margin: 2em auto 1em;
  color: #080094;
}
#legal-page header {
  text-align: center;
  margin-bottom: 1em;
}
#legal-page h1 {
  font-weight: 500;
  font-size: 2em;
  margin-bottom: 1.25em;
}
#legal-page h2 {
  font-weight: 500;
  font-size: 1.25em;
  margin-bottom: 1.25em;
}
#legal-page h3 {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 1em;
}
#legal-page p + h2 {
  margin-top: 1.75em;
}
#legal-page p + h3 {
  margin-top: 1.25em;
}
#legal-page li {
  font-weight: 300;
  list-style-type: disc;
  line-height: 1.25;
  margin-bottom: 1.25em;
  margin-left: 1em;
}

#legal-page table {
  font-size: 13px;
}

#legal-page td {
  padding: 0.5em;
  border: 1px solid #666;
}

.form-group {
  margin: 0 0 2em;
}
.form-group fieldset {
  position: relative;
  padding-right: 2em;
}
.form-group fieldset.select-set:after {
  display: block;
  position: absolute;
  content: '▴';
  transform: rotate(180deg);
  top: 25%;
  right: 2.5em;
  color: #d7851b;
}
.form-group fieldset.loading {
  background-position: 98.5% 40%;
  background-repeat: no-repeat;
}
.form-group fieldset.loading.magnify {
  background-image: url(../img/magnify.svg);
}
textarea,
select,
input[type='text'],
input[type='email'] {
  width: 100%;
  border: none;
  outline: none;
  padding: 0.5em 1em;
  font-size: 1em;
  font-weight: 300;
}
textarea.error,
select.error,
input[type='text'].error,
input[type='email'].error {
  color: #eb4350;
}
textarea.error + label,
select.error + label,
input[type='text'].error + label,
input[type='email'].error + label {
  color: #eb4350 !important;
}
input[type='checkbox'].error + label {
  color: #eb4350 !important;
}
select {
  position: relative;
  -webkit-appearance: none;
  border-radius: 0;
  height: 35px;
  background-color: white;
}
label {
  position: absolute;
  display: inline-block;
  transition: all 200ms;
  font-weight: 300;
  top: 0.65em;
  left: 1em;
}
label.top {
  font-weight: 500;
  font-size: 0.8em;
  top: -1.25em;
  left: 0;
  color: #988d7d;
}
label.static {
  position: relative;
  top: 0.1em !important;
  left: 0 !important;
  font-weight: 300;
  font-size: 0.8em;
}
label .optional {
  font-size: 0.75em;
}
.group-label {
  margin: 0 0 1em;
  font-weight: 500;
  color: #988d7d;
}
.checkbox-set label a {
  text-decoration: underline;
}
#dinonews-signup .form-group.children-group {
  display: block;
}
.child-row {
  position: relative;
  display: none;
  padding-top: 1em;
}
.child-row:first-child {
  padding-top: 0;
}
.child-row.visible {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}

@media screen and (min-width: 780px) {
  .child-row.visible {
    flex-direction: row;
  }
}
.form-feedback {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 42px;
  font-weight: 500;
  font-size: 0.9em;
  color: #eb4350;
}
.form-feedback.yeah {
  color: #5fa23f !important;
}
.form-feedback.outter {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -5em;
}
.button-file {
  position: relative;
  overflow: hidden;
  background-color: #d7851b;
  color: white;
}
.button-file input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.progress {
  display: block;
  width: 100%;
  height: 3px;
  margin: 1em 0;
  background-color: white;
  opacity: 0;
  position: relative;
  transition: opacity 200ms;
}
.progress.loading {
  opacity: 1;
}
.progress .bar {
  height: 3px;
  width: 10%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d7851b;
  transition: width 200ms;
}
.progress-finished {
  position: absolute;
  top: 0.75em;
  color: #5fa23f;
  opacity: 0;
  transition: opacity 200ms;
}
.progress-finished.active {
  opacity: 1;
}
.submit-set {
  text-align: right;
}
#site-header {
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 960px;
  max-height: 35px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #efc044;
  color: white;
  z-index: 21;
}
@media screen and (min-width: 480px) {
  #site-header {
    max-height: 50px;
  }
}

.dinonews-option {
  position: relative;
  padding: 0 0 0 2em;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .dinonews-option {
    padding: 0.5em 0 0.5em 2em;
  }
}

.dinonews-option p {
  line-height: 2.6;
}
.dinonews-option:before {
  display: block;
  content: ' ';
  width: 25px;
  height: 150%;
  box-shadow: inset -6px 2px 10px 0 rgba(152, 94, 19, 0.9);
  position: absolute;
  top: -10px;
  left: -5px;
  transform: rotate(-20deg);
}
.social-icons {
  margin-right: 1em;
}
.social-icon {
  margin: 0 0 0 0.75em;
}
.social-icon .socicon {
  position: relative;
}
.social-icon .socicon-facebook {
  font-size: 0.95em;
  top: -1px;
}
.social-icon .socicon-youtube {
  font-size: 1.2em;
  top: 1px;
}
.social-icon .socicon-googleplus {
  font-size: 1.35em;
  top: 2px;
}
.social-icon a {
  text-decoration: none;
}

#site-logo {
  position: absolute;
  top: -3em;
  left: 50%;
  transform: translateX(-50%) scale(0.3);
  overflow: hidden;
}
@media screen and (min-width: 480px) {
  #site-logo {
    top: -2.5em;
    transform: translateX(-50%) scale(0.4);
  }
}
@media screen and (min-width: 768px) {
  #site-logo {
    transform: translateX(-50%) scale(0.5);
  }
}

.site-logo-img {
  width: 29em;
  height: 9.5em;
  background: transparent url(../../dinosaurus/img/logo-dinosaurus@2x.webp)
    no-repeat center 1em / contain;
}

#site-navigation {
  max-width: 480px;
  padding: 2.1em 0 1.4em;
  margin: 0;
  position: relative;
  transition: all 200ms;
}
#site-navigation:after {
  content: '';
  display: table;
  clear: both;
}
#site-navigation.opened {
  display: block;
  z-index: 21;
  background: #080094
    url(../../dinosaurus/img/dinosaurus-menu-bckg-tostarica-sm.png) no-repeat
    center 2em / cover;
  max-height: 9999px;
  overflow: auto;
}
#site-navigation .full-wrapper {
  position: static;
}
.menu-item .menu-link {
  font-family: dimboregular, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.burger-icon {
  display: block;
  position: absolute;
  top: 2em;
  left: 0.55em;
  width: 20px;
  height: 3px;
  background-color: white;
}
.burger-icon:before,
.burger-icon:after {
  display: block;
  content: '';
  width: 20px;
  height: 3px;
  background-color: white;
  position: relative;
  transition: transform 200ms;
}
.burger-icon:before {
  top: -6px;
}
.burger-icon:after {
  top: 3px;
}
.opened .burger-icon {
  background-color: transparent;
}
.opened .burger-icon:before {
  background-color: red;
  transform: rotate(-45deg);
  top: 0;
}
.opened .burger-icon:after {
  background-color: red;
  transform: rotate(45deg);
  top: -3px;
}
.menu-btn {
  position: absolute;
  top: 2em;
  left: 0.625em;
}
.menu-burguer-bckg {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5em;
  height: 3.25em;
  background-color: #080094;
}
.menu-burguer-bckg.opened {
  background-color: transparent;
}
@media screen and (min-width: 480px) {
  #site-navigation {
    max-width: 200px;
    padding: 1em 0;
  }
  #site-navigation.opened {
    background: #080094
      url(../../dinosaurus/img/dinosaurus-menu-bckg-tostarica.png) no-repeat
      center 1em / contain;
  }
  .burger-icon {
    left: 0.675em;
    width: 25px;
  }
  .burger-icon:before,
  .burger-icon:after {
    width: 25px;
  }
  .menu-btn {
    left: 0.75em;
  }
  .menu-burguer-bckg {
    left: 1em;
    width: 3em;
    height: 3.75em;
  }
}
@media screen and (min-width: 740px) {
  #site-navigation {
    max-width: 285px;
    padding: 2.1em 0 2.4em;
  }
}
@media screen and (min-width: 960px) {
  #site-navigation {
    max-width: 342px;
    padding: 2.1em 0 2.4em;
  }
}

.mobile-menu {
  position: relative;
  color: white;
  width: 100%;
  margin: 6em 0 0;
  display: none;
}
.mobile-menu:after {
  content: '';
  display: table;
  clear: both;
}
.mobile-menu .menu-item {
  text-align: left;
  margin: 0 0 0.25em 6%;
  font-weight: 500;
  font-size: 1.4em;
}
.mobile-menu .menu-item:after {
  content: none;
}
.mobile-menu .menu-item a:active,
.mobile-menu .menu-item a:focus,
.mobile-menu .menu-item a:hover {
  color: #f4c143;
}
.opened .mobile-menu {
  display: block;
}
@media screen and (min-width: 480px) {
  .mobile-menu {
    margin: 9.5em 0 0;
  }
  .mobile-menu .menu-item {
    margin: 0 0 0.25em 12%;
    font-size: 1.6em;
  }
}
@media screen and (min-width: 740px) {
  .mobile-menu {
    margin: 12em 0 0;
  }
  .mobile-menu .menu-item {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 960px) {
  .mobile-menu {
    margin: 15em 0 0;
  }
  .mobile-menu .menu-item {
    font-size: 2.25em;
  }
}

.menu-home {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 2.2em;
}
.menu-home .button-home {
  margin-left: 0.25em;
  height: 3.25em;
  width: 2.25em;
  font-weight: 700;
}
.menu-home .button-home .button__image {
  margin: 0.5em auto 0.25em;
  width: 26px;
  height: 26px;
  background: url('../img/dinosaurus-shop-tostarica.png') 50% 50% / contain
    no-repeat;
}
@media screen and (min-width: 480px) {
  .menu-home {
    left: 3.75em;
  }
  .menu-home .button-home {
    margin-left: 0.5em;
    height: 4.5em;
    width: 3em;
  }
  .menu-home .button-home .button__image {
    margin: 1em auto 0.25em;
    width: 31px;
    height: 31px;
  }
}

.menu-right {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  right: 0;
}
.menu-right .button-shop {
  margin-right: 0.25em;
  height: 3.25em;
  width: 2.25em;
  background: #71a73b;
  font-weight: 700;
}
.menu-right .button-shop .button__image {
  margin: 0.5em auto 0.25em;
  width: 26px;
  height: 26px;
  background: url('../img/shopping-cart.png') 50% 50% / contain no-repeat;
}
.menu-right .button-shop .button__text {
  display: block;
  text-align: center;
  font-size: 0.5em;
}
.socicon-instagram-bckg {
  position: relative;
  width: 2.25em;
  height: 2.75em;
  background: rgb(235, 94, 27);
  background: linear-gradient(
    0deg,
    rgba(235, 94, 27, 1) 0%,
    rgba(176, 23, 169, 1) 100%
  );
}
.socicon-instagram {
  position: absolute;
  top: 0.6em;
  left: 0.35em;
  font-size: 1.4em;
}
@media screen and (min-width: 480px) {
  .menu-right {
    right: 1em;
  }
  .menu-right .button-shop {
    margin-right: 0.5em;
    height: 4.5em;
    width: 3em;
  }
  .menu-right .button-shop .button__image {
    margin: 1em auto 0.25em;
    width: 31px;
    height: 31px;
  }
  .menu-right .button-shop .button__text {
    font-size: 0.625em;
  }
  .socicon-instagram-bckg {
    width: 3em;
    height: 3.75em;
  }
  .socicon-instagram {
    font-size: 1.75em;
  }
}

#site-footer {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  background-color: #efc044;
}
#footer-logo {
  position: relative;
  top: 2.5em;
  left: 50%;
  transform: translateX(-50%);
}
.footer-logo-img {
  height: 3.5em;
  background: transparent url(../../dinosaurus/img/logo-dinosaurus@2x.webp)
    no-repeat center center / contain;
}
#site-footer .footer-item {
  font-size: 0.7em;
  font-weight: 500;
  text-transform: uppercase;
  color: #080094;
}
#site-footer:after {
  content: '';
  display: table;
  clear: both;
}
#footer-navigation {
  padding: 4em 0 2em;
  margin: 0 auto;
}
.footer-list {
  text-align: center;
}
.footer-item {
  padding: 0 0.75em;
  margin-bottom: 0.5em;
}
.footer-item:first-child {
  padding-left: 0;
}
.footer-item a {
  text-decoration: none;
}
.footer-right {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: center;
}
.footer-right .socicon-facebook-bckg {
  position: relative;
  width: 3em;
  height: 4.75em;
  margin-right: 0.75em;
  background: #1c63db;
}
.footer-right .socicon-facebook,
.footer-right .socicon-youtube {
  position: absolute;
  top: 0.6em;
  left: 0.35em;
  font-size: 1.75em;
  color: #fff;
}
.footer-right .socicon-youtube-bckg {
  position: relative;
  width: 3em;
  height: 4.75em;
  background: #dc2c58;
}

@media screen and (min-width: 960px) {
  #footer-navigation {
    margin-left: 2em;
  }
  .footer-right {
    position: absolute;
    bottom: 0;
    right: 2em;
  }
  .footer-item {
    padding: 0 0.5em;
  }
}

#mask {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 500ms;
  z-index: -999;
  opacity: 0;
}
#mask.active {
  z-index: 998;
  opacity: 1;
}
.modal {
  position: absolute;
  z-index: 999;
  width: 100%;
  max-width: 640px;
  background-color: white;
  padding: 0.75em;
  transition: all 400ms ease-out;
  transform: translateY(100px);
  opacity: 0;
  display: none;
}
.modal.ready {
  display: block;
}
.modal.active {
  transform: translateY(0);
  opacity: 1;
}
.modal .close {
  position: absolute;
  top: 2em;
  right: 2em;
  color: white;
  border: 2px solid white;
  border-radius: 100%;
  font-weight: 700;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 1.7;
  cursor: pointer;
}
.modal.error {
  display: none;
  background-color: #fb7782;
}
.modal.ok {
  display: none;
  background-color: #8ab269;
}
.dinonews-signup_background {
  background: #436ecb
    url('../images/dinoregistro/dinoregistro-background-2.png') 50% 0% / cover
    no-repeat;
}
#dinonews-signup {
  max-width: 960px;
  color: white;
}
#dinonews-signup .content {
  height: 100%;
  border: 2px solid white;
  padding: 3em 0 2em;
}
#dinonews-signup .dinodeco {
  position: absolute;
  top: 30%;
  right: -21%;
}
#dinonews-signup .title {
  max-width: 210px;
  padding: 1.5em 0 0.5em;
  margin: 0 auto 0;
  font: 700 3em/100% dimboregular, Arial, sans-serif;
  color: #080094;
  text-align: center;
  text-transform: uppercase;
}
#dinonews-signup .subtitle {
  max-width: 840px;
  text-align: center;
  font-size: 1.25em;
  line-height: 1.25;
  margin: 0 auto 0.75em;
  padding: 0 1em;
}
#dinonews-signup .note {
  max-width: 506px;
  text-align: center;
  font-size: 0.75em;
  color: #080094;
  background-color: #91b8e1;
  margin: 0 auto;
  padding: 0.2em 0.5em;
}
#dinonews-signup .dino-registro-img {
  position: relative;
  background: url(../images/dinoregistro/dino-dinoregistro.png) 50% 50% /
    contain no-repeat;
  height: 241px;
  margin: 1.5em auto -7.375em;
  z-index: 1;
}
#dinonews-signup .dinonews-form {
  max-width: 960px;
}
#dinonews-signup .dinonews-form-outer {
  width: 100%;
  background-color: #91b8e1;
  padding-top: 2em;
  margin-top: 3em;
}
#dinonews-signup .dinonews-form-container {
  max-width: 872px;
  margin: 0 auto;
}
#dinonews-signup .form-group:first-of-type {
  margin-top: 2em;
}
#dinonews-signup .form-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 1em;
}
@media screen and (min-width: 780px) {
  #dinonews-signup .form-group {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 1em;
    padding: 0 1em;
  }
}
#dinonews-signup .form-group fieldset {
  padding: 0;
}
#dinonews-signup .form-group .lg-6 {
  width: 100%;
  margin: 0.75em 0;
}
@media screen and (min-width: 780px) {
  #dinonews-signup .form-group .lg-6 {
    width: 49%;
    margin: 0.75em 0 0;
  }
}
#dinonews-signup label {
  color: #080094;
  font-weight: 500;
}
#dinonews-signup label.top {
  color: white;
}
#dinonews-signup label.static {
  color: #080094;
  font-weight: 100;
}
#dinonews-signup p.obligado {
  color: #080094;
  text-align: left;
  font-size: 0.8em;
  font-weight: 700;
  margin-left: 0.8em;
}
#dinonews-signup .submit-set {
  text-align: center;
}
#dinonews-signup .submit-set .cta {
  font-family: dimboregular;
  font-size: 2em;
  position: relative;
  z-index: 20;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  outline: none;
  padding: 0 0.5em;
  margin-top: -0.5em;
  background-color: #000495;
  color: #fff !important;
  box-shadow: none !important;
}
#form-ok .content,
#form-error .content,
#reactivacion_home .content,
#reactivacion_dinopedia .content {
  position: relative;
  height: 100%;
  border: 2px solid white;
  padding: 4em 5em;
  text-align: center;
  color: white;
}
#form-ok .content:after,
#form-error .content:after,
#reactivacion_home .content:after,
#reactivacion_dinopedia .content:after {
  content: '';
  display: table;
  clear: both;
}
#form-ok .big,
#form-error .big,
#reactivacion_home .big,
#reactivacion_dinopedia .big {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 1.75em;
}
#form-ok .big + p,
#form-error .big + p,
#reactivacion_home .big + p,
#reactivacion_dinopedia .big + p {
  margin-top: 1em;
}
#reactivacion_home {
  background-color: #d7851b;
}
#reactivacion_dinopedia {
  background-color: #8ab269;
}
#take-a-rest {
  display: none;
  text-align: center;
  background-color: #d7851b;
}
#take-a-rest .content {
  position: relative;
  height: 100%;
  border: 2px solid white;
  padding: 4em 5em;
  color: white;
  text-align: center;
}
#take-a-rest .content:after {
  content: '';
  display: table;
  clear: both;
}
#take-a-rest .big {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 1.75em;
}
#take-a-rest .big + p {
  margin-top: 1em;
}
.wp-editor-tools {
  display: none;
  position: absolute;
  bottom: 2em;
  right: 2em;
  background-color: black;
  color: white;
  opacity: 0.35;
  width: 2em;
  height: 2em;
  border-radius: 100%;
  line-height: 2;
  text-align: center;
  z-index: 9;
}
.wp-editor-tools:hover {
  opacity: 0.65;
}
/*!
 * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-single:before,
.pika-single:after {
  content: ' ';
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
}
.pika-select {
  display: inline-block;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #3af;
  font-weight: 700;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: 700;
  background: #3af;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.pika-button:hover {
  color: #fff;
  background: #d7851b;
  box-shadow: none;
  border-radius: 3px;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-inrange .pika-button {
  background: #d5e9f7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #3af;
  box-shadow: none;
  border-radius: 3px;
}
.breadcrumb {
  background-color: #fff9e9;
  color: #d7851b;
}
.breadcrumb-item {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.8em;
}
.breadcrumb-item a {
  text-decoration: none;
}
.breadcrumb-item:after {
  content: ' >';
}
.breadcrumb-item:last-child {
  font-weight: 700;
}
.breadcrumb-item:last-child:after {
  content: '';
}
.downloads-background {
  background-color: #ffe284;
}
.downloads-content-dinopedia {
  width: 100%;
  padding-bottom: 16.5%;
  background: no-repeat url(../img/banner-dinopedia-mobile.png) 50% 50% /
    contain;
}
.downloads-content-dinopedia .home__button {
  margin-top: 17.5em;
  font-size: 1.875em;
}
@media screen and (min-width: 380px) {
  .downloads-content-dinopedia {
    padding-bottom: 25.5%;
  }
  .downloads-content-dinopedia .home__button {
    margin-top: 27.5em;
  }
}
@media screen and (min-width: 480px) {
  .downloads-content-dinopedia {
    padding-bottom: 4.5%;
    background: no-repeat url(../img/banner-dinopedia.png) 50% 50% / contain;
  }

  .downloads-content-dinopedia .home__button {
    margin-top: 5.5em;
    font-size: 1.5em;
  }
}
@media screen and (min-width: 724px) {
  .downloads-content-dinopedia .home__button {
    margin-top: 7em;
    font-size: 1.875em;
  }
}

.dynamic-section .downloads-header.header-image-title {
  max-width: 275px;
  top: 1.75em;
  font-family: dimboregular;
  font-size: 1.625em;
}
@media screen and (min-width: 480px) {
  .dynamic-section .downloads-header.header-image-title {
    max-width: 379px;
    top: 1.375em;
    font-size: 2.25em;
  }
}
@media screen and (min-width: 655px) {
  .dynamic-section .downloads-header.header-image-title {
    max-width: 465px;
    top: 1.125em;
    font-size: 2.75em;
  }
}
.downloads-list {
  padding: 4em 1.4em 1em;
}
.download-item {
  margin: 0 0.3em 1.5em;
}
.download-item .content {
  text-align: center;
  padding: 0.5em 0.125em;
  margin: 0;
}
.download-item .content.white {
  background-color: #fff;
}
.download-item .content.white img {
  width: 95%;
  margin: 0 auto;
}
.download-item .download-button {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.download-item .button {
  display: flex;
  flex-direction: row;
  color: #fff;
  font-weight: 900;
  border-radius: 0;
  min-height: 3.5em;
  padding: 0.75em 0.5em;
  width: 100%;
  margin: 0;
}

.download-item .button::before {
  display: block;
  width: 2em;
  margin: 0 0.5em 0 0;
  content: '\f02f';
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.download-item .button0 {
  background: rgb(142, 206, 97);
  background: linear-gradient(
    0deg,
    rgba(142, 206, 97, 1) 73%,
    rgba(120, 171, 84, 1) 100%
  );
}
.download-item .button1 {
  background: rgb(244, 193, 67);
  background: linear-gradient(
    0deg,
    rgba(244, 193, 67, 1) 73%,
    rgba(186, 158, 88, 1) 100%
  );
}
.download-item .button2 {
  background: rgb(58, 122, 197);
  background: linear-gradient(
    0deg,
    rgba(58, 122, 197, 1) 73%,
    rgba(63, 99, 140, 1) 100%
  );
}
.download-item .button3 {
  background: rgb(223, 124, 224);
  background: linear-gradient(
    0deg,
    rgba(223, 124, 224, 1) 73%,
    rgba(179, 68, 181, 1) 100%
  );
}
.error404 {
  text-align: center;
}
.error404 .draw404 {
  display: block;
  margin: 3em auto 0;
  width: 600px;
  padding-bottom: 10em;
}
.title-404 {
  text-align: center;
  font-size: 1.75em;
  text-transform: uppercase;
  color: #d7851b;
  margin-top: 3em;
  line-height: 1.05;
  font-weight: 500;
}
.title-404 .big {
  display: inline-block;
  font-size: 2em;
  font-family: dimboregular;
  text-transform: uppercase;
  line-height: 1.5;
}

.info-content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 655px) {
  .info-content {
    flex-direction: row;
  }
}
#info-nutricional {
  max-width: 720px;
  width: 100%;
}
#info-nutricional .title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.125em;
  margin: 0 0 1.5em;
  text-align: center;
  color: #080094;
}
#info-nutricional .content {
  position: relative;
  height: 75%;
  padding: 1em;
  text-align: center;
}

@media screen and (min-width: 655px) {
  #info-nutricional .content {
    padding: 1em 1em 1em 3em;
  }
}

#info-nutricional .content:after {
  content: '';
  display: table;
  clear: both;
}

#info-nutricional .foot-notes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 1em 0;
  padding: 1em 0;
  font-size: 0.8em;
  line-height: 1.25;
  color: #080094;
  text-align: left;
  border-top: 1px solid #080094;
}

#info-nutricional .foot-notes-left {
  width: 100%;
}

@media screen and (min-width: 655px) {
  #info-nutricional .foot-notes {
    flex-direction: row;
  }
  #info-nutricional .foot-notes-left {
    width: 47%;
  }
}

#info-nutricional-sin-azucares {
  max-width: 800px;
  width: 100%;
  color: white;
  background-color: #fff9e9;
}
#info-nutricional-sin-azucares .title {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.25em;
  margin: 0 0 1.25em;
  text-align: left;
  color: #d7851b;
}
#info-nutricional-sin-azucares .content {
  position: relative;
  height: 100%;
  border: 2px solid #d7851b;
  padding: 4em 5em;
  text-align: center;
}

#info-nutricional-sin-azucares .content:after {
  content: '';
  display: table;
  clear: both;
}
#info-nutricional-sin-azucares .close {
  border-color: #d7851b;
  color: #d7851b;
}
#info-nutricional-sin-azucares .foot-notes {
  padding: 1em 1.25em 0;
  font-size: 0.8em;
  line-height: 1.25;
  color: #d7851b;
  text-align: left;
}
.nutritional-table {
  width: 100%;
  padding: 2em;
  color: #080094;
}
.nutritional-table thead tr {
  font-weight: 900;
  border-top: 1px solid #080094;
  border-bottom: 1px solid #080094;
}
.nutritional-table thead th {
  padding: 0.5em 0;
}
.nutritional-table tbody tr {
  background-color: #eed072;
}
.nutritional-table tbody tr:nth-child(odd) {
  background-color: transparent;
}
.nutritional-table tbody tr:hover {
  background-color: #efc044;
  font-weight: 500;
}
.nutritional-table th,
.nutritional-table td {
  text-align: center;
}
.nutritional-table th:first-of-type,
.nutritional-table td:first-of-type {
  width: 45%;
  padding: 0.375em 1em;
  text-align: left;
}
.info-packs {
  position: relative;
  width: 100%;
  margin-top: -6em auto;
}
@media screen and (min-width: 655px) {
  .info-packs {
    width: 23%;
    margin-top: 4em;
  }
}
.info-packs .dinosaurus-original {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-original.png') 50% 100% /
    contain no-repeat;
}
.info-packs .chocolate-blanco {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-chocoblanco.png') 50% 100% /
    contain no-repeat;
}
.info-packs .chocolate-con-leche {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-chocoleche.png') 50% 100% /
    contain no-repeat;
}
.info-packs .sin-azucares {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-sin-azucares.png') 50% 100% /
    contain no-repeat;
}
.info-packs .huevos {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-huevos-2.png') 50% 100% /
    contain no-repeat;
}
.info-packs .dinosaurus-a-cucharadas {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-cucharadas-cereales.png') 50%
    100% / contain no-repeat;
}
.info-packs .dinosaurus-a-cucharadas-cacao {
  height: 210px;
  background: url('../images/packs/pack-dinosaurus-cucharadas-cacao.png') 50%
    100% / contain no-repeat;
}

.info-packs .mini-dinos-choco-leche {
  height: 180px;
  background: url('../images/packs/pack-mini-dinosaurus-chocoleche.png') 50%
    100% / contain no-repeat;
}

.info-packs .mini-dinos-choco-blanco {
  height: 180px;
  background: url('../images/packs/pack-mini-dinosaurus-chocoblanco.png') 50%
    100% / contain no-repeat;
}

.info-packs .mini-dinos-sin-gluten {
  height: 180px;
  background: url('../images/packs/pack-mini-sin-gluten.png') 50% 100% / contain
    no-repeat;
}

.info-packs .dinosaurus-magdalenas {
  height: 160px;
  background: url('../images/packs/pack-dinosaurus-magdalenas.png') 50% 100% /
    contain no-repeat;
}

.info-packs .smartbutton__content {
  max-width: 150px !important;
  margin: 0 auto;
}
.info-packs .smartbutton__content .sc-btn-ec {
  cursor: pointer;
  max-width: 100px;
  min-width: 125px;
  width: 100%;
  min-height: 44px;
  opacity: 1;
  -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
}
.info-packs .smartbutton__content .sc-btn-ec:hover {
  opacity: 0.85;
}
.info-packs div[data-sc-type='SmartButton'] .sc-btn-retailer-wrapper {
  margin-left: -6em;
}

.cookie-alert {
  width: 100%;
  background-color: rgba(71, 45, 11, 0.95);
  position: absolute;
  top: -3em;
  left: 0;
  padding: 1.5em 0;
  z-index: -9;
  opacity: 0;
  transition: all 500ms;
  text-align: left;
  font-size: 0.9em;
  color: #d2c3ac;
}
.cookie-alert.active {
  top: 0;
  opacity: 1;
  z-index: 1;
}
.cookie-alert .link {
  text-decoration: underline;
}
.cookie-alert .accept {
  display: block;
  border-radius: 100%;
  border: 2px solid #a18f74;
  color: #a18f74;
  width: 2em;
  height: 2em;
  line-height: 1.75;
  font-weight: 500;
  text-align: center;
}
.slider {
  width: 100%;
  position: relative;
}
.slider:after {
  content: '';
  display: table;
  clear: both;
}
.slider-margin {
  margin-top: 35px;
}
.slider-wrapper {
  width: 100%;
}
.slider-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.slider__item {
  position: relative;
  display: block !important;
}
.slider__image {
  margin: 0 auto;
}

.slide__button {
  bottom: 2.75em;
}
.slide__button--first {
  background-color: #71a73b;
  color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(5, 37, 8, 0.5);
}

.slide__button--second {
  background-color: #000495;
  color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(5, 37, 8, 0.5);
}

.slide__button--third {
  color: #1a537b;
  border-color: #1a537b;
  box-shadow: 0px 5px 0px 0px rgba(26, 83, 123, 0.75);
}

.slides {
  position: relative;
  width: 100%;
}
.slides:after {
  content: '';
  display: table;
  clear: both;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: all 600ms;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  text-align: center;
}
.slide:first-child {
  position: relative;
  float: left;
  top: auto;
  left: auto;
}
.slide.current {
  opacity: 1;
  z-index: 1;
}
.slide .slide-wrap {
  width: 100%;
}
.slide .module {
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.75em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.slide .module:before,
.slide .module:after {
  content: ' – ';
}
.slide .title {
  width: 100%;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  font-size: 3em;
  padding: 0 27.5%;
  margin-bottom: 1.25em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.slide .title .small {
  font-size: 50%;
}
.menu__items,
.slide__items {
  max-width: 100%;
  overflow: hidden;
}
.eslack-list {
  height: auto;
}
.slider-wrapper.slider-sm {
  display: block;
}
.slider-wrapper.slider-xl {
  display: none;
}

@media screen and (min-width: 480px) {
  .slider-margin {
    margin-top: 50px;
  }
  .slider-wrapper.slider-sm {
    display: none;
  }
  .slider-wrapper.slider-xl {
    display: block;
  }
}

.slick__arrow {
  position: absolute;
  top: -1em;
  z-index: 20;
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  text-decoration: none;
  padding: 0.5em;
  display: block;
  opacity: 0.5;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  display: inline-block;
  font: normal normal normal 40px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.slick__arrow:hover {
  opacity: 1;
}
.slick__arrow--prev {
  left: -0.75em;
}
.slick__arrow--prev::before {
  content: '\f053';
}
.slick__arrow--next {
  left: -1.75em;
}
.slick__arrow--next::before {
  content: '\f054';
}

.product-wrapper {
  width: 100%;
}
.product__arrow {
  position: absolute;
  top: 2.75em;
  z-index: 20;
  color: #fff;
  background: #000495;
  outline: none;
  border: none;
  border-radius: 50%;
  text-decoration: none;
  padding: 0.5em;
  display: block;
  font: normal normal normal 14px / 1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1.5px #000495;
}
.product__arrow:hover {
  opacity: 0.75;
}
.product__arrow--prev {
  left: 0.25em;
}
.product__arrow--prev::before {
  content: '\f060';
}
.product__arrow--next {
  left: -2.75em;
}
.product__arrow--next::before {
  content: '\f061';
}
@media screen and (min-width: 480px) {
  .slick__arrow--prev {
    left: inherit;
  }
  .slick__arrow--next {
    left: -2.5em;
  }
  .product__arrow {
    top: 3em;
    padding: 0.4em;
    font: normal normal normal 20px/1 FontAwesome;
    -webkit-text-stroke: 2px #000495;
  }
  .product__arrow--prev {
    left: 1em;
  }
  .product__arrow--next {
    left: -3.25em;
  }
}
@media screen and (min-width: 580px) {
  .product__arrow {
    top: 3.25em;
    padding: 0.45em;
    font: normal normal normal 24px/1 FontAwesome;
    -webkit-text-stroke: 2.5px #000495;
  }
}

.dots {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 10;
  overflow: hidden;
}
.dot {
  width: 30px;
  height: 30px;
  background-image: none;
  background-size: 100%;
  position: relative;
}
.dot:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '●';
  font-size: 1.25em;
  text-align: center;
  line-height: 1.6;
  color: white;
}
.dot.current {
  background-image: url(../img/dino_dot.png);
  background-size: 120%;
  background-position: center center;
  border: 2px solid white;
  border-radius: 100%;
}
.dot.current:before {
  display: none;
}
.dot .timer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.dot .timer .rotate {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 10;
}
.dot .timer .rotate .loader {
  fill: rgba(255, 255, 255, 0.5);
}
.page-template-flexible-content .slider {
  margin: 0 auto 2em;
}

.more-products {
  display: block;
  height: 93px;
  background-color: #efc044;
}
.more-products__button {
  top: inherit;
  margin: 1em auto;
}
@media screen and (min-width: 480px) {
  .more-products {
    height: 113px;
  }
}

.highlights-row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.highlights-row:after {
  content: '';
  display: table;
  clear: both;
}
.home__button.highlight__button--left {
  top: 6em;
  left: 4.625em;
}
.home__button.highlight__button--right {
  top: 6em;
  left: 9.35em;
}
.highlight {
  height: 220px;
  max-width: 360px;
  width: 100%;
  margin-top: -1.2em;
}
@media screen and (min-width: 480px) {
  .home .highlight {
    height: 310px;
    max-width: 480px;
    margin-top: -1.6em;
  }
  .home__button.highlight__button--left {
    top: 7em;
    left: 5.375em;
  }
  .home__button.highlight__button--right {
    top: 7em;
    left: 10.35em;
  }
}
@media screen and (min-width: 960px) {
  .highlights-row {
    flex-direction: row;
  }
  .home__button.highlight__button--left {
    top: 6.5em;
    left: 5em;
  }
  .home__button.highlight__button--right {
    top: 6.5em;
    left: 9.5em;
  }
}

article {
  position: relative;
  padding: 1em;
  background-repeat: no-repeat;
}
article .title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.85em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  margin-top: 1em;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}

.white-shadow .highlight-content .title {
  text-shadow: 0px 0px 4px rgb(255, 255, 255), 0px 0px 4px rgb(255, 255, 255),
    0px 0px 4px rgb(255, 255, 255);
}
.dinofamilia .highlight-content .title {
  /* font-weight: 200; */
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  color: white !important;
}

.dinofamilia .highlight-content .module {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  color: white !important;
}

.dinosaurus-al-rescate .highlight-content .title {
  /* font-weight: 200; */
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  color: white !important;
}

.dinosaurus-al-rescate .highlight-content .module {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  color: white !important;
}

.dinoconsejos .highlight-content .title {
  color: white !important;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}

.dinoconsejos .highlight-content .module {
  color: white !important;
}
.quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista
  .highlight-content
  .title {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}

.quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista article {
  color: white !important;
}
.dinomanualidades article {
  color: white !important;
}

.platos-jurasicos article {
  color: white !important;
}

.buenos-habitos article {
  color: white !important;
}

.dinoplanes article {
  color: white !important;
}

.dinorecetas article {
  color: white !important;
}

.dinosauriadas article {
  color: white !important;
}

article.no-border {
  padding: 3em;
}

article.teaser {
  height: 293px;
  margin: 1em auto;
}
article.teaser.lg-6,
article.teaser.md-6 {
  width: calc(50% - 1em);
}
article.teaser.even {
  margin-right: 1em;
}
article.teaser.odd {
  margin-left: 1em;
}
article.teaser .title {
  font-size: 1.4em;
}
article .module {
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.75em;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}
article .module:before,
article .module:after {
  content: ' – ';
}
article .border-inner-box {
  padding: 2em;
  height: 100%;
  border-width: 2px;
  border-style: solid;
}

.no-title .highlight-content .module {
  display: none;
}

.image-only article {
  background-size: auto 100%;
  background-color: #3a9ed4;
}

.image-only .highlight-content {
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.image-only .highlight-content .module {
  display: none;
}

.image-only .highlight-content .title,
.image-only .highlight-content .cta {
  display: none;
}

@media only screen and (min-width: 480px) {
  .image-only .highlight-content .cta {
    bottom: 50px;
  }

  .dinoplanes .image-only .highlight-content .cta {
    bottom: 0px;
  }
}

@media only screen and (min-width: 960px) {
  .image-only .highlight-content .cta {
    bottom: 90px;
  }
}

.image-only .border-inner-box {
  border: none;
}

.image-only .border-inner-box .highlight-content .module {
  display: none;
}

.image-only .border-inner-box .highlight-content .title {
  display: none;
}

.image-only .border-inner-box .highlight-content .cta {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 20%;
  top: auto;
}
.page-template-dynamic-section .teaser .highlight-content {
  position: absolute;
  margin: 0 2em 0 0;
  bottom: 3em;
}
.page-template-dynamic-section .teaser.platos-jurasicos .highlight-content {
  height: 90.5%;
  bottom: 0;
}
.page-template-dynamic-section .teaser.platos-jurasicos .cta {
  position: absolute;
  bottom: 2.25em;
  top: auto;
}
.product-range {
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: 0 auto;
}
.product-range .module {
  width: 100%;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.75em;
}
.product-range .module:before,
.product-range .module:after {
  content: ' – ';
}
.product-range .title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.25;
  margin-bottom: 0.3em;
  text-align: center;
}

.product-range .products-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size: 6.4px;
  max-width: 39em;
  margin: 1em auto 0;
}

@media screen and (min-width: 480px) {
  .product-range .products-list {
    font-size: 0.55em;
    max-width: 40em;
  }
}

@media screen and (min-width: 530px) {
  .product-range .products-list {
    font-size: 0.55em;
    max-width: 40em;
  }
}

@media screen and (min-width: 640px) {
  .product-range .products-list {
    margin: 4em auto 0;
  }
}

@media screen and (min-width: 730px) {
  .product-range .products-list {
    margin: 0 auto 0;
    font-size: 0.65em;
    max-width: 40em;
  }
}

@media screen and (min-width: 910px) {
  .product-range .products-list {
    font-size: 0.75em;
    max-width: 100%;
    margin: 2em auto 0;
  }
}

@media screen and (min-width: 960px) {
  .product-range .products-list {
    justify-content: space-between;
  }
}

@media screen and (min-width: 1128px) {
  .product-range .products-list {
    font-size: 1em;
  }
}

.product-range .product-item {
  flex: 0 1 auto;
  text-align: center;
  width: 15em;
  height: 18.875em;
  position: relative;
}

.product-range .product-thumbnail {
  display: block;
  max-width: none;
  width: 15em;
  height: 18.875em;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
}

.product-range .product-name {
  display: none;
  width: 164px;
  font-size: 1.25em;
  text-align: center;
  text-transform: uppercase;
  transform: translate(-50%);
  position: absolute;
  left: 50%;
  bottom: -2.3em;
  z-index: 1;
}

@media screen and (min-width: 910px) {
  .product-range .product-name {
    display: block;
  }
}

.product-range a {
  text-decoration: none;
}
.socialmedia-module:after {
  content: '';
  display: table;
  clear: both;
}
.widget {
  overflow: hidden;
}
.widget.facebook {
  float: right;
  min-height: 220px;
  margin-bottom: 2em;
  background-color: white;
  overflow: hidden;
  position: relative;
}
.widget.facebook.fixed-size {
  height: 820px;
  margin-bottom: 0;
}
.widget.facebook.landscape {
  height: 512.5px;
}
.widget.facebook .title {
  font-weight: 300;
  text-transform: uppercase;
  background-color: #7d90cb;
}
.widget.facebook .title .socicon {
  display: inline-block;
  font-size: 1.5em;
  padding: 0.5em 0.6em;
  background-color: #3e5b98;
  color: white;
}
.widget.facebook .title .text {
  display: inline-block;
  font-size: 1.5em;
  margin: 0 0 0 1em;
  color: white;
}
.widget.facebook .loader {
  position: absolute;
  top: 0;
  background-image: url(../img/fb_loader.gif);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 32px;
  height: 32px;
  margin: 0.6em 0.7em;
  opacity: 0;
  z-index: -1;
  transition: opacity 300ms;
}
.widget.facebook.loading .loader {
  opacity: 1;
  z-index: auto;
}
.widget.facebook.loading .title .socicon {
  color: #3e5b98;
}
.widget.instagram {
  position: relative;
  height: 410px;
  background-color: #9c7c6e;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.widget.instagram img {
  margin: 0 auto;
  object-fit: contain;
  max-height: 410px;
  /* width: 100%; */
}
.widget img {
  max-width: 100%;
}
.widget .cover {
  position: absolute;
  transition: right 300ms;
  background-color: #eb4350;
  width: 50%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  right: 50%;
}
.widget .cover.to-right {
  right: 0;
  top: 0;
}
.widget .cover.to-right:before {
  opacity: 1;
}
.widget .cover.to-right:after {
  opacity: 0;
}
.widget .cover:before {
  display: block;
  content: ' ';
  background-color: transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -0.5em;
  border-color: transparent #eb4350 transparent transparent;
  border-width: 1em;
  border-style: solid;
  transition: opacity 300ms;
  opacity: 0;
}
.widget .cover:after {
  display: block;
  content: ' ';
  background-color: transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -0.5em;
  border-color: transparent transparent transparent #eb4350;
  border-width: 1em;
  border-style: solid;
  transition: opacity 300ms;
  opacity: 1;
}
.widget .cover a {
  text-decoration: none;
}
.widget .cover-content {
  color: white;
  text-align: center;
}
.widget .cover-content .socicon {
  font-size: 3em;
}
.widget .cover-content .title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2em;
  padding: 0 15%;
  margin-top: 0.5em;
}
.widget .photo {
  width: 50%;
  max-height: 410px;
}
.widget .photo-1 {
  float: left;
}
.widget .photo-1 .ig-likes {
  left: 1em;
}
.widget .photo-2 {
  float: right;
}
.widget .photo-2 .ig-likes {
  right: 1em;
}
.ig-photo {
  display: block;
  position: relative;
}
.ig-photo .ig-likes {
  font-size: 2em;
  position: absolute;
  top: 1em;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 300ms;
}
.ig-photo:hover .ig-likes {
  opacity: 0.75;
}
.facebook-posts-list {
  height: 100%;
  position: relative;
}
.facebook-posts-list:after {
  content: '';
  display: table;
  clear: both;
}
.facebook-post {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  opacity: 0;
  transition: all 300ms;
  border-right: 1px solid #e3e7f5;
}
.facebook-post:after {
  content: '';
  display: table;
  clear: both;
}
.facebook-post.error {
  text-align: center;
  margin-top: 3em;
  font-weight: 500;
  font-size: 1.25em;
  line-height: 1.25;
}
.facebook-post.current {
  top: 0 !important;
  opacity: 1;
}
.facebook-post .post-photo {
  display: block;
  margin-bottom: 1em;
}
.landscape .facebook-post .post-photo {
  display: block;
  width: 50%;
  float: left;
}
.landscape .facebook-post .fb-content {
  width: 47%;
  float: right;
}
.facebook-post p {
  padding: 0 0.9em;
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42;
  margin-top: 9px;
}
.facebook-post a {
  color: #3b5998;
}
.facebook-post a.hashtag {
  background-color: rgba(88, 144, 255, 0.15);
  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
  padding: 0 2px;
}
.landscape .facebook-post {
  padding: 2em;
}
.category-header {
  position: relative;
  text-align: center;
  background-color: #e3e7f5;
  padding: 1.25em;
  margin-bottom: 1.5em;
}
.category-header:after {
  display: block;
  content: ' ';
  background-color: transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.5em;
  border-color: #e3e7f5 transparent transparent;
  border-width: 1em;
  border-style: solid;
  transition: opacity 300ms;
  opacity: 1;
}
.landscape .category-header {
  display: none;
}
.category-logo {
  max-width: 100%;
  margin: 0 auto;
}
.reactions {
  padding: 1em;
  position: absolute;
  left: 0;
  bottom: 3em;
  background-color: #e3e7f5;
  width: 100%;
}
.fb-react-icon {
  display: inline-block;
  height: 24px;
  background-image: url(../img/fb_reactions.png);
  background-repeat: no-repeat;
  background-size: 24px auto;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 2;
  padding-left: 29px;
  padding-right: 15px;
  color: #8d8d8d;
}
.fb-react-icon.angry {
  background-position: 0 0;
}
.fb-react-icon.haha {
  background-position: 0 -48px;
}
.fb-react-icon.like {
  background-position: 0 -72px;
}
.fb-react-icon.love {
  background-position: 0 -96px;
}
.fb-react-icon.sad {
  background-position: 0 -120px;
}
.fb-react-icon.wow {
  background-position: 0 -144px;
}
.fb-react-icon.comment {
  background-position: 0 -192px;
}
.image-gallery[class$='wrapper'] {
  position: relative;
}
.image-gallery .gallery-list {
  position: relative;
}

.image-gallery .gallery-list:after {
  content: '';
  display: table;
  clear: both;
}
.image-gallery .picture {
  position: absolute;
  width: 100%;
  background-size: contain;
  background-position: 50% 0;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}

.dinohuevos-app .image-gallery .picture {
  height: 377px;
  width: 210px;
}

.image-gallery .picture.is-mobile {
  height: 508px;
}

.slider .slide.is-mobile {
  height: 320px !important;
  max-height: none !important;
  background-size: contain;
}

.image-gallery .picture:first-child {
  position: relative;
}
.image-gallery .picture.current {
  opacity: 1;
  z-index: 1;
}
.image-gallery .gallery-dots {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  text-align: right;
  padding-right: 1em;
}
.image-gallery .gallery-dot {
  width: 0.75em;
  height: 0.75em;
  position: relative;
}
.image-gallery .gallery-dot:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '●';
  font-size: 1.25em;
  text-align: center;
  line-height: 1.6;
  color: #d7851b;
}
.image-gallery .gallery-dot.current:before {
  color: white;
}
.image-gallery .gallery-arrows {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 50%;
  left: 0;
}
.image-gallery .gallery-arrows .gallery-arrow {
  position: relative;
  cursor: pointer;
  margin-top: -32px;
  width: 64px;
  height: 60px;
}
.image-gallery .gallery-arrows .gallery-arrow .arrow {
  display: block;
  width: 75%;
  height: 75%;
  border: 3px solid #d7851b;
  border-radius: 300%;
  position: absolute;
  top: 0.5em;
  opacity: 0.75;
}
.image-gallery .gallery-arrows .gallery-arrow .arrow:after {
  display: block;
  width: 25%;
  height: 25%;
  content: ' ';
  border: 3px solid #d7851b;
  margin: 30% auto 0;
  transform: rotate(45deg);
  position: relative;
}
.image-gallery .gallery-arrows .left-arrow {
  float: left;
  border-radius: 0 64px 64px 0;
}
.image-gallery .gallery-arrows .left-arrow .arrow {
  right: 0.5em;
}
.image-gallery .gallery-arrows .left-arrow .arrow:after {
  border-top: 0;
  border-right: 0;
  left: 3px;
}
.image-gallery .gallery-arrows .right-arrow {
  float: right;
}
.image-gallery .gallery-arrows .right-arrow .arrow {
  left: 0.5em;
}
.image-gallery .gallery-arrows .right-arrow .arrow:after {
  border-bottom: 0;
  border-left: 0;
  right: 1px;
}
.image-gallery .gallery-arrows .gallery-arrow .slick__arrow--prev,
.image-gallery .gallery-arrows .gallery-arrow .slick__arrow--next {
  left: 0;
}
.list-with-image:after {
  content: '';
  display: none;
  clear: both;
}
.list-with-image .the-list {
  position: relative;
  padding-bottom: 28.9%;
  color: white;
}
.list-with-image .the-list .content {
  padding: 1em 1.5em 0;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
}
.list-with-image .list-image {
  padding-bottom: 28.9%;
  background-size: cover;
  background-repeat: no-repeat;
}
.single-post .list-with-image .title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.75em;
  margin-bottom: 0.6em;
  margin-left: 0.25em;
}
.list-with-image .item {
  line-height: 1;
  font-size: 1em;
  margin-bottom: 0.5em;
  font-weight: 100;
}
.list-with-image .decimal {
  list-style-type: decimal;
}
.list-with-image .decimal .item {
  margin-left: 1.25em;
}
.list-with-image .disc {
  list-style-type: disc;
}
.list-with-image .disc .item {
  margin-left: 1.25em;
}
.header-image-block {
  padding: 0 0 2em !important;
}

.dinohuevos-app .header-image-block {
  padding: 0 !important;
}

.title-block .title,
.subtitle-block .title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.25;
  color: #d7851b;
  width: 68%;
}
.title-block .subtitle,
.subtitle-block .subtitle {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1.25;
  color: black;
}
.title-block .center,
.subtitle-block .center {
  text-align: center;
  width: 100%;
}
.editor-block h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.375em;
  line-height: 1.25;
  margin-bottom: 0.5em;
  text-align: center;
}
.editor-block h2 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1.25;
  color: #080094;
  margin-bottom: 1.2em;
}

.dinosaurus-al-rescate .editor-block h2,
.dinosaurus-al-rescate .editor-block h3 {
  font-weight: 200;
  font-size: 1.25em;
  line-height: 1.25;
  color: black;
  margin-bottom: 1.2em;
  text-transform: inherit;
}
.editor-block h3,
.editor-block h4,
.editor-block h5,
.editor-block h6 {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.2em;
}
.wp-admin .editor-block p {
  display: flex;
}

.editor-block p {
  justify-content: center;
  line-height: 1.25;
  margin-bottom: 0.9em;
  padding: 0 1em;
}

.dinosaurus-a-cucharadas .editor-block p {
  display: block;
}

.lanzasaurus .editor-block p {
  display: block;
}

@media screen and (min-width: 650px) {
  .editor-block p {
    text-align: justify;
  }
}
.editor-block strong {
  font-weight: 500;
}
.editor-block em {
  font-style: italic;
}
.editor-block ul,
.editor-block ol {
  margin: 0 0 1em 1.5em;
}
.editor-block ul {
  list-style-type: disc;
}
.editor-block ol {
  list-style-type: decimal;
}
.editor-block li {
  margin-bottom: 0.6em;
}
.editor-block img {
  max-width: 100%;
}
.editor-block img.alignleft {
  float: left;
  margin: 0 1.2em 1.2em 0;
}
.editor-block img.aligncenter {
  display: block;
  margin: 0 auto;
  clear: both;
}
.editor-block img.alignright {
  float: right;
  margin: 0 0 1.2em 1.2em;
}
.color-editor p {
  padding: 0 1em;
}
.color-editor p:first-child {
  padding-top: 1em;
}
.button-group {
  width: 100%;
  clear: both;
}
.button-group:after {
  content: '';
  display: table;
  clear: both;
}
.button-group.left {
  text-align: left;
}
.button-group.center {
  text-align: center;
}
.button-group.right {
  text-align: right;
}
.related-content > .title {
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1em;
  font-size: 2em;
  line-height: 1.25;
  color: #d7851b;
}
.reason-block:after {
  content: '';
  display: table;
  clear: both;
}
.reason-block .the-photo {
  position: relative;
  padding-bottom: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.reason-block .photo-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.5em;
  text-align: center;
}
.reason-block .photo-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.reason-block .the-reason {
  position: relative;
  padding-bottom: 50%;
  text-align: center;
  background-repeat: no-repeat;
}
.reason-block .the-reason .content {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
}
.reason-block .the-reason .content small {
  font-size: 12px;
}
.reason-block .the-reason.with-cta .content {
  top: 15%;
}
.reason-block .the-reason .reason-cta {
  padding-top: 1.5em;
}
.reason-block .reason {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 3.5em;
  line-height: 1;
  margin: 0.5em 0;
}
.reason-block .reason:first-line {
  font-size: 0.5em;
}
.reason-block .wysiwyg {
  color: black;
  padding: 0 2em;
  font-size: 1.05em;
}
.reason-block .wysiwyg h2 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.25em;
  margin: 0.45em 0 0.95em;
}
.adhoc-bg-pattern {
  background-image: url(../img/bg_dot_pattern.png);
  padding: 4em 0 3em;
}
.page-content-block.with-pattern {
  padding: 0;
}
.page-content-block.with-image {
  background-size: cover;
  background-repeat: no-repeat;
}
.dinopolis_form.visible {
  display: block;
  opacity: 1;
}
.the-products {
  text-align: center;
}
.the-products[class^='lg-'] {
  margin-bottom: 2em;
}
.the-products .cta,
.the-products .button {
  margin-top: 1em;
}
.the-products .short-description {
  margin-bottom: 0.75em;
}
.the-products .product-name {
  font-weight: 300;
  text-transform: uppercase;
  color: #d7851b;
  font-size: 1.5em;
  line-height: 1.15;
  margin: 1em auto;
  width: 58%;
}
.offline {
  text-align: center;
  margin-top: 3em;
  transform: translateY(-10%);
  padding: 0 1em;
}
.offline:nth-child(2) {
  transform: translateY(4%);
}
.final-offline {
  text-align: center;
  padding-top: 12em;
}
.legal-offline {
  text-align: center;
}
.form-container .title {
  font-weight: 300;
  text-transform: uppercase;
  color: #d7851b;
  font-size: 2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
/**************************************/
/*       FAQS PRODUCTS START          */
/**************************************/
.faqs-page {
  margin-top: 35px;
}
.faqs-header {
  width: 100%;
  padding-bottom: 55%;
  background: no-repeat url('../img/faqs-background.png') 50% 50% / contain;
}

.faqs-header .header-title {
  max-width: 320px;
  margin: 0 auto 1em;
  padding-top: 2.1em;
  text-align: center;
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 2em;
  color: #080094;
}
@media screen and (min-width: 655px) {
  .faqs-header .header-title {
    max-width: 535px;
    font-size: 2.5em;
  }
}
.faq-form {
  opacity: 0;
  overflow: hidden;
  transition: all 300ms;
  padding: 1.5em 0 0;
  max-height: 0;
}
.faq-form.visible {
  opacity: 1;
  max-height: 100%;
}
.faq-form.visible + .cta {
  opacity: 0;
  display: none;
}
.the-grid {
  position: relative;
  overflow: hidden;
}
.faqs-grid:after {
  content: '';
  display: table;
  clear: both;
}
.faqs_grid {
  background-size: cover;
  background-repeat: no-repeat;
}
.faq-box {
  cursor: pointer;
  position: relative;
  display: block;
  float: left;
  padding-bottom: 45%;
}
@media screen and (min-width: 480px) {
  .faq-box {
    padding-bottom: 30%;
  }
}
@media screen and (min-width: 780px) {
  .faq-box {
    padding-bottom: 25%;
  }
}

.faq-box:after {
  content: '';
  display: table;
  clear: both;
}
.faq-box .content {
  display: block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 1.5em;
  font-size: 0.9em;
  color: white;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .faq-box .content {
    padding: 0 1em;
  }
}
@media screen and (min-width: 600px) {
  .faq-box .content {
    font-size: 1.1em;
  }
}
.faq-box.color0 .content {
  background-color: #f4b928;
}
.faq-box.color0 .expand {
  color: #f4b928;
}
.faq-box.color1 .content {
  background-color: #91b8e1;
}
.faq-box.color1 .expand {
  color: #91b8e1;
}
.faq-box.color2 .content {
  background-color: #c12618;
}
.faq-box.color2 .expand {
  color: #c12618;
}
.faq-box.color3 .content {
  background-color: #f6dc37;
}
.faq-box.color3 .expand {
  color: #f6dc37;
}
.faq-box.color4 .content {
  background-color: #71a73b;
}
.faq-box.color4 .expand {
  color: #71a73b;
}
.faq-box.color5 .content {
  background-color: #111e7e;
}
.faq-box.color5 .expand {
  color: #111e7e;
}
.faq-box .expand {
  display: block;
  position: absolute;
  bottom: 1em;
  right: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background-color: white;
  font-size: 1.25em;
  line-height: 1.05;
  font-weight: 500;
  text-align: center;
  transform: translateY(50%);
}
@media screen and (min-width: 600px) {
  .faq-box .expand {
    bottom: 0.5em;
    right: 0.5em;
    font-size: 1.75em;
    transform: none;
  }
}

.answer-cards-grid {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.answer-cards-grid.active {
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .answer-cards-grid.active {
    width: 100%;
    height: 100%;
    position: fixed;
  }
}

.answer-card {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50%;
  opacity: 0;
  top: 0;
  z-index: -1;
  transition: clip 300ms;
}
@media screen and (min-width: 600px) {
  .answer-card {
    height: initial;
  }
}

.answer-card .question-title {
  margin-bottom: 1.5em;
}
.answer-card.visible {
  opacity: 1;
  z-index: 2;
}
.answer-card .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em;
  color: white;
  text-align: left;
  position: absolute;
  margin: 0;
  padding: 0 1em;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 600px) {
  .answer-card .content {
    font-size: 1.1em;
    padding: 0 4em;
  }
}

.answer-card .centered-content {
  width: 100%;
}

.answer-card .content * {
  opacity: 0;
  transition: opacity 200ms;
}
.answer-card.opened .content * {
  opacity: 1;
}
.answer-card.color0 .content {
  background-color: #f4b928;
}
.answer-card.color0 .collapse {
  color: #f4b928;
}
.answer-card.color1 .content {
  background-color: #91b8e1;
}
.answer-card.color1 .collapse {
  color: #91b8e1;
}
.answer-card.color2 .content {
  background-color: #c12618;
}
.answer-card.color2 .collapse {
  color: #c12618;
}
.answer-card.color3 .content {
  background-color: #f6dc37;
}
.answer-card.color3 .collapse {
  color: #f6dc37;
}
.answer-card.color4 .content {
  background-color: #71a73b;
}
.answer-card.color4 .collapse {
  color: #71a73b;
}
.answer-card.color5 .content {
  background-color: #111e7e;
}
.answer-card.color5 .collapse {
  color: #111e7e;
}
.answer-card .collapse {
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 15px;
  right: 37px;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background-color: white;
  font-size: 1.75em;
  line-height: 1.05;
  font-weight: 500;
  text-align: center;
}
.answer-card .socicon {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  content: ' – ';
  width: 1.65em;
  height: 1.65em;
  border-radius: 100%;
  background-color: #3e5b98;
  color: white;
  font-size: 1em;
  line-height: 2.1;
  text-align: center;
}
.with-image .faq-box.color0 .content {
  background-color: rgba(138, 178, 105, 0.7);
}
.with-image .faq-box.color0 .expand {
  color: rgba(138, 178, 105, 0.7);
}
.with-image .faq-box.color1 .content {
  background-color: rgba(242, 208, 121, 0.7);
}
.with-image .faq-box.color1 .expand {
  color: rgba(242, 208, 121, 0.7);
}
.with-image .faq-box.color2 .content {
  background-color: rgba(183, 219, 243, 0.7);
}
.with-image .faq-box.color2 .expand {
  color: rgba(183, 219, 243, 0.7);
}
.with-image .faq-box.color3 .content {
  background-color: rgba(251, 119, 130, 0.7);
}
.with-image .faq-box.color3 .expand {
  color: rgba(251, 119, 130, 0.7);
}
.gamecard {
  perspective: 1000;
}
.gamecard.lg-6,
.gamecard.md-6 {
  width: calc(50% - 1em) !important;
}
.gamecard.lg-6:nth-child(odd),
.gamecard.md-6:nth-child(odd) {
  margin: 0 1em 2em 0;
}
.gamecard.lg-6:nth-child(even),
.gamecard.md-6:nth-child(even) {
  margin: 0 0 2em 1em;
}
.gamecard .front {
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 3em;
  padding-bottom: 67.5%;
  cursor: pointer;
}
.gamecard .back {
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.gamecard .back-content {
  margin: 2em;
  text-align: center;
}
.gamecard .dino-name,
.gamecard .dino-claim {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 2em;
  text-align: center;
}
.gamecard .dino-name {
  font-size: 5em;
}
.gamecard .dino-claim:before,
.gamecard .dino-claim:after {
  content: ' – ';
}
.gamecard .dino-greet {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 2.25em;
  margin-bottom: 1.25em;
}
.gamecard .cta-wrap {
  text-align: center;
  padding: 2em 0;
}
.gamecard .expand,
.gamecard .collapse {
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  font-size: 1.75em;
  line-height: 1.05;
  font-weight: 500;
  text-align: center;
  color: white;
  cursor: pointer;
}
.gamecard .collapse {
  background-color: white;
}
.gamecard .flipper {
  position: relative;
  transition: 0.6s;
  transform-style: preserve-3d;
}
.gamecard .front,
.gamecard .back {
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.gamecard .front {
  z-index: 2;
  transform: rotateY(0deg);
}
.gamecard .back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.gamecard.flip .flipper {
  transform: rotateY(180deg);
}
.gamecard .profile {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 1.25em;
  margin-top: 1.5em;
}
.gamecard .profile .profile-item {
  line-height: 2.2;
}
.gamecard .profile .label {
  color: #623a07;
}
.gamecard .pictogram {
  width: 34px;
  height: 34px;
  background-image: url(../img/like_dislike.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25em;
}
.gamecard .pictogram.like {
  background-position: center top;
}
.gamecard .pictogram.dislike {
  background-position: center bottom;
}
.gamecard .food {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.25em;
}
.embed-game {
  display: block;
  background: white;
  font-weight: 500;
  text-align: center;
}
.embed-game p {
  padding: 2em 2em 0;
}
.single-post[class$='-wrapper'] {
  margin-bottom: 2em;
}
.single-post[class$='-wrapper']:last-child {
  padding-bottom: 2em;
  margin-bottom: 0;
}
.single-post .title {
  display: inline-block;
  width: 100%;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.25em;
  line-height: 1.1;
  color: #d7851b;
}
.single-post .post-description p,
.single-post .post-conclusion p {
  line-height: 1.25;
  margin-bottom: 0.75em;
}
.single-post .post-description img,
.single-post .post-conclusion img {
  margin-bottom: 1.25em;
}
.single-post .the-list .title {
  color: white;
}
.single-post .aligncenter {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
}
.dinorecetas-template-default .page-content-block {
  padding: 0;
}
.dinorecetas-template-default .full-wrapper p {
  color: #fff;
  padding: 0;
  line-height: 1em;
}
.dinorecetas-template-default .full-wrapper h1,
.dinorecetas-template-default .full-wrapper h3 {
  max-width: 820px;
  padding: 0;
  text-align: center;
  color: #080094;
}

.dinorecetas-template-default .full-wrapper h1 {
  margin: 0 auto;
  padding: 0.3em 1em 0;
  font-size: 1.75em;
  line-height: 102%;
}
@media screen and (min-width: 780px) {
  .dinorecetas-template-default .full-wrapper h1 {
    padding: 1em 1em 0;
  }
}
.dinorecetas-template-default .full-wrapper h3 {
  margin: 1em auto;
  padding: 0 1em;
  font-weight: 100;
  line-height: 115%;
}
.dinorecetas-template-default p.ingredientes-title {
  max-width: 168px;
  padding: 0 0 0.5em;
  margin: 0 auto;
  font: 700 2.5em/100% dimboregular, Arial, sans-serif;
  color: #5b91b1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.dinorecetas-template-default .dinoreceta-ingredientes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 95%;
  max-width: 480px;
  margin: 0 auto 2em;
  padding: 1em;
  background-color: #5b91b1;
}
@media screen and (min-width: 780px) {
  .dinorecetas-template-default .dinoreceta-ingredientes {
    flex-direction: row;
    max-width: 820px;
  }
}
.dinorecetas-template-default .dinoreceta-ingredientes ul {
  width: 100%;
  list-style: none;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 780px) {
  .dinorecetas-template-default .dinoreceta-ingredientes ul {
    width: 50%;
  }
}
.step-thumbnail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0.5em;
}
@media screen and (min-width: 780px) {
  .step-thumbnail {
    margin-top: 0;
  }
}
.step-item {
  display: flex;
  flex-direction: column;
  max-width: 640px;
  margin: 0.5em auto;
  align-items: center;
}
@media screen and (min-width: 780px) {
  .step-item {
    flex-direction: row;
    max-width: 820px;
    justify-content: space-between;
  }
}
.step-item.step-item-reverse {
  flex-direction: column;
}
@media screen and (min-width: 780px) {
  .step-item.step-item-reverse {
    flex-direction: row-reverse;
  }
}
.step-item .lg-6 {
  max-width: 480px;
  width: 95%;
  height: 220px;
}
@media screen and (min-width: 780px) {
  .step-item .lg-6:not([class*='hg']) {
    width: 49.5%;
  }
}
.step-details {
  display: block;
  margin-bottom: 2em;
}
.step-details:after {
  content: '';
  display: table;
  clear: both;
}
.step-explanation {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #5b91b1;
  position: relative;
}
.step-explanation .content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em 0 0 0.375em;
}
.step-title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 0.2em;
}
.step-title span {
  font-weight: 900;
}
.step-item .step-explanation .content p.step-num {
  position: absolute;
  top: 144px;
  font-size: 96px;
  font-weight: 900;
  color: #ffe284;
}
.editor-block img.aligncenter.dinoreceta-cierre {
  margin: 1em auto 3em;
}
.dinomanualidades-template-default .header-image {
  width: 100%;
}
.dinomanualidades-template-default h1.title {
  display: block;
  max-width: 820px;
  padding: 0 3em;
  margin: 0 auto;
  font-size: 1.75em;
  font-weight: 700;
  line-height: 102%;
  text-align: center;
  color: #080094;
}
.dinomanualidades-template-default .post-description.editor-block.full-wrapper,
.dinomanualidades-template-default .post-conclusion {
  max-width: 840px;
  font-size: 1em;
  text-align: center;
  color: #080094;
}
.dinomanualidades-template-default
  .post-description.editor-block.full-wrapper
  h2 {
  font-size: 1em;
}
.dinomanualidades-template-default
  .post-description.editor-block.full-wrapper
  p {
  text-align: center;
}
.dinomanualidades-template-default
  .post-description.editor-block.full-wrapper
  span {
  font-size: 1.5em;
  font-weight: 900;
}
.project-pictograms {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  max-width: 480px;
  margin: 0 auto;
  padding: 2em 0 1.5em;
}
@media screen and (min-width: 780px) {
  .project-pictograms {
    flex-wrap: nowrap;
    max-width: 640px;
  }
}
.project-pictogram {
  width: 45%;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.project-pictogram:first-of-type {
  width: 45%;
}
@media screen and (min-width: 780px) {
  .project-pictogram {
    width: 25%;
    margin-bottom: 3px;
  }
  .project-pictogram:first-of-type {
    width: 20%;
  }
}
.project-pictogram .pictogram {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-right: 3px;
}
.project-border {
  border-left: 1.5px solid #080094;
  margin-right: 17px;
}
.project-border.only-desktop {
  display: none;
}
@media screen and (min-width: 780px) {
  .project-border.only-desktop {
    display: block;
  }
}
.project-pictogram .pictogram.age {
  background-image: url(../img/manualidades-icono-edad.png);
}
.project-pictogram .pictogram.time {
  background-image: url(../img/manualidades-icono-tiempo.png);
}
.project-pictogram .pictogram.difficulty {
  background-image: url(../img/manualidades-icono-dificultad.png);
}
.project-pictogram .pictogram.skills {
  background-image: url(../img/manualidades-icono-creatividad.png);
}
.project-pictogram .pictogram + span {
  position: relative;
  top: 3px;
  font-size: 1em;
  color: #080094;
}
.project-pictogram .rate-star {
  display: inline-block;
  width: 18px;
  height: 26px;
  margin: 0 3px;
  background-image: url(../img/step_dinostars.png);
}
.project-pictogram .rate-star.full {
  background-position: 0 0;
}
.project-pictogram .rate-star.empty {
  background-position: -18px 0;
}
.rate-stars {
  position: relative;
  top: 10px;
}
.dinomanualidades-template-default .extended-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 640px;
  margin: 2em auto;
}
@media screen and (min-width: 780px) {
  .dinomanualidades-template-default .extended-wrapper {
    flex-direction: row;
    max-width: 840px;
  }
}
.dinomanualidades-template-default .single-post .the-list,
.dinomanualidades-template-default .single-post .list-image {
  height: 235px;
  width: 95%;
  max-width: 480px;
  margin: 0.5em auto 0;
  padding: 0;
}
@media screen and (min-width: 780px) {
  .dinomanualidades-template-default .single-post .the-list,
  .dinomanualidades-template-default .single-post .list-image {
    width: 49%;
  }
}
.dinomanualidades-template-default .button {
  border-radius: 0;
  background-color: #080094 !important;
}
.dinomanualidades-template-default .full-wrapper .content p {
  color: #fff;
  padding: 0;
  line-height: 1em;
}
.dinomanualidades-template-default .post-conclusion {
  font-size: 0.875em;
  padding: 2em 0;
}
.dinomanualidades-template-default .post-conclusion span {
  font-size: 1.375em;
  font-weight: 900;
}
.dinomanualidades-template-default .dimanualidad-cierre {
  margin: 2em auto 0;
}
.dynamic-section .header-image-wrap,
.header-image-block .header-image-wrap {
  position: relative;
}
.dynamic-section .header-image-wrap img,
.header-image-block .header-image-wrap img {
  max-width: 100%;
  width: 100%;
}
.dynamic-section .title-wrap,
.header-image-block .title-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0 auto;
  padding: 2em 0;
}
.dynamic-section .title-wrap:after,
.header-image-block .title-wrap:after {
  content: '';
  display: table;
  clear: both;
}
.dynamic-section .title-wrap.left,
.header-image-block .title-wrap.left {
  left: 0;
  right: auto;
}
.dynamic-section .title-wrap.center,
.header-image-block .title-wrap.center {
  left: 0;
  right: 0;
}
.dynamic-section .title-wrap.right,
.header-image-block .title-wrap.right {
  left: auto;
  right: 0;
}
.dynamic-section .title-wrap.flex-middle,
.header-image-block .title-wrap.flex-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.dynamic-section .title-wrap.flex-bottom,
.header-image-block .title-wrap.flex-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
.dynamic-section .header-image-title,
.header-image-block .header-image-title {
  color: white;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.75em;
  line-height: 1.1;
  margin: 0 auto;
}
.dynamic-section {
  background-color: #fff9e9;
  margin-top: 80px;
}
@media screen and (min-width: 655px) {
  .dynamic-section {
    margin-top: 70px;
  }
}
@media screen and (min-width: 960px) {
  .dynamic-section {
    margin-top: 50px;
  }
}
.load-more {
  padding-bottom: 3.5em;
  text-align: center;
}
.the-products .product-name {
  display: table-cell;
  padding-left: 5%;
  padding-right: 5%;
  height: 4em;
  vertical-align: middle;
}
.the-products .short-description {
  display: table-cell;
  height: 4em;
  vertical-align: middle;
}
.modal-wrapper {
  width: 100%;
  height: 100%;
  background: url(../img/dinotops_pt/fondo-wrapper.png);
  position: fixed;
  z-index: 50;
  transform: translate3d(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
  animation: modal-show 0.8s ease-in-out;
}
.modal-section {
  width: 960px;
  height: 600px;
  margin: -300px 0 0 -480px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 50% 500%;
  animation: modal-section-show 1s ease-in-out;
}
.modal-section .btn {
  width: 67px;
  height: 60px;
  background: url(../img/dinotops_pt/btn-cerrar-seccion.png) no-repeat;
  background-size: 67px 60px;
  margin: 0;
  top: 127px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  position: absolute;
  z-index: 4;
  transform-origin: 50% 50%;
  transition: transform 0.3s ease-in-out;
  border: 0;
  right: 256px;
  box-sizing: content-box;
  text-indent: -9999px;
}
.modal-section .btn:hover {
  transform: scale(1.1);
}
.modal-alert-app .content {
  width: 508px;
  height: 334px;
  background: url(../img/dinotops_pt/fondo-alert-app-dinhuevos.png) no-repeat;
  background-size: 508px 334px;
  position: absolute;
  left: 236px;
  top: 144px;
  z-index: 2;
}
.modal-alert-app .alert-title {
  font: 400 1.625em/90% 'Dimbo Regular', Arial, Helvetica, sans-serif;
  color: #e95d0f;
  text-align: center;
  width: 400px;
  margin: 0;
  position: absolute;
  left: 36px;
  top: 28px;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
.modal-alert-app .desc {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 44px;
}
.modal-alert-app .dinotop__bg {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 606px;
  height: 418px;
  background: url(../img/dinotops_pt/fondo-alerta-dinotop.png) no-repeat;
  background-size: 606px 418px;
  left: -80px;
  top: -30px;
  background-image: url(../img/dinotops_pt/fondo-alerta-dinotop@2x.png);
}
.modal-alert-app .dinotop__logo {
  width: 296px;
  height: 174px;
  background: url(../img/dinotops_pt/dinotop-logo.png) no-repeat;
  background-size: 296px 174px;
  position: absolute;
  left: -63px;
  top: 93px;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(../img/dinotops_pt/dinotop-logo@2x.png);
}
.modal-alert-app .dinotop__tablon {
  width: 198px;
  height: 95px;
  background: url(../img/dinotops_pt/tablon-dinotop.png) no-repeat;
  background-size: 198px 95px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(../img/dinotops_pt/tablon-dinotop@2x.png);
}
.modal-wrapper.hide {
  opacity: 0;
  animation: modal-hide 0.8s ease-in-out;
}
.modal-wrapper.hide .modal-section {
  animation: modal-section-hide 1s ease-in-out;
}
@keyframes modal-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes modal-section-show {
  from {
    transform: rotateZ(-180deg);
  }
  to {
    transform: rotateZ(0);
  }
}
@keyframes modal-section-hide {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(180deg);
  }
}
@media only screen and (min-width: 1441px) {
  .full-wrapper {
    max-width: 960px;
  }
  .hg-fluid-wrapper {
    max-width: 100%;
  }
  .hg-1 {
    width: 8.33333%;
  }
  .push-hg-1 {
    left: 8.33333%;
  }
  .pull-hg-1 {
    right: 8.33333%;
  }
  .lg-1:not([class*='hg']) {
    width: 8.33333%;
  }
  .push-lg-1:not([class*='hg']) {
    left: 8.33333%;
  }
  .pull-lg-1:not([class*='hg']) {
    right: 8.33333%;
  }
  .hg-2 {
    width: 16.66667%;
  }
  .push-hg-2 {
    left: 16.66667%;
  }
  .pull-hg-2 {
    right: 16.66667%;
  }
  .lg-2:not([class*='hg']) {
    width: 16.66667%;
  }
  .push-lg-2:not([class*='hg']) {
    left: 16.66667%;
  }
  .pull-lg-2:not([class*='hg']) {
    right: 16.66667%;
  }
  .hg-3 {
    width: 25%;
  }
  .push-hg-3 {
    left: 25%;
  }
  .pull-hg-3 {
    right: 25%;
  }
  .lg-3:not([class*='hg']) {
    width: 25%;
  }
  .push-lg-3:not([class*='hg']) {
    left: 25%;
  }
  .pull-lg-3:not([class*='hg']) {
    right: 25%;
  }
  .hg-4 {
    width: 33.33333%;
  }
  .push-hg-4 {
    left: 33.33333%;
  }
  .pull-hg-4 {
    right: 33.33333%;
  }
  .lg-4:not([class*='hg']) {
    width: 33.33333%;
  }
  .push-lg-4:not([class*='hg']) {
    left: 33.33333%;
  }
  .pull-lg-4:not([class*='hg']) {
    right: 33.33333%;
  }
  .hg-5 {
    width: 41.66667%;
  }
  .push-hg-5 {
    left: 41.66667%;
  }
  .pull-hg-5 {
    right: 41.66667%;
  }
  .lg-5:not([class*='hg']) {
    width: 41.66667%;
  }
  .push-lg-5:not([class*='hg']) {
    left: 41.66667%;
  }
  .pull-lg-5:not([class*='hg']) {
    right: 41.66667%;
  }
  .hg-6 {
    width: 50%;
  }
  .push-hg-6 {
    left: 50%;
  }
  .pull-hg-6 {
    right: 50%;
  }
  .lg-6:not([class*='hg']) {
    width: 50%;
  }
  .push-lg-6:not([class*='hg']) {
    left: 50%;
  }
  .pull-lg-6:not([class*='hg']) {
    right: 50%;
  }
  .hg-7 {
    width: 58.33333%;
  }
  .push-hg-7 {
    left: 58.33333%;
  }
  .pull-hg-7 {
    right: 58.33333%;
  }
  .lg-7:not([class*='hg']) {
    width: 58.33333%;
  }
  .push-lg-7:not([class*='hg']) {
    left: 58.33333%;
  }
  .pull-lg-7:not([class*='hg']) {
    right: 58.33333%;
  }
  .hg-8 {
    width: 66.66667%;
  }
  .push-hg-8 {
    left: 66.66667%;
  }
  .pull-hg-8 {
    right: 66.66667%;
  }
  .lg-8:not([class*='hg']) {
    width: 100%;
  }
  .push-lg-8:not([class*='hg']) {
    left: 66.66667%;
  }
  .pull-lg-8:not([class*='hg']) {
    right: 66.66667%;
  }
  .hg-9 {
    width: 75%;
  }
  .push-hg-9 {
    left: 75%;
  }
  .pull-hg-9 {
    right: 75%;
  }
  .lg-9:not([class*='hg']) {
    width: 75%;
  }
  .push-lg-9:not([class*='hg']) {
    left: 75%;
  }
  .pull-lg-9:not([class*='hg']) {
    right: 75%;
  }
  .hg-10 {
    width: 83.33333%;
  }
  .push-hg-10 {
    left: 83.33333%;
  }
  .pull-hg-10 {
    right: 83.33333%;
  }
  .lg-10:not([class*='hg']) {
    width: 83.33333%;
  }
  .push-lg-10:not([class*='hg']) {
    left: 83.33333%;
  }
  .pull-lg-10:not([class*='hg']) {
    right: 83.33333%;
  }
  .hg-11 {
    width: 91.66667%;
  }
  .push-hg-11 {
    left: 91.66667%;
  }
  .pull-hg-11 {
    right: 91.66667%;
  }
  .lg-11:not([class*='hg']) {
    width: 91.66667%;
  }
  .push-lg-11:not([class*='hg']) {
    left: 91.66667%;
  }
  .pull-lg-11:not([class*='hg']) {
    right: 91.66667%;
  }
  .hg-12 {
    width: 100%;
  }
  .push-hg-12 {
    left: 100%;
  }
  .pull-hg-12 {
    right: 100%;
  }
  .lg-12:not([class*='hg']) {
    width: 100%;
  }
  .push-lg-12:not([class*='hg']) {
    left: 100%;
  }
  .pull-lg-12:not([class*='hg']) {
    right: 100%;
  }
  #mobile-navigation {
    display: none;
  }
  .mobile-menu {
    display: none;
  }

  article.double-size {
    height: 618px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1440px) {
  .full-wrapper {
    max-width: 960px;
  }
  .lg-1 {
    width: 8.33333%;
  }
  .push-lg-1 {
    left: 8.33333%;
  }
  .pull-lg-1 {
    right: 8.33333%;
  }
  .lg-2 {
    width: 16.66667%;
  }
  .push-lg-2 {
    left: 16.66667%;
  }
  .pull-lg-2 {
    right: 16.66667%;
  }
  .lg-3 {
    width: 25%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .lg-4 {
    width: 33.33333%;
  }
  .push-lg-4 {
    left: 33.33333%;
  }
  .pull-lg-4 {
    right: 33.33333%;
  }
  .lg-5 {
    width: 41.66667%;
  }
  .push-lg-5 {
    left: 41.66667%;
  }
  .pull-lg-5 {
    right: 41.66667%;
  }
  .lg-6 {
    width: 50%;
  }
  .push-lg-6 {
    left: 49%;
  }
  .pull-lg-6 {
    right: 49%;
  }
  .lg-7 {
    width: 58.33333%;
  }
  .push-lg-7 {
    left: 58.33333%;
  }
  .pull-lg-7 {
    right: 58.33333%;
  }
  .lg-8 {
    width: 100%;
  }
  .push-lg-8 {
    left: 66.66667%;
  }
  .pull-lg-8 {
    right: 66.66667%;
  }
  .lg-9 {
    width: 75%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .lg-10 {
    width: 83.33333%;
  }
  .push-lg-10 {
    left: 83.33333%;
  }
  .pull-lg-10 {
    right: 83.33333%;
  }
  .lg-11 {
    width: 91.66667%;
  }
  .push-lg-11 {
    left: 91.66667%;
  }
  .pull-lg-11 {
    right: 91.66667%;
  }
  .lg-12 {
    width: 100%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .menu-item.dino-font {
    font-size: 1.35em;
  }
  .menu-item.dino-font.right {
    margin: 0 0 0 0.75em;
    text-align: right;
  }
  #mobile-navigation {
    display: none;
  }
  .mobile-menu {
    display: none;
  }

  article.double-size {
    height: 618px;
  }
}
@media only screen and (max-width: 480px) {
  .full-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }
  .sm-1 {
    width: 8.33333%;
  }
  .push-sm-1 {
    left: 8.33333%;
  }
  .pull-sm-1 {
    right: 8.33333%;
  }
  .sm-2 {
    width: 16.66667%;
  }
  .push-sm-2 {
    left: 16.66667%;
  }
  .pull-sm-2 {
    right: 16.66667%;
  }
  .sm-3 {
    width: 25%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .sm-4 {
    width: 33.33333%;
  }
  .push-sm-4 {
    left: 33.33333%;
  }
  .pull-sm-4 {
    right: 33.33333%;
  }
  .sm-5 {
    width: 41.66667%;
  }
  .push-sm-5 {
    left: 41.66667%;
  }
  .pull-sm-5 {
    right: 41.66667%;
  }
  .sm-6 {
    width: 50%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .sm-7 {
    width: 58.33333%;
  }
  .push-sm-7 {
    left: 58.33333%;
  }
  .pull-sm-7 {
    right: 58.33333%;
  }
  .sm-8 {
    width: 66.66667%;
  }
  .push-sm-8 {
    left: 66.66667%;
  }
  .pull-sm-8 {
    right: 66.66667%;
  }
  .sm-9 {
    width: 75%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .sm-10 {
    width: 83.33333%;
  }
  .push-sm-10 {
    left: 83.33333%;
  }
  .pull-sm-10 {
    right: 83.33333%;
  }
  .sm-11 {
    width: 91.66667%;
  }
  .push-sm-11 {
    left: 91.66667%;
  }
  .pull-sm-11 {
    right: 91.66667%;
  }
  .sm-12 {
    width: 100%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .cta,
  .slide__button {
    font-size: 0.8em;
  }

  .dinonews-option {
    opacity: 0;
    z-index: -1;
  }
  .social-icons {
    display: none;
  }
  #mobile-navigation * {
    -moz-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em;
  }
  #site-footer {
    font-size: 0.8em;
  }
  .footer-item {
    padding: 0 0.45em;
  }
  .footer-item:first-child {
    width: 100%;
    text-align: center;
    border: none;
    margin-bottom: 0.5em;
  }
  .slider {
    height: 320px !important;
  }
  .slide .title {
    padding: 0 5%;
    font-size: 1.5em;
  }
  .slide {
    max-height: 320px !important;
  }
  .highlight-content {
    width: 80% !important;
  }
  .extended-wrapper .highlight-content {
    width: 100%;
  }

  .image-only .highlight-content .cta {
    bottom: 0px;
  }
  article .title {
    font-size: 0.95em;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  }

  article.teaser.sm-12 {
    width: 100%;
  }
  article.teaser.even {
    margin: 0.5em auto;
  }
  article.teaser.odd {
    margin: 0.5em auto;
  }
  article .module {
    font-size: 0.8em;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
  }
  .widget.facebook.fixed-size {
    height: 717.5px;
  }
  .widget.facebook.landscape {
    height: 615px;
  }
  .widget.facebook .title .text {
    margin: 0 0 0 0.5em;
  }
  .widget.instagram {
    height: auto;
    background-color: white;
  }
  .widget .cover {
    font-size: 0.5em;
    height: 100%;
  }
  .widget .photo {
    max-height: none;
    overflow: hidden;
  }
  .landscape .facebook-post .post-photo {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
  .landscape .facebook-post .fb-content {
    width: 100%;
    float: left;
  }
  .reactions {
    position: static;
    background-color: transparent;
  }
  .fb-react-icon {
    margin-top: 2em;
  }
  .image-gallery .gallery-dot {
    font-size: 0.5em;
  }
  .list-with-image .the-list {
    padding-bottom: 100%;
  }
  .list-with-image .the-list .content {
    padding: 2em 5% 0;
  }
  .list-with-image .list-image {
    padding-bottom: 50%;
  }
  .title-block .title,
  .subtitle-block .title {
    width: 100%;
    font-size: 1.75em;
  }
  .editor-block h1 {
    width: 100%;
    font-size: 1.75em;
  }
  .reason-block .the-photo {
    padding-bottom: 100%;
  }
  .reason-block .the-reason {
    background-image: none !important;
  }
  .reason-block .the-reason {
    padding-bottom: 100%;
  }
  .gamecard.sm-12 {
    width: 100% !important;
    margin: 0.5em 0 !important;
  }
  .gamecard .dino-name,
  .gamecard .dino-claim {
    font-size: 1.5em;
  }
  .gamecard .dino-name {
    font-size: 3.5em;
  }
  .gamecard .dino-greet {
    font-size: 1.75em;
  }
  .gamecard .bio {
    font-size: 0.9em;
  }
  .gamecard .profile {
    font-size: 0.8em;
  }
  .gamecard .pictogram {
    width: 20px;
    height: 20px;
    background-size: 100%;
  }
  .gamecard .food {
    max-height: 30px;
  }
  .embed-game {
    display: none;
  }
  .dynamic-section .header-image-title,
  .header-image-block .header-image-title {
    width: 90% !important;
    font-size: 1.2em;
  }
}
.sm-12-d {
  width: 100%;
}
@media only screen and (min-width: 530px) and (max-width: 959px) {
  .md-6-d {
    width: 47%;
  }
}
@media only screen and (min-width: 960px) {
  .lg-4-d {
    width: 32%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 959px) {
  .full-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }
  .md-1 {
    width: 8.33333%;
  }
  .push-md-1 {
    left: 8.33333%;
  }
  .pull-md-1 {
    right: 8.33333%;
  }
  .md-2 {
    width: 16.66667%;
  }
  .push-md-2 {
    left: 16.66667%;
  }
  .pull-md-2 {
    right: 16.66667%;
  }
  .md-3 {
    width: 25%;
  }
  .push-md-3 {
    left: 25%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .md-4 {
    width: 33.33333%;
  }
  .push-md-4 {
    left: 33.33333%;
  }
  .pull-md-4 {
    right: 33.33333%;
  }
  .md-5 {
    width: 41.66667%;
  }
  .push-md-5 {
    left: 41.66667%;
  }
  .pull-md-5 {
    right: 41.66667%;
  }
  .md-6 {
    width: 50%;
  }
  .push-md-6 {
    left: 50%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .md-7 {
    width: 58.33333%;
  }
  .push-md-7 {
    left: 58.33333%;
  }
  .pull-md-7 {
    right: 58.33333%;
  }
  .md-8 {
    width: 66.66667%;
  }
  .push-md-8 {
    left: 66.66667%;
  }
  .pull-md-8 {
    right: 66.66667%;
  }
  .md-9 {
    width: 75%;
  }
  .push-md-9 {
    left: 75%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .md-10 {
    width: 83.33333%;
  }
  .push-md-10 {
    left: 83.33333%;
  }
  .pull-md-10 {
    right: 83.33333%;
  }
  .md-11 {
    width: 91.66667%;
  }
  .push-md-11 {
    left: 91.66667%;
  }
  .pull-md-11 {
    right: 91.66667%;
  }
  .md-12 {
    width: 100%;
  }
  .push-md-12 {
    left: 100%;
  }
  .pull-md-12 {
    right: 100%;
  }

  .menu-item {
    font-size: 1em;
  }
  .menu-item.left {
    margin: 0 1.5em 0 0;
  }
  .menu-item.right {
    margin: 0 0 0 1.5em;
  }
  #sub-navigation.active {
    max-height: 100vh;
    box-shadow: 0 10px 125px -23px rgba(0, 0, 0, 0.75);
  }
  #mobile-navigation {
    display: none;
  }
  .mobile-menu {
    display: none;
  }

  .extended-wrapper .highlight-content {
    width: 100% !important;
  }

  article .title {
    max-width: 550px;
    font-size: 1.15em;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  }

  @media screen and (min-width: 700px) {
    article .title {
      font-size: 1.15em;
      line-height: 1.25;
      margin-bottom: 1.25em;
      margin-top: 1em;
    }
  }

  article .module {
    font-size: 0.8em;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
  }
  .product-range .product-item {
    position: relative;
    top: 2em;
  }
  .product-range .product-name {
    font-size: 0.75em;
  }
  .widget.facebook.fixed-size {
    height: 410px;
  }
  .widget.facebook.landscape {
    height: 410px;
  }
  .widget.facebook {
    height: 410px;
  }
  .widget.instagram {
    height: 383.965px;
  }
  .facebook-post .post-photo {
    width: 48%;
    float: left;
    margin-right: 1em;
  }
  .facebook-post {
    padding: 1em;
  }
  .category-header {
    display: none;
  }
  .list-with-image .the-list {
    padding-bottom: 50%;
  }
  .list-with-image .list-image {
    padding-bottom: 50%;
  }
  .reason-block .the-reason {
    background-image: none !important;
  }
  .gamecard .back-content {
    margin: 1.25em;
  }
  .gamecard .dino-name,
  .gamecard .dino-claim {
    font-size: 1.65em;
  }
  .gamecard .dino-name {
    font-size: 3em;
  }
  .gamecard .dino-claim {
    font-size: 0.85em;
  }
  .gamecard .dino-greet {
    font-size: 1.75em;
  }
  .gamecard .bio {
    font-size: 0.75em;
  }
  .gamecard .profile .profile-item {
    line-height: 1.8;
  }
  .gamecard .profile {
    font-size: 1em;
  }
  .gamecard .pictogram {
    width: 20px;
    height: 20px;
    background-size: 100%;
  }
  .gamecard .food {
    max-height: 30px;
  }
  .dynamic-section .header-image-title,
  .header-image-block .header-image-title {
    width: 90%;
    font-size: 1.8em;
  }
}

.sin-azucares-chart {
  margin: -2em 0 0;
  position: relative;
}

.sin-azucares-chart__image {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.sin-azucares-chart__image--sm {
  display: block;
}

.sin-azucares-chart__image--lg {
  display: none;
}

@media screen and (min-width: 620px) {
  .sin-azucares-chart__image--sm {
    display: none;
  }

  .sin-azucares-chart__image--lg {
    display: block;
  }
}

.form__more {
  display: none;
  font-size: 0.8em;
}

.form__more.is-active {
  display: block;
}

.sin-azucares-right {
  float: none !important;
  margin: 0 0 0 0 !important;
}

@media screen and (min-width: 450px) {
  .sin-azucares-right {
    margin: 0 0 0 1em !important;
  }
}

@media screen and (min-width: 620px) {
  .sin-azucares-right {
    float: right !important;
  }
}

.faqp {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.faqp__wrapper {
  height: 570px;
  overflow: scroll;
  overflow-x: hidden;
}

.faqp__wrapper::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
}

.faqp__wrapper::-webkit-scrollbar {
  width: 12px;
  background-color: rgb(255, 255, 255);
}

.faqp__wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #cc8837;
}

.faqp__title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.25;
  color: #d7851b;
  margin-bottom: 1em;
}
.faqp__subtitle {
  margin-bottom: 2.5em;
  font-weight: 700;
}

.faqp__option {
  background-color: #eacca2;
}
.faqp__option:nth-child(even) {
  background-color: #f1ddbd;
}
.faqp__option .is-visible {
  display: block;
}

.faqp__button {
  border: none;
  background-color: transparent;
  padding: 1em;
  width: 100%;
  outline: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.faqp__option__title {
  margin: 0;
  font-size: 16px;
  text-align: left;
  width: 70%;
}

.faqp__block {
  padding: 1em;
}

.faqp__block__container {
  background-color: #f9edd8;
  display: none;
  overflow: hidden;
}

.plus__button {
  display: block;
  background-image: url('../../../uploads/2019/05/button-plus.png');
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.2s ease-in-out;
}
.plus__button.is-active {
  transform: rotate(45deg);
}
.bases-wrapper {
  padding: 0 5em;
  max-width: 1500px;
}
.promo-dinopolis {
  font-size: 0.8em;
}

@media screen and (min-width: 538px) {
  .promo-dinopolis {
    font-size: 0.9em;
  }
}

@media screen and (min-width: 720px) {
  .promo-dinopolis {
    font-size: 1em;
  }
}

.dinopolis_bases {
  background-color: #f8edd0 !important;
}
.dinopolis_bases .full-wrapper {
  max-width: 100% !important;
}
.dino-promo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.dino-promo__banner {
  background: url('../img/dinopolis-cabecera-sm.png');
  width: 22.5em;
  height: 34.25em;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 537px) {
  .dino-promo__banner {
    background: url('../img/dinopolis-cabecera-sm.png');
    width: 37.05em;
    height: 56.4em;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 695px) {
  .dino-promo__banner {
    background: url('../img/dinopolis-cabecera.png');
    width: 49em;
    height: 24.3em;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 835px) {
  .dino-promo__banner {
    background: url('../img/dinopolis-cabecera.png');
    width: 58.8em;
    height: 28.9em;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.dino-promo__title {
  width: 100%;
  text-transform: uppercase;
  color: #265113;
  font: 2.5em 'KG Second', Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
  max-width: 21.5em;
}

.dino-promo__title .number {
  position: relative;
  top: 0.12em;
  color: #ffd800;
  font: 1.25em 'KG Second', Helvetica, Arial, sans-serif;
  text-shadow: 0.06em -0.06em #265113, 0.04em -0.08em #265113,
    -0.06em 0.08em #265113, -0.04em 0.08em #265113, -0.06em -0.08em #265113,
    0.06em 0.08em #265113;
}

.dino-promo__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1000px) {
  .dino-promo__container {
    flex-direction: row;
  }
}

.dino-promo__container .description {
  text-align: left;
}

.dinopolis_bases .dino-promo .title {
  max-width: 58.75em;
}

.dinopolis_bases .description {
  padding-left: 3em;
  width: 100%;
}

.description-item .title {
  color: #265113;
  font: 2.1875em 'KG Second', Helvetica, Arial, sans-serif;
  margin: 0 0 0.3em 0;
  text-transform: capitalize;
}

.description-item .message {
  font: 400 1.25em Roboto;
  margin-bottom: 1em;
}

.description-item .message .highlight {
  color: #265113;
  font: 600 1.25em serif;
}

.description-note {
  padding: 1em 0;
  font-family: Roboto;
  font-weight: 400;
  font-size: 0.75em;
}

.dino-promo__frames {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
}

.dino-promo__frames .frame {
  margin: 1em 0.5em;
}

.bases-button__button {
  margin-bottom: 1em;
}

.bases-button__note {
  font-size: 0.75em;
  font-weight: 400;
}

.dinopolis_form {
  background-color: #e8ded0 !important;
}

.dino-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dino-form .dino-form__title {
  color: #265113;
  font: 2.1875em 'KG Second', Helvetica, Arial, sans-serif;
  max-width: 18.57em;
  margin: 0;
  text-align: center;
}

.dino-form .dino-form__description {
  width: 100%;
  margin: 2em;
  text-align: center;
}

.dino-form .dino-form__description .message {
  font: 400 1.25em Roboto;
}

.dino-form .dino-form__description .highlight {
  color: #265113;
  font-weight: 600;
}

.dino-form__spacer {
  font: 600 1.25em Roboto;
  text-align: left;
  color: #265113;
  border-bottom: 0.05em #265113 solid;
  width: 100%;
  padding-right: 2em;
  margin: 1em 0 3em 0;
}

.dino-form__container {
  width: 100%;
}

.father-field {
  padding: 0 !important;
  margin: 1em 0;
}

@media screen and (min-width: 480px) {
  .father-field {
    padding: 0 !important;
    margin: 0;
  }
}

.father-field:nth-child(odd) {
  padding: 0;
}

@media screen and (min-width: 480px) {
  .father-field:nth-child(odd) {
    padding-right: 1.5em !important;
  }
}

.father-field label {
  top: -1.3em;
  left: 0.5em;
}

.dino-form .child-row {
  padding: 0 !important;
  margin: 3em 0;
}

.ticket-field {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 480px) {
  .ticket-field {
    flex-wrap: nowrap;
  }
}

.ticket-message {
  flex: 0 1 100%;
  text-align: justify;
  margin: 1em 0;
}

@media screen and (min-width: 480px) {
  .ticket-message {
    flex: 0 1 auto;
    margin: 0 1.5em 0 0em;
  }
}

.ticket-button {
  display: flex;
  justify-content: center;
  flex: 0 0 100%;
  height: 4em;
}

@media screen and (min-width: 480px) {
  .ticket-button {
    height: 4em;
    flex: 0 0 14.12em;
  }
}

.ticket-button .frame {
  width: 100%;
  transform: scale(0.8);
}

@media screen and (min-width: 480px) {
  .ticket-button .frame {
    width: 105%;
    transform: scale(0.9);
  }
}

@media screen and (min-width: 720px) {
  .ticket-button .frame {
    transform: scale(1);
  }
}

.dino-form .progress {
  display: none;
}

.dino-form .row {
  text-align: left;
  margin: 0.5em 0;
}

.dino-form .form-group {
  margin: 0;
}

@media screen and (min-width: 480px) {
  .dino-form .form-group {
    margin: 0 0 2.5em;
  }
}
.child-number {
  display: none;
}
.dino-check {
  display: flex;
  line-height: normal;
}

.dino-form .submit {
  display: flex;
  justify-content: center;
  font-size: 1.2em;
}

.button-submit {
  width: 25em;
  position: relative;
  overflow: hidden;
  background-color: #d7851b;
  color: white;
  opacity: 0.4;
  pointer-events: none;
}

.button-submit.active {
  opacity: 1;
  pointer-events: all;
}

.dino-form .progress-finished {
  position: relative;
  top: 0.05em;
}

.dinoapp {
  width: 100%;
}
.dinoapp .dinoapp_title {
  font-size: 3.0625em; /*49px*/
  font-family: dimboregular;
}
.dinoapp_message .text {
  width: 100%;
  font-size: 1.475em; /*22px*/
  font-weight: 300;
  font-family: Roboto, sans-serif;
}

.dinoapp .text {
  display: inline-block;
}
.dinoapp .dinoapp_wrapper {
  padding: 2em 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.dinoapp .rex {
  margin: 0.5em;
}
.dinoapp .dinoapp_download {
  background-color: #f8e5c5;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dinoapp_download .title {
  font-size: 3.0625em; /*49*/
  font-family: dimboregular;
  text-align: center;
  margin: 0;
  padding-top: 1em;
}

.dinoapp_download .store {
  margin: 0 0.5em;
}
.dinoapp .slider__content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 480px) {
  .dinoapp .slider__content {
    font-size: 0.8em;
  }
}

@media screen and (min-width: 600px) {
  .dinoapp .slider__content {
    font-size: 1em;
  }
}

.dinoapp .slider__content .header-image-title {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 1), 1px 1px 6px rgba(0, 0, 0, 1);
}

.dino-rescate .slide__button {
  bottom: 2em;
}

.dino-huevo .slide__button {
  bottom: 2em;
}

.dinohuevos-app .dinoapp {
  font-size: 1em;
}
.dinohuevos-app .dinoapp_title {
  font-size: 3.07em; /*49px*/
}

.dinohuevos-app .dinoapp_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 300px) {
  .dinohuevos-app .dinoapp_message {
    padding: 0 3em;
  }

  .dinohuevos-app .dinoapp {
    padding: 2em 0;
    font-size: 0.5em;
  }
}

@media screen and (min-width: 600px) {
  .dinohuevos-app .dinoapp {
    font-size: 0.6em;
  }
}

@media screen and (min-width: 800px) {
  .dinohuevos-app .dinoapp {
    font-size: 0.8em;
  }
}

.dinohuevos-app .image-gallery .gallery-dots {
  position: inherit;
  flex: 0 0 auto;
  bottom: 0;
  top: inherit;
  display: flex;
  justify-content: center;
  margin: 2em 0;
}

.dinohuevos-app .image-gallery .full-wrapper {
  margin-bottom: 2em;
}

.dinohuevos-app .image-gallery .gallery-dot {
  margin: 0 0.3em;
}

.dinohuevos-app .image-gallery .gallery-dot:before {
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 0.0625em solid #d7851b;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 1.25em;
  text-align: center;
  line-height: 1.6;
  content: ' ';
}
.dinohuevos-app .image-gallery .gallery-dot.current:before {
  background-color: #d7851b;
}
.dinohuevos-app .image-gallery .gallery-arrows .gallery-arrow .arrow {
  border: none;
}

.dinohuevos-app .image-gallery .full-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 44.5em; /*1000*/
}
/* 
.extended-wrapper .highlight-content {
  width: 100% !important;
} */

.content-right .highlight-content {
  float: right !important;
  text-align: right !important;
}

@media screen and (min-width: 400px) {
  .home .extended-wrapper .highlight-content,
  .dinosaurus .extended-wrapper .highlight-content {
    width: 54% !important;
  }
}
@media screen and (min-width: 481px) {
  .home .extended-wrapper .highlight-content {
    width: 100% !important;
  }
  .dinosaurus .extended-wrapper .highlight-content {
    width: 100% !important;
    margin-top: 6.5em;
  }
}

@media screen and (min-width: 620px) {
  .dinosaurus .extended-wrapper .highlight-content {
    margin-top: 3em;
  }
}

@media screen and (min-width: 700px) {
  .home .extended-wrapper .highlight-content {
    width: 54% !important;
  }
  .dinosaurus .extended-wrapper .highlight-content {
    width: 54% !important;
    margin-top: 0;
  }
}

@media screen and (min-width: 960px) {
  .home .extended-wrapper .highlight-content,
  .dinosaurus .extended-wrapper .highlight-content {
    position: relative;
    top: 30px;
  }
}

.sin-azucares .editor-block p {
  display: block;
}

.social-media {
  background-position: right bottom;
}

@media screen and (min-width: 480px) {
  .social-media {
    background-position: right top !important;
  }
}

@media screen and (min-width: 960px) {
  .social-media {
    background-position: right bottom !important;
  }
}

.dinoregistro .privacy-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 1em;
}
.dinoregistro .privacy-wrapper .row {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0.5em 0 0;
}
.dinoregistro .privacy-wrapper .row input {
  width: 13px;
}

.dinoregistro .privacy-wrapper .row .static {
  line-height: 1.1em;
  padding-top: 3px;
}

.dinoregistro .dino-field {
  margin: 0.2em 0;
}

.dinosaurus-al-rescate .header-image {
  background: url(../img/dinoapp/banner-dinoapp-rescate.jpg);
  background-size: 1200px 521px;
}

.header-image-sm {
  display: block;
}

.header-image-md {
  display: none;
}

.header-image-xl {
  display: none;
}

@media screen and (min-width: 480px) {
  .header-image-sm {
    display: none;
  }

  .header-image-md {
    display: block;
  }

  .header-image-xl {
    display: none;
  }
}

@media screen and (min-width: 965px) {
  .header-image-sm {
    display: none;
  }

  .header-image-md {
    display: none;
  }

  .header-image-xl {
    display: block;
  }
}

.dinohuevos-app #footer-navigation {
  display: flex;
  justify-content: center;
}

.dinohuevos-app .editor-block ul {
  list-style-type: none;
}

.dinohuevos-app .gallery-list {
  flex: 0 0 auto;
  margin: 0;
}
.contact-wrapper {
  width: 100%;
  margin: 1em auto 2em;
}
.contact-wrapper .note {
  color: #080094;
  text-align: center;
  font-size: 0.8em;
}

@media screen and (min-width: 250px) {
  .home article .module,
  .dinosaurus article .module {
    margin-top: 4em;
  }
  .home .social-media .module,
  .dinosaurus .social-media .module {
    margin-top: 1em;
  }
  .home article .title,
  .dinosaurus article .title {
    font-size: 0.7em;
    line-height: 1.15;
    margin-bottom: 1.25em;
  }
}

@media screen and (min-width: 350px) {
  .home article .title,
  .dinosaurus article .title {
    font-size: 0.9em;
  }
}

@media screen and (min-width: 481px) {
  .home article .module,
  .dinosaurus article .module {
    margin-top: 4em;
  }
  .home article .title,
  .dinosaurus article .title {
    font-size: 0.95em;
    line-height: 1.15;
    margin-bottom: 1.25em;
  }
}

@media screen and (min-width: 950px) {
  .home article .module,
  .dinosaurus article .module {
    margin-top: 1em;
  }
  .home article .title,
  .dinosaurus article .title {
    font-size: 1.85em;
    line-height: 1.25;
    margin-bottom: 1.25em;
  }
}

.quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista
  .border-inner-box {
  border: none;
}

@media screen and (min-width: 480px) {
  .quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista
    .highlight-content {
    font-size: 0.7em;
  }
}

@media screen and (min-width: 600px) {
  .quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista
    .highlight-content {
    font-size: 0.85em;
  }
}

@media screen and (min-width: 900px) {
  .quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista
    .highlight-content {
    font-size: 1em;
  }
}

.preguntas-frecuentes .privacy-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.preguntas-frecuentes .privacy-wrapper .row {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0.5em 0;
}

@media only screen and (max-width: 480px) {
  .home .highlight-content {
    width: 64% !important;
  }
}

.home .social-media .highlight-content {
  width: 65% !important;
  top: 0;
  left: inherit;
  right: inherit;
}

@media only screen and (max-width: 960px) {
  .home .social-media .highlight-content {
    width: 70% !important;
  }
}

article .highlight-content {
  position: relative;
  left: 1em;
}

.quieres-estar-al-dia-de-todas-las-dinonovedades-siguenos-la-pista
  article
  .highlight-content {
  left: inherit;
}

.home article .highlight-content {
  left: -2em;
}
.dinoplanes .image-only .highlight-content {
  left: 0;
}
.content-right .highlight-content {
  position: relative !important;
  right: -2em !important;
  left: inherit !important;
}
.image-only .highlight-content {
  position: inherit;
}

.single-product-content {
  background-color: #ffe284;
  margin-top: 2.2em;
}
@media screen and (min-width: 480px) {
  .single-product-content {
    margin-top: 3.1em;
  }
}
.single-product-content .editor-block {
  max-width: 120em;
  margin: 0 auto;
  padding: 0 2em;
}
.single-product-content .editor-block img.single-product-logo {
  max-width: 280px;
  margin-bottom: 2em;
}
.single-product-content .editor-block h1,
.single-product-content .editor-block p {
  color: #080094;
}
.single-producto .button {
  margin: 1em 0;
}

.dinoplanes .dynamic-section .title-wrap.right {
  right: 1em;
}

.dinoplanes .dynamic-section .title-wrap.right {
  font-size: 0.8em;
}

@media only screen and (min-width: 400px) {
  .dinoplanes .dynamic-section .title-wrap.right {
    font-size: 1em;
  }
}

.dinojuegos .header-image-wrap {
  display: none;
}

.main-wrapper {
  overflow-x: hidden;
  /*background-color: #ffe284;*/
}

.flip .back {
  z-index: 3;
}

.back-content {
  font-size: 0.9em;
}

@media only screen and (min-width: 320px) {
  .back-content {
    font-size: 1em;
  }
}

@media only screen and (min-width: 480px) {
  .back-content {
    font-size: 0.7em;
  }
}

@media only screen and (min-width: 630px) {
  .back-content {
    font-size: 0.85em;
  }
}

@media only screen and (min-width: 790px) {
  .back-content {
    font-size: 0.95em;
  }
}

@media only screen and (min-width: 900px) {
  .back-content {
    font-size: 1em;
  }
}

.back .collapse {
  font-size: 1.5em;
}

@media only screen and (min-width: 320px) {
  .back .collapse {
    font-size: 1.6em;
  }
}

.flex-form.privacy {
  margin: 0 0 0 1em;
  flex-direction: row;
}

.flex-form.privacy .acceptance-lopd {
  margin-right: 1em;
}

.flex-form.privacy .politicas {
  flex: 1 1 auto;
  text-align: left;
}

/**************************************/
/*     PAGE CUMPLESAURUS START     */
/**************************************/

.cumplesaurus_wrapper {
  background: #436ecb
    url('../images/cumplesaurus/header-cumpleasaurus-mobile.png') 50% 0% /
    contain no-repeat;
  min-height: 640px;
  position: relative;
  padding: 0;
}
@media (min-width: 440px) {
  .cumplesaurus_wrapper {
    background: #436ecb url('../images/cumplesaurus/header-cumpleasaurus.png')
      50% 0% / contain no-repeat;
  }
}
@media (max-width: 960px) {
  .cumplesaurus_wrapper {
    min-height: 500px;
  }
}

@media (max-width: 480px) {
  .cumplesaurus_wrapper {
    min-height: 340px;
  }
}

.cumplesaurus_wrapper .section__content {
  width: 966px;
  margin: 0 auto;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .section__content {
    width: 720px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .section__content {
    width: 100%;
  }
}

.cumplesaurus_wrapper .banner {
  width: 100%;
}

.cumplesaurus_wrapper .is-desktop {
  display: block;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .is-desktop {
    display: none;
  }
}

.cumplesaurus_wrapper .is-tablet {
  display: none;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .is-tablet {
    display: block;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .is-tablet {
    display: none;
  }
}

.cumplesaurus_wrapper .is-mobile {
  display: none;
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .is-mobile {
    display: block;
  }
}

.cumplesaurus_wrapper .banner__image,
.cumplesaurus_wrapper .video__poster--img {
  max-width: 100%;
  height: auto;
}

.cumplesaurus_wrapper .section--paragraph {
  font: 500 19px/120% 'Roboto', Arial, sans-serif;
  color: #fff;
  text-align: center;
  margin: 0;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .section--paragraph {
    font-size: 20px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .section--paragraph {
    font-size: 16px;
  }
}

.cumplesaurus_wrapper .section--special {
  font: 300 55px/120% 'dimboregular', Arial, sans-serif;
  letter-spacing: 3px;
  color: #fff;
  text-align: center;
  margin: 0;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .section--special {
    font-size: 42px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .section--special {
    font-size: 34px;
  }
}

.cumplesaurus_wrapper .button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  outline: none;
  text-transform: none;
  margin: 0;
  padding: 0;
}

.cumplesaurus_wrapper .button--action {
  background-color: #000495;
  color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(5, 37, 8, 0.5);
  font: 300 27.5px/120% 'dimboregular', Arial, sans-serif;
  position: relative;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  outline: none;
  padding: 0.3em 0.5em;
}

.cumplesaurus_wrapper .video {
  width: 750px;
  height: 430px;
  margin: 5px auto;
  position: relative;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .video {
    width: 562px;
    height: 322px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .video {
    width: 305px;
    height: 166px;
  }
}

.cumplesaurus_wrapper .video__poster {
  display: block;
  width: 789px;
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(-49%, -48.8%);
  z-index: 10;
}

.cumplesaurus_wrapper .video__poster--child {
  transform: none;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .video__poster {
    width: 592px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .video__poster {
    width: 310px;
  }
}

.cumplesaurus_wrapper .video__poster.is-inactive {
  display: none;
}

.cumplesaurus_wrapper .video__player {
  width: 100%;
  height: 100%;
}

.cumplesaurus_wrapper .section.section--birthday .section__content {
  padding: 440px 0 0;
}
@media (min-width: 370px) {
  .cumplesaurus_wrapper .section.section--birthday .section__content {
    padding: 504px 0 0;
  }
}
@media (min-width: 390px) {
  .cumplesaurus_wrapper .section.section--birthday .section__content {
    padding: 604px 0 0;
  }
}
@media (min-width: 440px) {
  .cumplesaurus_wrapper .section.section--birthday .section__content {
    padding: 238px 10px 0;
  }
}
@media (min-width: 620px) {
  .cumplesaurus_wrapper .section.section--birthday .section__content {
    padding: 308px 10px 0;
  }
}
@media (min-width: 720px) {
  .cumplesaurus_wrapper .section.section--birthday .section__content {
    padding: 348px 10px 0;
  }
}
@media (min-width: 855px) {
  .cumplesaurus_wrapper .section.section--birthday .section__content {
    padding: 418px 10px 0;
  }
}

.cumplesaurus_wrapper .section.section--birthday .section--text {
  margin-top: 14px;
}

.cumplesaurus_wrapper .section.section--birthday .section--special {
  margin-top: 20px;
}

.cumplesaurus_wrapper .section.section--video {
  background: transparent;
}

.cumplesaurus_wrapper .section.section--video .section__content {
  padding: 21px 0 35px;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .section.section--video .section__content {
    padding: 30px 0 55px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .section.section--video .section__content {
    padding: 20px 0;
  }
}
.cumplesaurus_wrapper .section--video .section__register .section--paragraph {
  margin: 28px auto 14px;
  font-weight: 300;
}

.cumplesaurus_wrapper .section__bottom {
  background: #71a73b url('../images/cumplesaurus/party-bck.png') 0% 100% /
    contain no-repeat;
  padding-bottom: 5.5em;
}
@media (min-width: 720px) {
  .cumplesaurus_wrapper .section__bottom {
    padding-bottom: 7.5em;
  }
}

.cumplesaurus_wrapper .section.section--ideas .section__content {
  padding: 35px 0 14px;
}

@media (max-width: 960px) {
  .cumplesaurus_wrapper .section.section--ideas .section__content {
    padding: 60px 0 28px;
  }
}

@media (max-width: 720px) {
  .cumplesaurus_wrapper .section.section--ideas .section__content {
    padding: 20px 10px;
  }
}

.relacionados {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 720px) {
  .relacionados {
    flex-direction: row;
    margin: 1em auto;
  }
}

.relacionados .titulo {
  font: 300 1.75em/120% 'dimboregular', Arial, sans-serif;
  color: #080094;
  text-align: center;
  margin: 0 0 0.25em;
}
@media (min-width: 720px) {
  .relacionados .titulo {
    font-size: 2em;
  }
}

.relacionados .descripcion {
  font-size: 1em;
  color: #fff;
  margin: 1.25em 1em 1em;
}
@media (min-width: 720px) {
  .relacionados .descripcion {
    font-size: 1.25em;
  }
}

.relacionados .relacionado {
  width: 45%;
  text-align: center;
}

.relacionados .relacionado .contenido {
  position: absolute;
  top: 0;
  left: 2%;
  width: 96%;
  height: 100%;
  margin: 0 auto;
  background-size: cover;
  background-position: 50% 50%;
  font-family: Roboto, sans-serif;
}

.relacionados .relacionado .contenido .textos .seccion {
  width: 60%;
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 1.5rem;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}

@media (max-width: 960px) {
  .relacionados .relacionado {
    font-size: 0.8em;
  }
}

@media (max-width: 720px) {
  .relacionados .relacionado {
    width: 100%;
    font-size: 1em;
  }

  .relacionados .relacionado .textos {
    bottom: 1rem;
  }
}

@media (max-width: 500px) {
  .relacionados .relacionado {
    font-size: 0.7em;
  }
}
.relacionados .relacionado .relacionado--img {
  width: 100%;
  max-width: 412px;
  margin: 0 auto;
  padding: 0 0.5em;
}

.relacionados .relacionado.relacionado_1 .contenido {
  color: white;
}

.relacionados .relacionado.relacionado_1 .contenido a {
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.75);
}

.relacionados .relacionado.relacionado_2 .contenido {
  color: white;
}

.relacionados .relacionado.relacionado_2 .contenido a {
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.75);
}

.relacionados .relacionado.relacionado_3 .contenido {
  color: white;
}

.relacionados .relacionado.relacionado_3 .contenido a {
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.75);
}

.relacionados .relacionado.relacionado_4 .contenido {
  color: white;
}

.relacionados .relacionado.relacionado_4 .contenido .textos .titulo {
  width: 100%;
}

.relacionados .relacionado.relacionado_4 .contenido a {
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.75);
}
.only-mobile {
  display: none;
}
@media (min-width: 720px) {
  .only-mobile {
    display: block;
  }
}

/**************************************/
/*      PAGE CUMPLESAURUS END         */
/**************************************/

div.wpcf7 {
  margin: 0 !important;
  padding: 1.5em 0 0 !important;
  background-color: #efc044 !important;
}
@media (min-width: 480px) {
  div.wpcf7 {
    padding: 3em 0 0;
  }
}

div.wpcf7 textarea.error,
select.error,
input[type='text'].error,
input[type='email'].error {
  color: black;
}
div.wpcf7 p.politicas {
  color: #080094 !important;
  text-align: left !important;
  margin-left: -5em !important;
  font-size: 0.75em !important;
}
div.wpcf7 p.politicas a {
  text-decoration: underline !important;
}
div.wpcf7 p.obligado {
  color: #080094 !important;
  text-align: left !important;
  font-size: 0.8em !important;
  font-weight: 700 !important;
  margin-left: 0.8em !important;
}
div.wpcf7 .wpcf7-textarea {
  resize: vertical;
}
div.wpcf7 .wpcf7-file {
  background-color: transparent !important;
}
div.wpcf7 .wpcf7-file,
div.wpcf7 .wpcf7-tel {
  width: 100%;
  border: none;
  outline: none;
  padding: 0.5em 1em;
  font-size: 1em;
  font-weight: 300;
}
div.wpcf7 input.cta {
  font-family: dimboregular;
  font-size: 2em;
  position: relative;
  z-index: 20;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  outline: none;
  padding: 0 0.5em;
  margin-top: -0.5em;
  background-color: #000495 !important;
  color: #fff !important;
  box-shadow: none !important;
}
div.wpcf7 input.cta:hover {
  cursor: -webkit-image-set(url(http://www.dinosaurus.es/wp-content/themes/dinosaurus/img/_dino_cursor.png) 2x),pointer;
}
div.wpcf7 select.wpcf7-select {
  border: 0.1px solid white;
  appearance: menulist;
}
div.wpcf7 .flex-center {
  background-color: #ffe284;
}

.page-template-page-contacto .editor-block.page-content-block:first-of-type {
  display: none;
}

.dino-pasos {
  background-color: #ffe284;
  padding-bottom: 110px;
}

.dino-pasos .title-blue {
  max-width: 700px;
  padding: 2em 0 1em;
  margin: 0 auto;
  font: 700 2.5em/100% dimboregular, Arial, sans-serif;
  color: #080094;
  text-align: center;
  text-transform: uppercase;
}

.dino-contactar-pasos {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
@media (min-width: 800px) {
  .dino-contactar-pasos {
    flex-direction: row;
  }
}

.dino-paso-contacto {
  height: 165px;
}

.dino-paso-contacto p {
  text-transform: uppercase;
  text-align: center;
  color: #080094;
}

p.dino-paso-txt {
  font: 500 0.8em/120% 'Roboto', Arial, sans-serif;
  padding: 0;
}

p.dino-paso-title {
  font: 700 2.5em/100% dimboregular, Arial, sans-serif;
  margin: 0 auto 0.25em;
  padding: 0;
}

.dino-paso-contacto-1 {
  width: 100%;
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding: 1em 0;
  background-color: #a1c57e;
}
@media (min-width: 800px) {
  .dino-paso-contacto-1 {
    width: 35%;
  }
}

.dino-paso-contacto-2 {
  width: 100%;
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding-top: 2em;
  background-color: #f4c143;
}
@media (min-width: 800px) {
  .dino-paso-contacto-2 {
    width: 30%;
  }
}

.dino-paso-contacto-3 {
  width: 100%;
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  padding: 2em 3em;
  background-color: #91b8e1;
}
@media (min-width: 800px) {
  .dino-paso-contacto-3 {
    width: 35%;
  }
}
.dino-pasos-dinos {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.dino-pasos-dinos p {
  display: none;
}
@media (min-width: 800px) {
  .dino-pasos-dinos {
    flex-direction: row;
  }
}
.dino-contacto-img-1 {
  background: url('../img/dino-contacto-1.png') 50% 50% / contain no-repeat;
  height: 94px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 800px) {
  .dino-contacto-img-1 {
    width: 65%;
    margin-left: -4em;
  }
}
.dino-contacto-img-2 {
  display: none;
  background: url('../img/dino-contacto-2.png') 50% 50% / contain no-repeat;
  height: 90px;
  width: 35%;
}
@media (min-width: 800px) {
  .dino-contacto-img-2 {
    display: block;
  }
}
.dino-contacto-img-3 {
  background: url('../img/dino-contacto-3.png') 50% 50% / contain no-repeat;
  height: 157px;
  margin-top: -90px;
}

.flex-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-content: flex-start;
  align-items: stretch;
}

.flex-center {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: stretch;
}

.dinocontacto-hide-form {
  display: none;
}

.flex-column-1 {
  order: 0;
  flex: 0 1 auto;
  max-width: 100%;
  align-self: auto;
  margin-right: 0;
}

@media only screen and (min-width: 800px) {
  .flex-column-1 {
    max-width: 50%;
    margin-right: 2em;
  }
}

.flex-column-2 {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}

div.flex-form p.title {
  font: 700 1em/120% 'Roboto', Arial, sans-serif !important;
  text-transform: uppercase !important;
  margin-bottom: 0.5em !important;
  color: #080094 !important;
}

@media screen and (min-width: 481px) {
  div.flex-form p.title {
    font-size: 1.25em !important;
  }
}

p.title_orange {
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 0.5em;
  color: #df9c44;
  text-align: center;
}

@media only screen and (max-width: 50em) {
  /* CSS rules here */
  .flex-form {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 40em) {
  /* CSS rules here */
  .dino-contactar-pasos {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.screen-reader-response {
  display: none;
}

.wpcf7-not-valid-tip {
  color: #cd2623;
}

.wpcf7-not-valid {
  border: 1px solid #cd2623;
}

.acceptance-lopd .wpcf7-not-valid-tip,
.wpcf7-validation-errors {
  display: none !important;
}

.escape-room {
  font-size: 0.95em;
}

@media screen and (min-width: 768px) {
  .escape-room {
    font-size: 0.85em;
  }
}

@media screen and (min-width: 1200px) {
  .escape-room {
    font-size: 1em;
  }
}

.escape-room__herobanner {
  height: 372vw;
  background: url('../images/escape-room/herobanner-reto-4-sm.jpg') 50% 50% /
    cover no-repeat;
  position: relative;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner {
    height: 57.1875em; /* 915 */
    background: url('../images/escape-room/herobanner-reto-4.jpg') 50% 50% /
      auto 100% no-repeat;
  }
}

.escape-room__herobanner .herobanner__intro {
  font: 400 1.1875em / 1.2 Roboto, sans-serif; /* 19 */
  color: #483e32;
  text-align: center;
  padding: 0 2em;
  margin: 0;
  position: absolute;
  left: 0;
  top: 122vw;
}

.escape-room__herobanner .herobanner__intro br {
  display: none;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .herobanner__intro {
    padding: 0;
    transform: translateX(-50%);
    left: 50%;
    top: 19.8421em; /* 377 */
  }

  .escape-room__herobanner .herobanner__intro br {
    display: block;
  }
}
.escape-room__herobanner .herobanner__intro strong {
  text-shadow: rgb(255, 255, 255) 2px 0px 0px,
    rgb(255, 255, 255) 1.75517px 0.958851px 0px,
    rgb(255, 255, 255) 1.0806px 1.68294px 0px,
    rgb(255, 255, 255) 0.141474px 1.99499px 0px,
    rgb(255, 255, 255) -0.832294px 1.81859px 0px,
    rgb(255, 255, 255) -1.60229px 1.19694px 0px,
    rgb(255, 255, 255) -1.97998px 0.28224px 0px,
    rgb(255, 255, 255) -1.87291px -0.701566px 0px,
    rgb(255, 255, 255) -1.30729px -1.5136px 0px,
    rgb(255, 255, 255) -0.421592px -1.95506px 0px,
    rgb(255, 255, 255) 0.567324px -1.91785px 0px,
    rgb(255, 255, 255) 1.41734px -1.41108px 0px,
    rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}

.escape-room__herobanner .herobanner__logo {
  width: 22.1875em; /* 355 */
  height: 6.875em; /* 110 */
  text-indent: -9999px;
  margin: 0;
  background: url('../images/escape-room/logo-valle-saurios.png') 50% 50% /
    contain no-repeat;
  margin: 0;
  transform: translateX(-50%); /* -72 */
  position: absolute;
  left: 50%;
  top: 152vw;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .herobanner__logo {
    transform: translateX(-50%) translateX(-4.5em); /* -72 */
    top: 28.5em; /* 456 */
  }
}

.escape-room__herobanner .herobanner__desc {
  font: 400 0.9375em / 1.2 Roboto, sans-serif; /* 15 */
  color: #483e32;
  text-align: center;
  width: 100%;
  padding: 0 2em;
  margin: 0;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 180vw;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .herobanner__desc {
    text-align: left;
    width: auto;
    padding: 0;
    transform: translateX(-50%) translateX(-4.7333em); /* -71 */
    top: 38.5333em; /* 578 */
  }
}

.escape-room__herobanner .herobanner__desc strong {
  font-weight: 700;
}

.escape-room__herobanner .button--escape-room-1 {
  font-size: 1em;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 9.6875em; /* 155 */
  height: 4.3125em; /* 69 */
  transform: translateX(-50%) translateX(-1.6125em);
  background: url('../images/escape-room/button-footprint-1.png') 50% 50% /
    contain no-repeat;
  position: absolute;
  left: 50%;
  top: 200vw;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .button--escape-room-1 {
    transform: translateX(-50%) translateX(5.6875em); /* 91 */
    top: 41.25em; /* 660 */
  }
}

.escape-room__herobanner .button--escape-room-2 {
  font-size: 1em;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 9.6875em; /* 155 */
  height: 4.3125em; /* 69 */
  transform: translateX(-50%) translateX(5.4875em);
  background: url('../images/escape-room/button-footprint-2.png') 50% 50% /
    contain no-repeat;
  position: absolute;
  left: 50%;
  top: 260vw;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .button--escape-room-2 {
    transform: translateX(-50%) translateX(12.9875em); /* 208 */
    top: 37.5em; /* 600 */
  }
}

.escape-room__herobanner .button--escape-room-3 {
  font-size: 1em;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 9.6875em; /* 155 */
  height: 4.5625em; /* 73 */
  transform: translateX(-50%) translateX(-6.5125em);
  background: url('../images/escape-room/button-footprint-3.png') 50% 50% /
    contain no-repeat;
  position: absolute;
  left: 50%;
  top: 296vw;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .button--escape-room-3 {
    transform: translateX(-50%) translateX(7.5em); /* 120 */
    top: 48.25em; /* 772 */
  }
}

.escape-room__herobanner .button--escape-room-4 {
  font-size: 1em;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 6.0625em; /* 97 */
  height: 4.5625em; /* 73 */
  transform: translateX(-50%) translateX(3.3875em);
  background: url('../images/escape-room/button-footprint-4.png') 50% 50% /
    contain no-repeat;
  position: absolute;
  left: 50%;
  top: 332vw;
}

@media screen and (min-width: 768px) {
  .escape-room__herobanner .button--escape-room-4 {
    transform: translateX(-50%) translateX(-3.9em);
    top: 42.65em;
  }
}

.escape-room__features {
  background: url('../images/escape-room/yellow-background.jpg') 50% 50% / cover
    no-repeat;
  padding: 3.75em 0; /* 60 */
}

.escape-room__features .features__content {
  max-width: 61.25em; /* 980 */
  padding: 0 1.5em;
  margin: 0 auto;
}

.escape-room__features .features__title {
  font: 700 2em / 1.2 Roboto, sans-serif; /* 50 */
  color: #483e32;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 0.52em; /* 0 auto 26 */
}

@media screen and (min-width: 768px) {
  .escape-room__features .features__title {
    font: 700 3.125em / 1.2 Roboto, sans-serif; /* 50 */
  }
}

.escape-room__features p {
  font: 400 1em / 1.2 Roboto, sans-serif; /* 26 */
  color: #483e32;
  text-align: center;
  margin: 0 auto 1em; /* 0 auto 26 */
}

@media screen and (min-width: 768px) {
  .escape-room__features p {
    font: 400 1.625em / 1.2 Roboto, sans-serif; /* 26 */
  }
}

.escape-room__features .features__list {
  font-size: 0.85em;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin: 0 auto 6.875em; /* 0 auto 110 */
}

@media screen and (min-width: 768px) {
  .escape-room__features .features__list {
    font-size: 1em;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}

.escape-room__features .features__list > * {
  margin: 1em 0;
}

@media screen and (min-width: 768px) {
  .escape-room__features .features__list > * {
    margin: 0;
  }
}

.escape-room__features .feature__item--1 {
  text-indent: -9999px;
  width: 17em; /* 272 */
  height: 19.875em; /* 318 */
  background: url('../images/escape-room/feature-1.png') 50% 50% / contain
    no-repeat;
}

.escape-room__features .feature__item--2 {
  text-indent: -9999px;
  width: 16.5625em; /* 265 */
  height: 21.375em; /* 342 */
  background: url('../images/escape-room/feature-2.png') 50% 50% / contain
    no-repeat;
}

.escape-room__features .feature__item--3 {
  text-indent: -9999px;
  width: 16.8125em; /* 269 */
  height: 19.625em; /* 314 */
  background: url('../images/escape-room/feature-3.png') 50% 50% / contain
    no-repeat;
}

.escape-room__features .features__subtitle {
  font: 300 2em / 1.2 Roboto, sans-serif; /* 42 */
  color: #006aa0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 0.76em; /* 0 auto 32 */
}

@media screen and (min-width: 768px) {
  .escape-room__features .features__subtitle {
    font: 300 2.625em / 1.2 Roboto, sans-serif; /* 42 */
  }
}

.escape-room__features .features__subtitle strong {
  font-weight: 700;
}

.escape-room__features .button--oceanix {
  display: block;
  font-size: 0.5em;
  text-indent: -9999px;
  width: 44.8125em; /* 717 */
  height: 18.75em; /* 300 */
  margin: 0 auto;
  background: url('../images/escape-room/button-oceanix-sm.png') 50% 50% / cover
    no-repeat;
}

@media screen and (min-width: 768px) {
  .escape-room__features .button--oceanix {
    font-size: 1em;
    width: 43.625em; /* 698 */
    height: 9.4375em; /* 151 */
    background: url('../images/escape-room/button-oceanix.png') 50% 50% / cover
      no-repeat;
  }
}

.smartbutton__content {
  width: auto !important;
  min-width: 0 !important;
}

.smartbutton__content .sc-btn-ec {
  max-width: inherit;
  min-width: inherit;
  min-height: inherit;
}
.products-page div[data-sc-id].smartbutton__content {
  position: absolute;
  margin-bottom: 0;
  padding: 0;
  bottom: 10px;
  right: 15px;
}

.smartbutton__content ul {
  left: 50%;
  transform: translateX(-50%);
}

.smartbutton__content a {
  display: block;
  margin: 1em auto 0;
  color: #fff;
  font-weight: 600;
  background-color: rgb(200, 54, 58);
  font-size: 1rem;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.25;
  padding: 0.5rem 1rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  max-width: 100px;
  height: 36px;
  width: 100%;
  min-width: 100px;
  opacity: 1;
}

.smartbutton__content a:hover {
  opacity: 0.85;
}

.smartbutton__content.no-smart {
  position: absolute;
  max-width: 220px;
  margin: 0 auto;
  padding: 0;
  bottom: 11px;
  right: 15px;
}

.product__row {
  display: flex;
  flex-flow: column nowrap;
}

@media screen and (min-width: 48em) {
  /* 768 */
  .product__row {
    flex-flow: row nowrap;
  }
}

.product__row .product__col:first-child {
  flex: 0 1 auto;
}

.product__row .product__col:last-child {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column nowrap;
}

@media screen and (min-width: 48em) {
  .product__row .product__col:last-child {
    padding: 2.5em 0 0;
    flex-flow: row nowrap;
  }

  .product__row .product__col.no-padding {
    padding: 0;
  }
}

.product__row .product__col .col__item {
  display: flex;
  min-width: 12.25em; /* 200 */
  flex-flow: column nowrap;
  align-items: center;
  margin: 2.2em 0 0;
}

@media screen and (min-width: 48em) {
  .product__row .product__col .col__item {
    margin: 0 0 0 2.2em;
  }
}

.wrapper.sorpresaurus {
  font-size: 0.95em;
  max-width: 56.875em; /* 910 */
  padding: 4.375em 0.9375em /* 70, 15 */;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .wrapper.sorpresaurus {
    font-size: 0.85em;
  }
}

@media screen and (min-width: 1200px) {
  .wrapper.sorpresaurus {
    font-size: 1em;
  }
}

.wrapper.sorpresaurus .sorpresaurus__banner {
  margin: 0 auto 2.375em; /* 38 */
}

.wrapper.sorpresaurus .sorpresaurus__title {
  font: 400 2em / 1.2 Roboto, sans-serif; /* 32 */
  color: #cc8837;
  text-transform: uppercase;
  text-align: center;
  margin: 0.8125em auto;
}

.wrapper.sorpresaurus p {
  max-width: 46.25em; /* 740 */
  text-align: center;
  margin: 0.8em auto;
}

.wrapper.sorpresaurus .sorpresaurus__dinos {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.wrapper.sorpresaurus .sorpresaurus__dino {
  flex: 0 0 auto;
  width: 48%;
  height: 15.625em; /* 250 */
  margin: 0.5em 0;
  background: transparent 50% 100% / contain no-repeat;
}

@media screen and (min-width: 768px) {
  .wrapper.sorpresaurus .sorpresaurus__dino {
    width: 31%;
    height: 23.4375em; /* 359 */
    margin: 1.25em 0;
  }
}

.wrapper.sorpresaurus .sorpresaurus__dino--dona {
  background-image: url('../images/sorpresaurus/dino-dona@2x.png');
}

.wrapper.sorpresaurus .sorpresaurus__dino--egor {
  background-image: url('../images/sorpresaurus/dino-egor@2x.png');
}

.wrapper.sorpresaurus .sorpresaurus__dino--gus {
  background-image: url('../images/sorpresaurus/dino-gus@2x.png');
}

.wrapper.sorpresaurus .sorpresaurus__dino--rex {
  background-image: url('../images/sorpresaurus/dino-rex@2x.png');
}

.wrapper.sorpresaurus .sorpresaurus__dino--tina {
  background-image: url('../images/sorpresaurus/dino-tina@2x.png');
}

.wrapper.sorpresaurus .sorpresaurus__dino--tor {
  background-image: url('../images/sorpresaurus/dino-tor@2x.png');
}

.wrapper.sorpresaurus .sorpresaurus__video iframe {
  width: 100%;
  height: 11.25em; /* 180 */
}

@media screen and (min-width: 768px) {
  .wrapper.sorpresaurus .sorpresaurus__video iframe {
    height: 33.125em; /* 530 */
  }
}

span.wpcf7-list-item {
  margin: 0 0.5em 0 0;
}

.wpcf7-list-item-label {
  color: #ffffff;
}

/**************************************/
/*       PAGE PRODUCTS START          */
/**************************************/
.products-page {
  margin-top: 35px;
}
.products-header {
  height: 532px;
  background: url('../images/reasons-slider/reasons-background-2.png') 50% 50% /
    cover;
}
@media screen and (min-width: 960px) {
  .products-header {
    height: 562px;
  }
}

.products-header .header-title {
  max-width: 320px;
  margin: 0 auto 1em;
  padding-top: 2.1em;
  text-align: center;
  font-family: dimboregular;
  text-transform: uppercase;
  font-size: 2em;
  color: #080094;
}
@media screen and (min-width: 655px) {
  .products-header .header-title {
    max-width: 535px;
    font-size: 2.5em;
  }
}

.products-header .products-wrapper {
  width: 100%;
}

.products-header .extended-wrapper {
  max-width: 340px;
}
@media screen and (min-width: 655px) {
  .products-header .extended-wrapper {
    max-width: 680px;
  }
}
@media screen and (min-width: 960px) {
  .products-header .extended-wrapper {
    max-width: 840px;
  }
}

.products-header .product__arrow--next {
  top: 2.5em;
  left: -2.25em;
}

.products-header .product__arrow--prev {
  top: 2.5em;
  left: 0.25em;
}

.products-header .slider__image {
  width: 80%;
}
@media screen and (min-width: 960px) {
  .products-header .slider__image {
    width: 100%;
  }
}

.products-header .slider__item {
  padding: 0 1.25em;
  text-align: center;
  color: #080094;
}

.products-header .slider__title {
  font: 700 1em / 1.1 Roboto, sans-serif;
  margin: 0.75em 0 0;
}

.products-header .slider__desc {
  font: 200 0.875em / 1.1 Roboto, sans-serif;
  margin: 0.75em 0 0;
}
.products-header .product__arrow {
  display: block;
}
@media screen and (min-width: 480px) {
  .products-page {
    margin-top: 50px;
  }
}
@media screen and (min-width: 960px) {
  .products-header .product__arrow {
    display: none;
  }
}

.products-page .products-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  background-color: #efc044;
}

.products-page .products-list .product {
  position: relative;
  display: block;
  max-width: 320px;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.products-page .products-list .product__info {
  position: absolute;
  bottom: 0.75em;
  left: 15px;
  font: 200 1.2em / 1.1 dimboregular, sans-serif;
  color: #080094;
  border: 1px solid #080094;
  padding: 0 0.5em;
}

.products-page .products-list .product__info.white {
  color: #fff;
  border: 1px solid #fff;
}
.products-page .products-list .product__txt {
  position: absolute;
  top: 235px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.products-page .products-list .product__title {
  max-width: 170px;
  margin: 0 auto;
  font: 700 1.2em / 1.1 Roboto, sans-serif;
  text-transform: uppercase;
}

.products-page .products-list .product__desc {
  padding: 10px 10px 0;
  font: 200 0.875em / 1.1 Roboto, sans-serif;
}

.product div[data-sc-type='SmartButton'] .sc-btn-retailer-wrapper {
  margin-left: -12em;
}

/**************************************/
/*       PAGE PRODUCTS END          */
/**************************************/

/*************************************/
/*         GENERIC BUTTON            */
/*************************************/
.home__button {
  font-size: 1.5em;
  font-family: dimboregular;
  position: relative;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  outline: none;
  padding: 0.3em 0.5em;
}

@media screen and (min-width: 480px) {
  .home__button {
    font-size: 1.8em;
  }
}

@media screen and (min-width: 960px) {
  .home__button {
    font-size: 2em;
  }
}
/*************************************/
/*      END GENERIC BUTTON           */
/*************************************/

/*************************************/
/*      SINGLE STROKE STYLE          */
/*************************************/
/* prepare the selectors to add a stroke to */
.stroke-single,
.stroke-single-green {
  position: relative;
  background: transparent;
  z-index: 0;
}
/* add a single stroke */
.stroke-single:before {
  content: attr(title);
  position: absolute;
  -webkit-text-stroke: 0.17em #fff;
  left: 0;
  z-index: -1;
}
/* add a single stroke */
.stroke-single-green:before {
  content: attr(title);
  position: absolute;
  -webkit-text-stroke: 0.17em #769960;
  left: 0;
  z-index: -1;
}

/* COOKIES HEADER */
.dinosaurus-cookies-header {
  font: 900 7.125em/1.2 dimboregular, Helvetica, Arial, sans-serif;
  display: none;
  top: -0.5em;
  color: rgba(5, 37, 8, 0.2);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 620px) {
  .dinosaurus-cookies-header {
    position: absolute;
    display: block;
  }
}

/*************************************/
/*         CARTASAURUS               */
/*************************************/
.promo-cartasaurus {
  background: #fbba01 url(../../dinosaurus/cartasaurus/img/volcan.png) no-repeat
    right bottom / 180%;
}
@media screen and (min-width: 480px) {
  .promo-cartasaurus {
    background-size: contain;
  }
}

.cartasaurus-header__banner {
  background: url(../../dinosaurus/cartasaurus/img/mc-header-banner.png)
    no-repeat center top / cover;
  padding-top: 143%;
  margin: 1em 0 -0.5em;
}
@media screen and (min-width: 580px) {
  .cartasaurus-header__banner {
    background: url(../../dinosaurus/cartasaurus/img/header-banner.png)
      no-repeat center top / cover;
    padding-top: 51%;
    margin: 2em 0 -1.875em;
  }
}

.cartasaurus-text {
  font: 900 0.9em/100% Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  padding: 0 0.5em;
}
@media screen and (min-width: 620px) {
  .cartasaurus-text {
    font-size: 1em;
  }
}
.cartasaurus-text p {
  margin: 0 auto;
  line-height: 1.1em;
  letter-spacing: 0.05em;
  text-shadow: rgb(202, 77, 42) 3px 0px 0px,
    rgb(202, 77, 42) 2.83487px 0.981584px 0px,
    rgb(202, 77, 42) 2.35766px 1.85511px 0px,
    rgb(202, 77, 42) 1.62091px 2.52441px 0px,
    rgb(202, 77, 42) 0.705713px 2.91581px 0px,
    rgb(202, 77, 42) -0.287171px 2.98622px 0px,
    rgb(202, 77, 42) -1.24844px 2.72789px 0px,
    rgb(202, 77, 42) -2.07227px 2.16926px 0px,
    rgb(202, 77, 42) -2.66798px 1.37182px 0px,
    rgb(202, 77, 42) -2.96998px 0.42336px 0px,
    rgb(202, 77, 42) -2.94502px -0.571704px 0px,
    rgb(202, 77, 42) -2.59586px -1.50383px 0px,
    rgb(202, 77, 42) -1.96093px -2.27041px 0px,
    rgb(202, 77, 42) -1.11013px -2.78704px 0px,
    rgb(202, 77, 42) -0.137119px -2.99686px 0px,
    rgb(202, 77, 42) 0.850987px -2.87677px 0px,
    rgb(202, 77, 42) 1.74541px -2.43999px 0px,
    rgb(202, 77, 42) 2.44769px -1.73459px 0px,
    rgb(202, 77, 42) 2.88051px -0.838247px 0px;
}
@media screen and (min-width: 620px) {
  .cartasaurus-text p {
    line-height: 1.2em;
  }
}
.cartasaurus-text-S {
  font-size: 1.25em;
}
.cartasaurus-text-m {
  font-size: 1.625em;
}
.cartasaurus-text-l {
  font-size: 2.5em;
}
.cartasaurus-text-xl {
  font-size: 2.875em;
}
.cartasaurus-text-yellow {
  color: #ffec01;
}
.cartasaurus-text p.cartasaurus-text-margin {
  margin: 0 auto 0.5em;
}

.cartasaurus-bundle {
  background: url(../../dinosaurus/cartasaurus/img/bodegon.png) no-repeat center
    top / contain;
  max-width: 778px;
  margin: 0 auto;
}
.cartasaurus-bundle .cartasaurus-text {
  padding-top: 65%;
}

.cartasaurus-packs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 1.5em auto;
}
.cartasaurus-pack {
  width: 100%;
  height: 202px;
  margin: 0 20px 0;
}
.cartasaurus-pack a {
  display: block;
  height: 100%;
  width: 100%;
}
.cartasaurus-pack-left {
  background: url(../../dinosaurus/cartasaurus/img/box-cereales.png) no-repeat
    center center / contain;
  max-width: 157px;
}
.cartasaurus-pack-right {
  background: url(../../dinosaurus/cartasaurus/img/box-cacao.png) no-repeat
    center center / contain;
  max-width: 156px;
}

.cartasaurus-footer {
  padding-bottom: 13em;
}
@media screen and (min-width: 480px) {
  .cartasaurus-footer {
    padding-bottom: 3em;
  }
}

/*************************************/
/*       REALIDAD AUMENTADA          */
/*************************************/
.promo-ra {
  background: #ffbf27;
}

.ra-header__banner {
  background: url(../../dinosaurus/img/ra/ra-bg-dinosaurus.png) no-repeat center
    top / cover;
  padding-top: 117%;
  margin: 1em 0 -0.5em;
}
@media screen and (min-width: 470px) {
  .ra-header__banner {
    padding-top: 102%;
  }
}
@media screen and (min-width: 580px) {
  .ra-header__banner {
    padding-top: 52%;
    margin: 2em 0 -1.875em;
  }
}
@media screen and (min-width: 650px) {
  .ra-header__banner {
    padding-top: 45%;
  }
}

.ra-header__text {
  position: absolute;
  top: 5em;
  left: 0;
  right: 0;
}
@media screen and (min-width: 580px) {
  .ra-header__text {
    left: 23%;
    right: inherit;
  }
}
@media screen and (min-width: 960px) {
  .ra-header__text {
    left: 23%;
  }
}

.ra-header__text .ra-text {
  font-size: 0.7em;
}
@media screen and (min-width: 470px) {
  .ra-header__text .ra-text {
    font-size: 1em;
  }
}

.ra-header__packs {
  position: absolute;
  background: url(../../dinosaurus/img/ra/ra-packs.png) no-repeat center top /
    cover;
  width: 15.05em;
  height: 7em;
  top: 12.125em;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
}
@media screen and (min-width: 470px) {
  .ra-header__packs {
    width: 17.2em;
    height: 8em;
    top: 14.125em;
  }
}
@media screen and (min-width: 580px) {
  .ra-header__packs {
    top: 11.125em;
    left: 27%;
    right: inherit;
  }
}
@media screen and (min-width: 960px) {
  .ra-header__packs {
    width: 21.5em;
    height: 10em;
    top: 13.125em;
    left: 34%;
  }
}

.ra-header__cta {
  position: absolute;
  top: 20.125em;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 470px) {
  .ra-header__cta {
    top: 25.125em;
  }
}
@media screen and (min-width: 580px) {
  .ra-header__cta {
    top: 17.25em;
    left: 62%;
  }
}
@media screen and (min-width: 960px) {
  .ra-header__cta {
    top: 21.125em;
    left: 64%;
  }
}

.ra-header__button {
  font: 900 1.2em/100% 'dimboregular', Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  background: #ffed00;
  padding: 0.25em 1.25em;
  box-shadow: -2px 1px 3px 1px #00000065;
}
.ra-header__button:hover {
  cursor: -webkit-image-set(url(../img/_dino_cursor.png) 2x), pointer;
}

.ra-content {
  margin: 1em auto 0;
}

.ra-text {
  font: 900 0.8em/100% 'dimboregular', Arial, sans-serif;
  color: #fff;
  text-align: center;
  padding: 0 0.5em;
}
@media screen and (min-width: 960px) {
  .ra-text {
    font-size: 1em;
  }
}
.ra-text p {
  margin: 0 auto;
  line-height: 1.1em;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 580px) {
  .ra-text p {
    line-height: 1.2em;
  }
}
.ra-text-S {
  font-size: 1.25em;
}
.ra-text-m {
  font-size: 1.625em;
}
.ra-text-l {
  font-size: 2em;
  font-weight: 100;
}
.ra-text-xl {
  font-size: 2.5em;
  line-height: 1em;
}
.ra-text-yellow {
  color: #ffed00;
}
.ra-text-green {
  color: #14582a;
}
.ra-text p.ra-text-margin {
  margin: 0 auto 0.5em;
}

.ra-cromos {
  background: url(../../dinosaurus/img/ra/ra-cromos.png) no-repeat center top /
    cover;
  padding-top: 68%;
}

.ra-zarpa {
  background: #003d0f;
}
.ra-zarpa-text {
  display: flex;
  align-items: center;
  justify-content: left;
  padding-top: 0.25em;
  padding-left: 0%;
  max-width: 13em;
}
@media screen and (min-width: 580px) {
  .ra-zarpa-text {
    padding-left: 15%;
    max-width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .ra-zarpa-text {
    padding-left: 20%;
  }
}
.ra-zarpa-text span {
  margin: 0 0.5em 0 0.25em;
  text-shadow: 3px 3px 2px #06581a, -3px 3px 2px #06581a, -3px -3px 0 #06581a,
    3px -3px 0 #06581a;
}
.ra-zarpa-up {
  background: url(../../dinosaurus/img/ra/zarpa-up.png) no-repeat center top /
    cover;
  padding-top: 3.5%;
}
.ra-zarpa-down {
  background: url(../../dinosaurus/img/ra/zarpa-down.png) no-repeat center top /
    cover;
  padding-top: 3.5%;
}

.ra-footer {
  padding-bottom: 3em;
}