/* 1. BUSCADOR AJAX */
.myts-search-container { position: relative; width: 100%; max-width: 500px; margin: 10px 0; }
#myts-search-input {
    width: 100%; padding: 12px; border: 1px solid rgb(0 11 127 / 50%); border-radius: 0px;
    font-size: 16px; outline: none; transition: border-color 0.3s;
}
#myts-search-input:focus { border-color: rgb(0 11 127 / 50%); }

#myts-results {
    position: absolute; background: #fff; border: 1px solid #ccc; width: 100%;
    max-height: 350px; overflow-y: auto; z-index: 9999; list-style: none;
    padding: 0; margin: 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 0 0 4px 4px;
}
#myts-results li { padding: 10px; border-bottom: 1px solid #f0f0f0; transition: background 0.2s; }
#myts-results li:hover { background: #f9f9f9; cursor: pointer; }
#myts-results li a { display: flex; align-items: center; text-decoration: none; color: #333; }
#myts-results li img { width: 40px; height: 40px; object-fit: cover; margin-right: 12px; border-radius: 3px; }

.btn-search{
  color: #fff;
  background-color:#000b7f !important;
  border-color: #000b7f !important;
  border-radius:0px !important;
}

/* 2. SISTEMA DE ESTRELLAS */
.myts-star-rating { display: flex; align-items: center; gap: 4px; margin: 10px 0; }
.myts-star-rating .dashicons {
    font-size: 20px; width: 24px; height: 24px; color: #ccc;
    cursor: pointer; transition: color 0.2s, transform 0.1s;
}
.myts-star-rating .dashicons.active { color: #ffb900; }
.myts-avg-text { margin-left: 10px; font-size: 14px; color: #444; font-weight: 500; }

/* 3. BOTÓN COTIZACIÓN Y TABLA */
.myts-fav-btn, .myts-pdf-btn {
    padding: 10px 20px; border: none; border-radius: 2px; cursor: pointer; font-weight: bold;
}
.myts-fav-btn { background: #304ffe; color: #fff; }
.myts-pdf-btn { background: #d63638; color: #fff; margin-top: 20px; }

/* Slider principal full width y altura de 450px */
/* Correcciones estructurales para layouts de Owl Carousel */
.myts-hero-slider-wrapper {
    position: relative;
    width: 100%;
    max-height: 450px;
    background-color: transparent !important;
}
.myts-slide-item, .myts-slide-img {
    width: 100%;
    height: 450px;
}
.myts-slide-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/******************************************************************************************************************/

/*
* ESTILOS PERSONALIZADOS PROPIOS DEL SITIO
*/

.custom-logo-link img{
  max-width:220px;
  height:auto;
}

/******************************************************************************************************************/
/* Forzar visualización correcta de los botones de navegación */
.myts-hero-slider-wrapper .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    margin: 0 !important;
    pointer-events: none; /* Evita bloquear clics en el centro */
}
.myts-hero-slider-wrapper .owl-nav button {
    pointer-events: auto; /* Reactiva clics solo en las flechas */
}
.myts-hero-slider-wrapper .owl-nav button.owl-prev,
.myts-hero-slider-wrapper .owl-nav button.owl-next {
    position: absolute;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 22px !important;
    border-radius: 4px;
    transition: background 0.3s ease;
}
.myts-hero-slider-wrapper .owl-nav button.owl-prev { left: 30px; }
.myts-hero-slider-wrapper .owl-nav button.owl-next { right: 30px; }
.myts-hero-slider-wrapper .owl-nav button:hover { background: #000000 !important; }

/* Estilos de las Marcas Aliadas */
.myts-brand-png-img {
    filter: grayscale(100%);
    opacity: 0.5;
    transition: filter 0.3s ease, opacity 0.3s ease;
}
.myts-brand-png-img:hover {
    filter: grayscale(0%);
    opacity: 1;
}