/**
 * PARCEIROS - MURICY CONSULTORIA
 * Estilos para página de parceiros
 */

.page-parceiros{padding:var(--section-lg)}
.page-header{text-align:center;margin-bottom:var(--space-2xl)}
.page-intro{max-width:700px;margin:var(--space-lg) auto 0;color:var(--text-muted);font-size:var(--text-lg)}

/* A introdução é o único ponto da página que renderiza texto rico, e SVG sem
   width/height ocupa o espaço que encontrar — foi assim que cinco ícones de uma
   folheteria antiga apareceram do tamanho da tela, um embaixo do outro. Trava
   qualquer mídia que caia aqui, venha de onde vier. */
.page-intro img,.page-intro svg,.page-intro video,.page-intro iframe{max-width:100%;height:auto}
.page-intro svg{max-height:1.5em;width:auto;vertical-align:middle}

.parceiros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}

.parceiro-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:1px solid rgba(0,173,186,0.08);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}
.parceiro-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.parceiro-card.parceiro-destaque{border-color:var(--primary);box-shadow:var(--shadow-primary)}

.parceiro-logo{height:120px;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--gradient-soft);border-bottom:1px solid var(--border)}
/* max-width junto com max-height: estes logos são faixas largas (o da Weknow é
   ~4,4:1). Só com max-height, 80px de altura dão 350px de largura e o logo
   estourava a lateral do card, que tem overflow:hidden. */
.parceiro-logo-img{max-height:80px;max-width:100%;width:auto;object-fit:contain}
.parceiro-logo-placeholder{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--text-2xl);font-weight:700}

.parceiro-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}
.parceiro-nome{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-sm)}
.parceiro-resumo{color:var(--text-muted);font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-md);flex:1}

.parceiro-contato{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--text-muted)}
.parceiro-contato span{display:flex;align-items:center;gap:var(--space-xs)}

.parceiro-acoes{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}
.btn-parceiro{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);text-decoration:none}

/* Variantes por tipo */
.btn-parceiro--site{background:var(--gradient-primary);color:var(--white)}
.btn-parceiro--site:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}

.btn-parceiro--whatsapp{background:#25D366;color:var(--white)}
.btn-parceiro--whatsapp:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,0.3)}

.btn-parceiro--email{background:var(--secondary);color:var(--white)}
.btn-parceiro--email:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}

.btn-parceiro--telefone{background:var(--gray-light);color:var(--text)}
.btn-parceiro--telefone:hover{background:var(--gray);transform:translateY(-2px)}

.btn-parceiro--outro{background:var(--white);color:var(--primary);border:1px solid var(--primary)}
.btn-parceiro--outro:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}

/* Indicador de link externo */
.btn-parceiro.external::after{content:"↗";font-size:0.8em;margin-left:2px}

.parceiros-empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}

/* Responsivo */
@media (max-width:768px){
    .parceiros-grid{grid-template-columns:1fr}
    .page-parceiros{padding:var(--section-md)}
}