@charset "UTF-8";
/* Recorte de /media/sliderj/codigoj/nicepage.css (1479 KB, 7548 selectores)
   para categoria/que-nos-diferencia.html: las reglas que casan en la página, con su texto
   original y en su orden, más las de sus animaciones de entrada (.animated, .flipInX y sus
   @keyframes), que nicepage.js activa al entrar en pantalla. Generado el 14-10-2026 y
   comprobado con la huella de estilos computados. Si cambia el markup, volver a generarlo. */
/*!
 * froala_editor v4.0.6 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
b,
strong {
  font-weight: inherit;
  font-weight: bold;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
button,
select,
input,
textarea {
  outline: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
body {
  height: auto;
  min-height: 100%;
  overflow-x: clip;
}
body,
aside,
.u-sidebar-block,
section,
header,
footer {
  position: relative;
}
section > *,
header > *,
footer > *,
.u-sheet > *,
.u-section-row > * {
  position: relative;
}
.u-clearfix:after,
.u-clearfix:before {
  content: '';
  display: table;
}
.u-clearfix:after {
  clear: both;
}
.u-text-default {
  display: table;
  align-self: flex-start;
  width: -webkit-fit-content;
  width: fit-content;
  width: -moz-fit-content;
}
.u-text-default:empty {
  display: block;
  width: 15px;
}
.u-image,
.u-background-effect-image,
.u-video-poster {
  object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
img.u-image,
.u-video-poster {
  overflow: hidden;
}
section.u-image:not(.u-hover-box),
.u-sheet.u-image:not(.u-hover-box),
.u-group.u-image:not(.u-hover-box),
.u-layout-cell.u-image:not(.u-hover-box) {
  overflow: visible;
}
.u-sheet {
  position: relative;
  margin: 0 auto;
}
.u-xl-mode .u-sheet {
  width: var(--theme-sheet-width-xl);
}
@media (min-width: 1400px) {
.u-sheet {
    width: var(--theme-sheet-width-xxl) !important;
  }
}
@media (min-width: 1200px) {
.u-xl-mode .u-sheet {
    width: var(--theme-sheet-width-xl) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
.u-sheet {
    width: var(--theme-sheet-width-lg) !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
.u-sheet {
    width: var(--theme-sheet-width-md) !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
.u-sheet {
    width: var(--theme-sheet-width-sm) !important;
  }
}
@media (max-width: 575px) {
.u-sheet {
    width: var(--theme-sheet-width-xs) !important;
  }
}
.u-container-layout {
  position: relative;
  flex: 1;
  max-width: 100%;
  transition-duration: inherit;
}
.u-audio-main-layout-wrapper,
.u-audio-main-layout-wrapper > *,
.u-inner-container-layout,
.u-inner-container-layout > *,
.u-group-elements,
.u-group-elements > *,
.u-container-layout > * {
  position: relative;
}
.u-expanded-width {
  width: 100% !important;
}
.u-expanded-width:not(.custom-expanded) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.u-valign-middle,
.u-valign-top,
.u-valign-bottom {
  display: flex;
  flex-direction: column;
}
.u-valign-middle > *,
.u-valign-top > *,
.u-valign-bottom > * {
  flex-shrink: 0;
}
.u-valign-middle {
  justify-content: center;
}
.u-valign-bottom {
  justify-content: flex-end;
}
.u-sheet:not(.u-image):not(.u-video) {
  pointer-events: none;
}
.u-sheet:not(.u-image):not(.u-video) > * {
  pointer-events: auto;
  pointer-events: initial;
}
.u-group {
  display: flex;
}
.u-group,
.u-group .u-container-layout > * {
  position: relative;
}
.u-line.u-line-horizontal {
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
}
.u-shape {
  position: relative;
}
[class*="u-border-"]:not(.u-shape-svg) {
  stroke: none;
}
.u-icon {
  display: block;
  line-height: 0;
  border-width: 0px;
}
.u-file-icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
html {
  font-size: 16px;
}
.u-body {
  font-size: 1rem;
  line-height: 1.6;
}
.u-body h1,
.u-body h2,
.u-body h3,
.u-body h4,
.u-body h5,
.u-body h6 {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 500;
  color: inherit;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
}
h4 {
  font-size: 1.25rem;
}
p {
  margin-top: 0;
  padding: 0;
  margin-bottom: 0.5rem;
}
.u-align-left {
  text-align: left;
}
.u-align-center {
  text-align: center;
}
.u-align-justify {
  text-align: justify;
}
.u-tabs:not([class*="u-align-"]),
.u-accordion:not([class*="u-align-"]),
.u-repeater-item:not([class*="u-align-"]),
.u-container-style:not([class*="u-align-"]) {
  text-align: left;
}
.u-text {
  word-wrap: break-word;
  position: relative;
}
.u-opacity-45:before,
section.u-opacity-45:before,
.u-hover-box > .u-opacity-45.u-container-layout:before,
.u-opacity-45 > .u-container-layout:before,
.u-opacity-45 > .u-audio-main-layout-wrapper:before,
.u-opacity-45 > .u-inner-container-layout:before,
.u-opacity-45.u-sidenav:before {
  opacity: 0.45;
}
a.u-opacity-45,
span.u-opacity-45,
img.u-opacity-45,
.u-opacity-45.u-line,
.u-opacity-45.u-shape,
.u-opacity-45.u-menu-overlay {
  opacity: 0.45;
}
.u-body {
  --animation-fade_in-opacity: 0;
  --animation-fade_in_up-opacity: 0;
  --animation-fade_in_left-opacity: 0;
  --animation-fade_in_right-opacity: 0;
  --animation-fade_in_down-opacity: 0;
  --animation-fade_in_up_big-opacity: 0;
  --animation-fade_in_left_big-opacity: 0;
  --animation-fade_in_right_big-opacity: 0;
  --animation-fade_in_down_big-opacity: 0;
  --animation-fade_out-opacity: 0;
  --animation-fade_out_up-opacity: 0;
  --animation-fade_out_left-opacity: 0;
  --animation-fade_out_right-opacity: 0;
  --animation-fade_out_down-opacity: 0;
  --animation-fade_out_up_big-opacity: 0;
  --animation-fade_out_left_big-opacity: 0;
  --animation-fade_out_right_big-opacity: 0;
  --animation-fade_out_down_big-opacity: 0;
  --animation-rotate_in-rotate: -200deg;
  --animation-rotate_in_down_left-rotate: -45deg;
  --animation-rotate_in_down_right-rotate: 45deg;
  --animation-rotate_in_up_left-rotate: 45deg;
  --animation-rotate_in_up_right-rotate: -90deg;
  --animation-rotate_out-rotate: 200deg;
  --animation-rotate_out_down_left-rotate: 45deg;
  --animation-rotate_out_down_right-rotate: -45deg;
  --animation-rotate_out_up_left-rotate: -45deg;
  --animation-rotate_out_up_right-rotate: 90deg;
  --animation-roll_in-rotate: -120deg;
  --animation-roll_in-translate_x: -100%;
  --animation-roll_out-rotate: 120deg;
  --animation-roll_out-translate_x: 100%;
  --animation-zoom_in-scale: 0.3;
  --animation-zoom_in_down-scale: 0.475;
  --animation-zoom_in_down-translate_y: 60px;
  --animation-zoom_in_up-scale: 0.475;
  --animation-zoom_in_up-translate_y: -60px;
  --animation-zoom_in_left-scale: 0.475;
  --animation-zoom_in_left-translate_x: 10px;
  --animation-zoom_in_right-scale: 0.475;
  --animation-zoom_in_right-translate_x: -10px;
  --animation-zoom_out-scale: 0.3;
  --animation-zoom_out_down-scale: 0.475;
  --animation-zoom_out_down-translate_y: -60px;
  --animation-zoom_out_up-scale: 0.475;
  --animation-zoom_out_up-translate_y: 60px;
  --animation-zoom_out_left-scale: 0.475;
  --animation-zoom_out_left-translate_x: 42px;
  --animation-zoom_out_right-scale: 0.475;
  --animation-zoom_out_right-translate_x: -42px;
  --animation-slide_in_down-translate_y: -100%;
  --animation-slide_in_up-translate_y: 100%;
  --animation-slide_in_left-translate_x: -100%;
  --animation-slide_in_right-translate_x: 100%;
  --animation-slide_out_down-translate_y: 100%;
  --animation-slide_out_up-translate_y: -100%;
  --animation-slide_out_left-translate_x: -100%;
  --animation-slide_out_right-translate_x: 100%;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-scale: 1;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-opacity: 0;
  
  
  
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
.animated.delay-4s {
  animation-delay: 4s;
}
.animated.delay-5s {
  animation-delay: 5s;
}
.animated.fast {
  animation-duration: 800ms;
}
.animated.faster {
  animation-duration: 500ms;
}
.animated.slow {
  animation-duration: 2s;
}
.animated.slower {
  animation-duration: 3s;
}
@media (print), (prefers-reduced-motion) {
.animated {
    animation: unset !important;
    transition: none !important;
  }
}
.customAnimationIn {
  animation-name: customAnimationIn;
}
.animated.u-absolute-hcenter {
  
  --animation-custom_in-translate_x: -50% !important;
}
.animated.u-absolute-vcenter {
  
  --animation-custom_in-translate_y: -50% !important;
}
.u-repeater {
  display: grid;
  grid-template-columns: repeat(3, 33.33333333%);
}
.u-repeater-item {
  display: flex;
  position: relative;
}
.u-list:not(.u-repeater),
.u-blog:not(.u-repeater),
.u-products:not(.u-repeater) {
  display: flex;
  flex-direction: column;
}
.u-list:not(.u-repeater) .u-repeater,
.u-blog:not(.u-repeater) .u-repeater,
.u-products:not(.u-repeater) .u-repeater {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
[class*="u-border-"],
.u-input,
.u-field-input,
.u-link[class*="u-border-"] {
  border-style: solid;
}
.u-border-3,
.u-separator-3:after,
.u-text.u-border-3,
.u-input.u-border-3,
.u-field-input.u-field-input.u-border-3,
a.u-button-style.u-border-3 {
  border-width: 3px;
}
[class*="-radius-"],
.u-radius {
  --border-radius: initial;
  --border-top-left-radius: initial;
  --border-top-right-radius: initial;
  --border-bottom-right-radius: initial;
  --border-bottom-left-radius: initial;
  --radius: initial;
  --top-left-radius: initial;
  --top-right-radius: initial;
  --bottom-right-radius: initial;
  --bottom-left-radius: initial;
}
[class*="-radius-"],
.u-radius,
[class*="-radius-"]:before,
.u-radius:before,
[class*="-radius-"] .u-background-effect,
.u-radius .u-background-effect,
[class*="-radius-"]:not(.u-hover-box) > .u-container-layout,
.u-radius:not(.u-hover-box) > .u-container-layout {
  border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
}
.u-body {
  font-family: 'Open Sans',sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto,sans-serif;
}
.u-overlap.u-overlap-transparent .u-header,
.u-image,
.u-gradient {
  color: #111111;
}
.u-shading,
.u-overlap.u-overlap-contrast .u-header {
  color: #ffffff;
}
.u-body {
  color: #111111;
  background-color: #ffffff;
  --effect-scale: 1.1;
}
.u-custom-font.u-text-font {
  font-family: 'Open Sans',sans-serif !important;
}
.u-palette-1-base,
.u-body.u-palette-1-base,
section.u-palette-1-base:before,
.u-palette-1-base > .u-audio-main-layout-wrapper:before,
.u-palette-1-base > .u-container-layout:before,
.u-palette-1-base > .u-inner-container-layout:before,
.u-palette-1-base.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-1-base:before,
.u-table-alt-palette-1-base tr:nth-child(even) {
  color: #ffffff;
  background-color: #c4b35d;
}
.u-white,
.u-body.u-white,
section.u-white:before,
.u-white > .u-audio-main-layout-wrapper:before,
.u-white > .u-container-layout:before,
.u-white > .u-inner-container-layout:before,
.u-white.u-sidenav:before,
.u-container-layout.u-container-layout.u-white:before,
.u-table-alt-white tr:nth-child(even) {
  color: #111111;
  background-color: #ffffff;
}
.u-grey-90,
.u-body.u-grey-90,
section.u-grey-90:before,
.u-grey-90 > .u-audio-main-layout-wrapper:before,
.u-grey-90 > .u-container-layout:before,
.u-grey-90 > .u-inner-container-layout:before,
.u-grey-90.u-sidenav:before,
.u-container-layout.u-container-layout.u-grey-90:before,
.u-table-alt-grey-90 tr:nth-child(even) {
  color: #ffffff;
  background-color: #1a1a1a;
}
.u-border-white,
.u-border-white.u-input,
.u-border-white.u-field-input.u-field-input,
.u-separator-white:after {
  border-color: #ffffff;
  stroke: #ffffff;
}
.u-text-white,
.u-input.u-text-white,
.u-input.u-text-white[class*="u-border-"],
li.active > a.u-button-style.u-text-white,
li.active > a.u-button-style.u-text-white[class*="u-border-"],
a.u-button-style.u-text-white,
a.u-button-style.u-text-white[class*="u-border-"] {
  color: #ffffff !important;
  
  
  
}
.u-text-body-alt-color,
.u-input.u-text-body-alt-color,
.u-input.u-text-body-alt-color[class*="u-border-"],
li.active > a.u-button-style.u-text-body-alt-color,
li.active > a.u-button-style.u-text-body-alt-color[class*="u-border-"],
a.u-button-style.u-text-body-alt-color,
a.u-button-style.u-text-body-alt-color[class*="u-border-"] {
  color: #ffffff !important;
  
  
  
}
.u-body
        {
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        --theme-sheet-width-xl: 1140px;
        --theme-sheet-width-lg: 940px;
        --theme-sheet-width-md: 720px;
        --theme-sheet-width-sm: 540px;
        --theme-sheet-width-xs: 340px;
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        }
h1:not(.u-title)
        {
        font-weight: 400;
        font-size: 4.5rem;
        line-height: 1.1;
        margin-top: 20px;
        margin-bottom: 20px;
        }
h2:not(.u-subtitle)
        {
        font-weight: 400;
        font-size: 3rem;
        line-height: 1.1;
        margin-top: 20px;
        margin-bottom: 20px;
        }
h3
        {
        font-weight: 400;
        font-size: 2.25rem;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        }
h4
        {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        }
p:not(.u-text-variant)
        {
        font-size: 1.125rem;
        margin-top: 20px;
        margin-bottom: 20px;
        line-height: 1.6;
        }
@media (max-width: 1199px) {
h1:not(.u-title)
        {
        font-size: 3.75rem;
        }
}
@media (max-width: 767px) {
h1:not(.u-title)
        {
        font-size: 3rem;
        }
}
@media (max-width: 575px) {
h1:not(.u-title)
        {
        font-size: 2.25rem;
        }
}
@media (max-width: 767px) {
h2:not(.u-subtitle)
        {
        font-size: 2.25rem;
        }
}
@media (max-width: 575px) {
h2:not(.u-subtitle)
        {
        font-size: 1.875rem;
        }
}
@media (max-width: 767px) {
h3
        {
        font-size: 1.875rem;
        }
}
@media (max-width: 575px) {
h3
        {
        font-size: 1.5rem;
        }
}
@media (max-width: 767px) {
p:not(.u-text-variant)
        {
        font-size: 1rem;
        }
}
html { font-size: 16px; }
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes customAnimationIn {
  from {
    transform-origin: center center;
    transform: translate3d(var(--animation-custom_in-translate_x), var(--animation-custom_in-translate_y), 0) scale3d(var(--animation-custom_in-scale), var(--animation-custom_in-scale), var(--animation-custom_in-scale)) rotate3d(0, 0, 1, calc(-1 * var(--animation-custom_in-rotate)));
    opacity: var(--animation-custom_in-opacity);
  }
  to {
    transform-origin: center center;
    transform: translate3d(-50% !important, -50% !important, 0);
    opacity: 1;
  }
}