/* Estilos para el campo de búsqueda por referencia */
.es-search__reference {
    display: inline-flex;
    width: 100%;
}

.es-search__reference label {
    font-size: 1em;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.es-search__reference label input {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 2px solid #ECEFF1;
    padding: 0 15px;
    font-size: 1.4em;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.es-search__reference label input:focus {
    border-color: #B0DED6;
}

.es-search__reference label input::placeholder {
    color: #B0BEC5;
}

/* Asegurar que el campo de dirección tenga la misma altura */
.es-search__address label input {
    height: 40px;
    box-sizing: border-box;
}

/* Botón de búsqueda después de los campos */
.es-btn--search {
    width: 100%;
    max-width: 290px;
    height: 40px;
    line-height: 36px;
}

/* Estilos para búsqueda avanzada */
.es-search--advanced .es-search__reference {
    display: flex;
    margin-top: 12px;
}

.es-search--advanced .es-search__reference label {
    flex: 1;
    font-size: 1em;
}

.es-search--advanced .es-search__address,
.es-search--advanced .es-search__reference {
    align-items: center;
}

.es-search--advanced .es-btn--search {
    width: auto;
    margin-top: 12px;
}

/* Estilos para búsqueda simple */
.es-search--simple form {
    align-items: center;
}

.es-search--simple .es-search__reference {
    flex: 1;
    max-width: 290px;
    min-width: 150px;
    margin-top: 0;
    margin-right: 0;
}

.es-search--simple .es-search__reference label input {
    border-radius: 6px;
}

.es-search--simple .es-search__address {
    margin-top: 0;
}

.es-search--simple .es-btn--search {
    margin-top: 0;
    order: 3;
}

/* Estilos para búsqueda main */
.es-search--main .es-search__reference {
    width: 100%;
    margin-top: 12px;
}

.es-search--main .es-search__reference label {
    flex: 1;
}

.es-search--main .es-btn--search {
    width: 100%;
    margin-top: 15px;
}