/* ====================================================
   BUSCADOR PILL PARA BLOCKSY  v2.3
   ==================================================== */

.ct-header-search.ct-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #ffffff;
    border: 2px solid #1a1a1a !important;
    border-radius: 50px !important;
    /* ancho fluido: 680px en escritorio, reduce proporcional hasta 260px en móvil */
    width: clamp(260px, 42vw, 680px) !important;
    min-width: 0;
    height: 64px;
    box-sizing: border-box;
    padding: 11px 11px 11px 52px;
    box-shadow: none;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

.ct-header-search.ct-toggle:hover {
    border-color: #E63946 !important;
    box-shadow: 0 4px 14px rgba(230, 57, 70, 0.12);
}

/* Texto placeholder */
.ct-header-search.ct-toggle .ct-label {
    order: 1;
    flex: 1;
    text-align: center !important;
    font-size: 15px;
    font-weight: 400;
    text-transform: none !important;
    letter-spacing: 0.01em;
    color: #9a9a9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
    min-width: 0;
    padding-right: 8px !important;
    padding-left: 0 !important;
}

/* Móvil: ocupa todo el ancho disponible */
@media (max-width: 767px) {
    .ct-header-search.ct-toggle {
        width: 100% !important;
        height: 48px;
        padding: 8px 8px 8px 20px;
    }
    .ct-header-search.ct-toggle .ct-label {
        font-size: 13px;
    }
}