/*
 Theme Name:     Twenty Twenty-Five Child
 Theme URI:      https://innkv.com/twentytwentyfive-child/
 Description:    My custom child theme for Twenty Twenty-Five
 Author:         Your Name
 Author URI:     https://example.com
 Template:       twentytwentyfive
 Version:        1.0.0
 License:        GNU General Public License v2 or later
 License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    twentytwentyfive-child
*/

.logo-slider {
	position: relative;
	overflow: hidden;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(-50vw + 50%);
  	background: transparent;
  	padding: 20px 0;
  	z-index: 10;
}

.logo-track {
	display: flex;
	width: 100%;
	align-items: center;
	animation: scroll-logos 30s linear infinite;
	gap: 40px; /* espacio entre logos */
	align-items: center;
}

.logo-track img {
	height: 80px; /* ajusta según necesidad */
	max-height: 100%;
	width: auto;
	flex-shrink: 0; /* evita que se reduzcan en flex */
}

@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Make button transparent by default */
.wp-block-button__link {
    background-color: transparent !important;
    border: 1px solid #aaa;
	justify-content: center;	
	align-items: center;
    
    text-decoration: none;
    text-transform: uppercase;
    width: 208px !important;
}

/* Change button to red on hover */
.wp-block-button__link:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #fff !important;
}

/* Appers text on image on hover */
.image-container {
  position:absolute
  display: inline-block;
}

.hover-text {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 66px;
  position: absolute;
  bottom: 22%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.image-container:hover .hover-text {
  visibility: visible;
  opacity: 1;
}