/* HEADER DESKTOP */
/* Renombrado de .oggi-header--desktop a .boston-header--desktop */
.boston-header--desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Cambiado de --oggi-blanco a --boston-blanco */
    background: var(--boston-blanco);
    /* Sutil sombra para un aspecto limpio, ajustado para ser visible */
    box-shadow: none; /* Aumentado ligeramente la opacidad */
    padding: 12px 24px 12px 0;
    min-height: 72px;
}

/* Renombrado de .oggi-header__logo a .boston-header__logo */
.boston-header__logo {
    flex: none;
    margin-right: 22px;
}
/* Renombrado de .oggi-header__logo a .boston-header__logo */
.boston-header__logo img {
    max-height: 100px;    /* ajustá la altura máxima a lo que mejor quede en tu header (antes estaba 100px) */
    max-width: 220px;    /* aumentá el ancho máximo (por defecto, 120-150px suele ser estándar; acá, más ancho) */
    width: 150%;         /* o podés poner un ancho fijo: width: 180px; */
    height: auto;
    display: block;
    object-fit: contain; /* Por si acaso el logo no es SVG y querés que escale bien */
}

/* BARRA DE BÚSQUEDA AJUSTADA FULL WIDTH */
/* Renombrado de .oggi-header__search a .boston-header__search */
.boston-header__search {
    flex: 1 1 0%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    margin-right: 28px;
    min-width: 0; /* Para que el input se achique si el espacio es poco */
    margin-top: 8px;
}

/* Renombrado de .oggi-header__search a .boston-header__search */
.boston-header__search form {
    width: 100%;
    display: flex;
    flex: 1 1 0%;
    min-width: 0;
}

/* Renombrado de .oggi-header__search a .boston-header__search */
.boston-header__search input[type="text"] {
    width: 100%;
    min-width: 0; /* Clave para que no rompa el grid */
    padding: 9px 14px;
    border: 1.5px solid #e5e5e5;
    border-radius: 30px;
    outline: none;
    font-size: 1rem;
    background: #fafaf9;
    /* Cambiado de --oggi-negro a --boston-gris-carbon para el color del texto del input */
    color: var(--boston-gris-carbon);
    transition: border-color 0.25s, box-shadow 0.18s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

/* Renombrado de .oggi-header__search a .boston-header__search */
.boston-header__search input[type="text"]:focus {
    /* Cambiado de --oggi-verde a --boston-rojo para el color del borde en focus */
    border-color: var(--boston-rojo);
    /* Ajustado el color de la sombra para reflejar el color de acento de Boston */
    box-shadow: 0 2px 7px rgba(198, 40, 40, 0.08); /* Usando RGBA de Boston Rojo */
}

/* Renombrado de .oggi-header__search a .boston-header__search */
.boston-header__search input[type="text"]::placeholder {
    color: #a9a9a9;
    opacity: 1;
    font-weight: 500;
}

/* Extra: Si tenés un ícono de lupa o botón dentro del form, asegurate que esté alineado, por ejemplo: */
/* Renombrado de .oggi-header__search a .boston-header__search */
.boston-header__search button,
.boston-header__search .search-submit {
    margin-left: 6px;
    border-radius: 25px;
    padding: 8px 16px;
    /* Cambiado de --oggi-verde a --boston-rojo para el fondo del botón de búsqueda */
    background: var(--boston-rojo);
    border: none;
    color: #fff;
    font-weight: bold;
    transition: background 0.18s;
}

/* BOTONES HEADER - AJUSTADOS */
/* Renombrado de .oggi-header__buttons a .boston-header__buttons */
.boston-header__buttons {
    flex: none;
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Renombrado de .oggi-header-btn a .boston-header-btn */
.boston-header-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px 7px 10px;
    /* Cambiado de --oggi-verde a --boston-rojo para el fondo del botón */
    background: var(--boston-rojo);
    color: #fff !important;
    border-radius: 999px;
    font-weight: 800; /* Más bold */
    font-size: 0.97rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    min-width: unset;
    letter-spacing: 0.01em;
    transition: background 0.15s, box-shadow 0.15s;
}
/* Renombrado de .oggi-header-btn__emoji a .boston-header-btn__emoji */
.boston-header-btn__emoji {
    font-size: 1.08em;
    margin-right: 2px;
}
/* Renombrado de .oggi-header-btn a .boston-header-btn */
.boston-header-btn:hover,
.boston-header-btn:focus {
    /* Cambiado de --oggi-verde-oscuro a --boston-rojo-claro para el fondo en hover */
    background: var(--boston-rojo-claro);
    color: #fff;
    text-decoration: none;
    /* Ajustado el color de la sombra para reflejar el color de acento de Boston */
    box-shadow: 0 2px 7px rgba(198, 40, 40, 0.10); /* Usando RGBA de Boston Rojo */
}
/* Renombrado de .oggi-header-btn--wpp a .boston-header-btn--wpp */
.boston-header-btn--wpp {
    /* El color de WhatsApp es específico, no se cambia a menos que quieras un look diferente */
    background: #25d366; /* Color original de WhatsApp */
    color: #fff !important;
    font-weight: 800;
}
/* Renombrado de .oggi-header-btn--wpp a .boston-header-btn--wpp */
.boston-header-btn--wpp:hover,
.boston-header-btn--wpp:focus {
    /* Ligeramente más oscuro para el hover de WhatsApp */
    background: #1ebe5b;
    color: #fff !important;
}
/* Renombrado de .oggi-header-btn--wpp a .boston-header-btn--wpp */
.boston-header-btn--wpp i {
    font-size: 1.12em;
    margin-right: 6px;
}