/* =========================================================================
   Tema exclusivo da página /ortopedista-particular-lorena-sp — carrega
   DEPOIS de style.css e index-theme.css. Só os ajustes específicos desta
   página que não existiam nas classes compartilhadas.
   ========================================================================= */

/* Botões "Agendar particular" / "Como chegar": 50% de largura cada um
   lado a lado no desktop. No mobile, .btn-mobile-block (já existente em
   style.css) continua garantindo 100% de largura, empilhados. */
@media (min-width: 769px) {
    .cta-row-50 > .btn { flex: 1 1 0; }
}

/* Badges de convênios (4) e de telefones (3) do card "Agende sua consulta":
   cada badge ocupa 1/N da linha, com o texto centralizado. */
.convenio-badges { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.phone-badges-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.convenio-badges .phone-badge, .phone-badges-grid .phone-badge {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    overflow-wrap: break-word;
}

/* No mobile, no card "Agende sua consulta": telefones um acima do outro
   (1 coluna) e badges de convênio 2 por linha (2 colunas). */
@media (max-width: 768px) {
    .phone-badges-grid { grid-template-columns: 1fr; }
    .convenio-badges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* "Agende sua consulta": card do formulário abaixo do mapa+card de
   endereço, com 50% de largura centralizado só no desktop. */
@media (min-width: 769px) {
    #onde-atende-form { max-width: 50%; margin-left: auto; margin-right: auto; }
}