/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.tm-navbar {
	padding-top: 45px;
}
/* Animación Lykka */
.tm-overlay-lykka .uk-overlay > .uk-overlay-panel {
  padding: 30px;
}
@media (min-width: 1220px) {
  .tm-overlay-lykka .uk-overlay > .uk-overlay-panel {
    padding: 50px;
  }
}
.tm-overlay-lykka .uk-overlay > .uk-overlay-panel > * {
  z-index: 1;
}
.tm-overlay-lykka .uk-overlay > .uk-overlay-panel:before,
.tm-overlay-lykka .uk-overlay > .uk-overlay-panel:after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
}
.tm-overlay-lykka .uk-overlay > .uk-overlay-panel:before {
  top: 20px;
  right: 10px;
  bottom: 20px;
  left: 10px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
@media (min-width: 1220px) {
  .tm-overlay-lykka .uk-overlay > .uk-overlay-panel:before {
    top: 40px;
    right: 20px;
    bottom: 40px;
    left: 20px;
  }
}
.tm-overlay-lykka .uk-overlay > .uk-overlay-panel:after {
  top: 10px;
  right: 20px;
  bottom: 10px;
  left: 20px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
@media (min-width: 1220px) {
  .tm-overlay-lykka .uk-overlay > .uk-overlay-panel:after {
    top: 20px;
    right: 40px;
    bottom: 20px;
    left: 40px;
  }
}
.tm-overlay-lykka .uk-overlay:hover > .uk-overlay-panel:before,
.tm-overlay-lykka .uk-overlay:hover > .uk-overlay-panel:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tm-overlay-lykka .uk-overlay:hover > .uk-overlay-panel:after {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.tm-overlay-lykka .uk-overlay-hover .uk-overlay-fade { opacity: 1; }
.tm-overlay-lykka .uk-overlay-hover:hover .uk-overlay-panel {
  opacity:1;
}
.tm-overlay-lykka .uk-overlay-hover .uk-overlay-panel {
  opacity:0;
  background:rgba(57, 63, 65, 0.6);
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: opacity, transform, filter;
}
.tm-overlay-lykka .uk-overlay-hover .uk-position-cover { z-index:2; }
.tm-overlay-lykka .uk-overlay h1, .tm-overlay-lykka .uk-overlay h2, .tm-overlay-lykka .uk-overlay h3, .tm-overlay-lykka .uk-overlay h4, .tm-overlay-lykka .uk-overlay .uk-heading-large { opacity:0; }

.tm-overlay-lykka .uk-slideshow h3 { color:#4a4442; }

.blackbox { background-color:#202020;color:#b59683; }
.blackbox h3 { color:#ffffff; }
.blackbox .tm-badge, .blackbox .uk-article-lead { color:#ccb2a2; }
.blackbox .uk-button-link, .blackbox .uk-button-link:hover, .blackbox .uk-button-link:focus, .blackbox .uk-button-link:active {
	background: transparent;
	color: #fff;
}

#offcanvas .uk-nav > li:nth-child(3) > a::after { margin-top:-35px; }

.chrono_credits { height:0;overflow:hidden;margin:0;display:none; }

.panel-table { padding:0px; }

.custom-light {
	background: #f2f2f2 -webkit-radial-gradient(center, ellipse cover, #f2f2f2 0%, #f2f2f2 120%) 0 0 no-repeat;
	background: #f2f2f2 radial-gradient(ellipse at center, #f2f2f2 0%, #f2f2f2 120%) 0 0 no-repeat;
}
.frontpage #bottom-d .uk-slideset { overflow: hidden; }
.tm-toolbar, .tm-footer {
	padding-top: 8px;
	margin-bottom: -34px;
	padding-bottom: 0;
}
.price_change {
  margin:0px !important;
  padding:0px;
}
.price_change .uk-alert {
  margin: 60px !important;
  padding: 30px 40px !important;
}
.price_change_movil {
  margin:0px !important;
  padding:0px !important;
}
.price_change_movil .uk-alert {
  margin: 0px !important;
  padding: 10px 20px !important;
}
.full0506 .uk-overlay-panel, .full0506 .uk-overlay-panel .uk-margin, .full0506 .uk-overlay-panel .uk-margin div   { width:100%; height:100%; }

  .black-friday-fix {padding:50px 0;}
  .black-friday-column {padding:0 25px 0 50px;}
  .black-friday-column h1 {font-size:40px;line-height:1.3}

@media (min-width: 768px) {
  .black-friday-fix {padding:50px 50px;}
  .black-friday-column {padding:0 50px 0 100px;}
}
.frontpage #bottom-d { min-height:100vh; }

.frontpage .tm-block-offset .uk-container > .uk-grid {
  margin-top:-190px;
}
@media (min-width: 960px) {
.frontpage .tm-block-offset .uk-container > .uk-grid .tm-panel-no-offset {
	margin-top: 190px;
  }
}
#main-top .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
  opacity: 0.1;
}


/* Contenedor de 3 columnas: [espacio] [logo] [sellos]  */
  .hdr {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 12px;
  }
  /* Logo exactamente al centro del contenedor */
  .hdr .center { justify-self: center; }
  /* Sellos pegados a la derecha y en fila */
  .hdr .right { justify-self: end; display: flex; align-items: center; gap: 10px; }

  /* Responsivo: en pantallas chicas, los sellos bajan y se centran */
  @media (max-width: 640px) {
    .hdr { grid-template-columns: 1fr; row-gap: 8px; }
    .hdr .left { display: none; }        /* ya no necesitamos el balance a la izquierda */
    .hdr .center { justify-self: center; }
    .hdr .right { justify-self: center; flex-wrap: wrap; padding-top:20px; }
    /* Anulamos offsets negativos en móvil para que no “salten” */
    .hdr .seal-offset { margin-top: 0 !important; }
    /* Que las imágenes puedan ajustar ancho en móvil si hace falta */
    .hdr img { max-width: 100%; height: auto; }
  }