/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;0,800;1,400&display=swap');

.productos h3 {
	font-family: "Baskerville", sans-serif !improtant; 
}

#cmplz-document {
	max-width: 1200px; 
}
#cmplz-document p {
	font-size: 24px !important;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

.sidebar-left,
.sidebar-right {
	height: 100vh;
	width: 100px;
	position: fixed;
}
.sidebar-right {
	right: 0; 
}
.rotate-menu-left {
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	display: flex;
	align-items: center;
}
.rotate-menu-right ul {
    writing-mode: tb-rl;
	transform: rotate(-180deg);
	display: flex;
	align-items: center;
	gap: 20px;
}
.rotate-menu-right {
    writing-mode: tb-rl;
	transform: rotate(-180deg);
	display: flex;
	align-items: center;
	gap: 20px;
}

.contador .elementor-counter .elementor-counter-title {
	line-height: 1.5; 
	text-align: center; 
}

/* .rotate-menu-left .elementor-nav-menu--main .elementor-item:hover {
	color: var(--e-global-color-accent) !important;
} */

.politica,
.politica a{
	font-size: 16px !important; 
	line-height: 16px !important;
}

.variations th,
.variations td {
	vertical-align: middle !important;
}
.reset_variations {
	display: none !important; 
}

.e-show-coupon-form,
.woocommerce-privacy-policy-link {
	font-size: 14px !important; 
}

#content > div > div.elementor.elementor-33 > div > div > div > div > div > div.e-cart__container > div.e-cart__column.e-cart__column-end > div > div > div > div > div > a {
	font-size: 24px !important
}

#header-nido {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: transparent;
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
#header-nido.sticky-active {
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.page-id-1471 #logotipo-nido {
	display: none !important; 
}

.concierto[data-entrada='libre'] .reserva-entradas {
    display: none !important;
}


#precio-producto {
	min-width: 75px !important; 
}

.woocommerce-notices-wrapper {
	margin-top: 120px;
}
.woocommerce-message {
	border-top-color: #000 !important;
	background-color: #f6f5f8a8 !important;
}
.woocommerce-message::before {
	color: #000 !important;
}
body > div.woocommerce-notices-wrapper > div > a {
	border-radius: 0 !important;
	color: #FFF !important;
	background-color: #000 !important;
}
body > div.woocommerce-notices-wrapper > div > a:hover {
	background-color: #fe0100 !important;
	color: #000 !important;
}

.woocommerce-mini-cart__empty-message {
	font-size: 18px !important; 
}

li.menu-item-3319 > a.elementor-item {
  position: relative;
  z-index: 1;
}
li.menu-item-3319 > a.elementor-item::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('/wp-content/uploads/2025/07/bio_negro.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
	background-color: transparent !important; 
}
li.menu-item-392 > a.elementor-item {
  position: relative;
  z-index: 1;
}
li.menu-item-392 > a.elementor-item::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('/wp-content/uploads/2025/07/Cnciertos_negro.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
	background-color: transparent !important; 
}
li.menu-item-1107 > a.elementor-item {
  position: relative;
  z-index: 1;
}
li.menu-item-1107 > a.elementor-item::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('/wp-content/uploads/2025/07/tienda_negro.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
	background-color: transparent !important;
}
li.menu-item-3325 > a.elementor-item {
  position: relative;
  z-index: 1;
}
li.menu-item-3325 > a.elementor-item::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('/wp-content/uploads/2025/07/videos_negro.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
	background-color: transparent !important;
}

.page-id-2022 .elementor-social-icon svg {
	fill: #FFF !important; 
}
.page-id-2022 .elementor-social-icon svg .cls-1 {
	fill: #FFF !important; 
}

.texto-con-imagenes p {
	position: relative !important; 
	z-index: 1 !important; 
}
.highlight .hover-image {
	z-index: 9999; 
}

@media (max-width: 1024px) {
 body.elementor-page-1606:not(.elementor-motion-effects-element-type-background), body.elementor-page-1606 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 1024px !important; 
  }
}
@media (max-width: 768px) {
 body.elementor-page-1606:not(.elementor-motion-effects-element-type-background), body.elementor-page-1606 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 500px !important; 
  }
}

@media (max-width: 1024px) {
 body.elementor-page-1159:not(.elementor-motion-effects-element-type-background), body.elementor-page-1606 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 1210px !important; 
  }
}

@media (max-width: 1024px) {
body.elementor-page-500:not(.elementor-motion-effects-element-type-background), body.elementor-page-500 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 1024px !important; 
  }
}
@media (max-width: 768px) {
body.elementor-page-500:not(.elementor-motion-effects-element-type-background), body.elementor-page-500 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 768px !important; 
  }
}
@media (max-width: 1024px) {
body.elementor-page-1214:not(.elementor-motion-effects-element-type-background), body.elementor-page-1214 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 1024px !important; 
  }
}
@media (max-width: 768px) {
body.elementor-page-1214:not(.elementor-motion-effects-element-type-background), body.elementor-page-1214 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	 background-attachment: fixed !important;
	 background-size: 768px !important; 
  }
	
	.highlight .hover-image {
		top: -15px !important; 
	}
	
	#precio-producto {
	min-width: 55px !important; 
}
}

@media (max-width: 1400px) {
	.sidebar-left,
	.sidebar-right {
		width: 50px;
	}
	main .cont, footer {
		padding-left: 100px;
		padding-right: 100px;
	}
}
@media (max-width: 1024px) {
	.sidebar-left,
	.sidebar-right {
		width: 50px;
	}
	main .cont, footer {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 768px) {
  .bg-decor1 { animation: floatAround1 12s ease-in-out infinite alternate; }
  .bg-decor2 { animation: floatAround2 10s ease-in-out infinite alternate; }
  .bg-decor3 { animation: floatAround3 14s ease-in-out infinite alternate; }
  .bg-decor4 { animation: floatAround4 11s ease-in-out infinite alternate; }
  .bg-decor5 { animation: floatAround5 13s ease-in-out infinite alternate; }
  .bg-decor6 { animation: floatAround6 9s ease-in-out infinite alternate; }
  .bg-decor7 { animation: floatAround7 15s ease-in-out infinite alternate; }
  .bg-decor8 { animation: floatAround8 12s ease-in-out infinite alternate; }
  .bg-decor9 { animation: floatAround9 10s ease-in-out infinite alternate; }
  .bg-decor10 { animation: floatAround10 13s ease-in-out infinite alternate; }

  @keyframes floatAround1 {
    0%   { transform: translate(0, 0); }
    25%  { transform: translate(15px, -10px); }
    50%  { transform: translate(-10px, 15px); }
    75%  { transform: translate(10px, 5px); }
    100% { transform: translate(0, 0); }
  }

  @keyframes floatAround2 {
    0%   { transform: translate(0, 0); }
    20%  { transform: translate(-20px, 15px); }
    40%  { transform: translate(-5px, -20px); }
    60%  { transform: translate(15px, 10px); }
    80%  { transform: translate(5px, 5px); }
    100% { transform: translate(0, 0); }
  }

  @keyframes floatAround3 {
    0%   { transform: translate(0, 0); }
    30%  { transform: translate(25px, 5px); }
    50%  { transform: translate(5px, -25px); }
    100% { transform: translate(0, 0); }
  }
}