

	:root {
		--header-h:  100px;
		--header-m-h:  100px;
	}

	#heroSlider-portrait, 
	#heroSlider-landscape {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  height: 100vh;
	}

	#heroSlider-portrait.visible, 
	#heroSlider-landscape.visible {
	  display: block !important;
	}





	/* Piso el HEIGHT según el alto de la barra */
	.slider {
	  min-height: 100vh;
	  min-height: calc(100vh - var(--header-h));
	  background-color: #CCC; /* o color neutro */
	  /*background-image: url('https://praxiszapatos.com/temas/praxis/img/logo/logo-praxis-black.png');*/
	  background-position: center;
	  background-repeat: no-repeat;
	}
	#heroSlider-portrait, 
	#heroSlider-landscape {
	  height: calc(100vh - var(--header-h));
	}

	@media only screen and (max-width: 999px){
		.slider {
			min-height: 100vh;
			min-height: calc(100vh - var(--header-m-h));
		}
		#heroSlider-portrait, 
		#heroSlider-landscape {
		  height: calc(100vh - var(--header-m-h));
		}	
	}


	.simple-slider .slides {
	  position: relative;
	  width: 100%;
	  height: 100%;
	}

	.simple-slider .slide {
	  position: absolute;
	  inset: 0;
	  opacity: 0;
	  pointer-events: none;
	  transition: opacity 0.8s ease, transform 0.8s ease;
	}

	.simple-slider .slide.active {
	  opacity: 1;
	  pointer-events: auto;
	}

	.simple-slider .slide.video-fallback video {
	  display: none;
	}

	.simple-slider .slide.video-fallback {
	  background: url('/temas/praxis/img/logo/logo-praxis-black.png') center / cover no-repeat;
	}


	/* TRANSITIONS */
	.simple-slider.slider-fade .slide {
	  transform: none;
	}

	.simple-slider.slider-slide .slide {
	  transform: translateX(100%);
	}
	.simple-slider.slider-slide .slide.active {
	  transform: translateX(0);
	}

	.simple-slider.slider-zoom .slide {
	  transform: scale(1.1);
	}
	.simple-slider.slider-zoom .slide.active {
	  transform: scale(1);
	}


	.simple-slider .slide-content {
	    position: absolute;
	    bottom: 36px;
	    left: 10px; 
	    right: 10px; 
	    /* z-index: 9999999999; */
	}
	.simple-slider .slide-content h2 {
	    font-size: 30pt;
	    font-weight: 700;
	    margin: 0;
	}
	.simple-slider .slide-content p {
	    font-size: 16pt;
	    font-weight: 500;
	    margin: 0;
	}
	.simple-slider .slide [data-anim] {
	  opacity: 0;
	  transition: opacity .6s ease, transform .6s ease;
	}

	.simple-slider .slide.animate [data-anim="fade-up"] {
	  opacity: 1;
	  transform: translateY(0);
	}

	.simple-slider .slide [data-anim="fade-up"] {
	  transform: translateY(20px);
	}

	.simple-slider .slide.animate [data-anim="fade"] {
	  opacity: 1;
	}



	/* MEDIA */
	.simple-slider .slide img,
	.simple-slider .slide video {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	/* CAPTION */
	.simple-slider .caption {
	  position: absolute;
	  bottom: 15%;
	  left: 10%;
	  color: #fff;
	  font-size: 2rem;
	  opacity: 0;
	  transition: all 0.6s ease;
	}

	.simple-slider .slide.active .caption {
	  opacity: 1;
	}

	/* caption animations */
	.simple-slider .animate-up {
	  transform: translateY(20px);
	}
	.simple-slider .slide.active .animate-up {
	  transform: translateY(0);
	}

	.simple-slider .animate-fade {
	  transform: none;
	}

	/* ARROWS */
	.simple-slider .slider-arrow {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  z-index: 10;
	  background: rgba(0,0,0,.4);
	  color: white;
	  border: none;
	  font-size: 2rem;
	  padding: .5em;
	  cursor: pointer;
	}

	.simple-slider .slider-arrow.prev { left: 10px; }
	.simple-slider .slider-arrow.next { right: 10px; }

	/* DOTS */
	.simple-slider .slider-dots {
	  position: absolute;
	  bottom: 20px;
	  left: 50%;
	  transform: translateX(-50%);
	  display: flex;
	  gap: 8px;
	}

	.simple-slider .slider-dots button {
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  border: none;
	  background: rgba(255,255,255,.5);
	  cursor: pointer;
	}

	.simple-slider .slider-dots button.active {
	  background: white;
	}




	.simple-slider .play {
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.simple-slider .play span {
		font-size: 48px;
		opacity: 0.5;
	}
	.simple-slider .video-fallback .play {
		/*display: block;*/
		display: flex;
		align-items: center; /* Centra verticalmente */
		justify-content: center;  /* Centra horizontalmente */
	}
