/* Pharmacy Page Styles - tibi-pharmacy-page */

.tibi-pharmacy-page { --color-accent: #84329B; }

.tibi-pharmacy-hero {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #84329B 0%, #6f1f9a 100%);
}

.tibi-pharmacy-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

/* Quando tem imagem de fundo, remover gradiente do parent */
.tibi-pharmacy-hero:has(.tibi-pharmacy-hero-bg[style*="background-image"]) {
  background: transparent;
}

.tibi-pharmacy-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(132, 50, 155, 0.4) 0%, rgba(111, 31, 154, 0.5) 100%);
}

.tibi-pharmacy-hero .container {
  position: relative;
  z-index: 1;
}

.tibi-pharmacy-hero-content {
  max-width: 700px;
  padding: 4rem 0;
  text-align: left;
}

.tibi-pharmacy-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  backdrop-filter: blur(8px);
}

.tibi-pharmacy-hero-badge svg {
  width: 1.25rem;
  height: 1.25rem;
}

.tibi-pharmacy-hero-title {
  font-size: 3rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 1.25rem;
  line-height: 1.15;
}

.tibi-pharmacy-hero-text {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2rem;
  line-height: 1.7;
  max-width: 100%;
}

.tibi-pharmacy-hero-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.tibi-pharmacy-btn-white {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.tibi-pharmacy-btn-white:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.tibi-pharmacy-hero-actions .btn {
  background-color: #ffffff !important;
  color: #84329B !important;
  border: 2px solid #ffffff !important;
}

.tibi-pharmacy-hero-actions .btn:hover {
  background-color: rgba(255, 255, 255, 0.85) !important;
  color: #6f1f9a !important;
}

/* Product Grid Section */
.tibi-pharmacy-products { padding: 5rem 0; background: #fff; }
.tibi-pharmacy-section-header { text-align:center; margin-bottom:3.5rem; }
.tibi-pharmacy-products-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:1.5rem; }
.tibi-pharmacy-product-card { 
    background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:2rem; text-align:center; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: default;
}
.tibi-pharmacy-product-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px -10px rgba(132,50,155,0.15); border-color: rgba(132,50,155,0.3); }
.tibi-pharmacy-product-icon { 
    width:4rem; height:4rem; margin:0 auto 1.25rem; display:flex; align-items:center; justify-content:center; 
    background: rgba(132,50,155,0.08); border-radius:12px; color: var(--color-accent); 
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.tibi-pharmacy-product-card:hover .tibi-pharmacy-product-icon { transform: scale(1.1); background:var(--color-accent); color:#fff; }
.tibi-pharmacy-product-card h3 { font-size:1.15rem; font-weight:700; margin-bottom:0.75rem; }
.tibi-pharmacy-product-card p { font-size:0.95rem; color:#666; line-height:1.6; margin:0; }

/* Advice Section */
.tibi-pharmacy-advice { padding: 5rem 0; background: #f8fafc; }
.tibi-pharmacy-advice-wrapper { display:grid; grid-template-columns: 1fr 1fr; gap:4rem; align-items:center; }
.tibi-pharmacy-advice-visual { position:relative; }
.tibi-pharmacy-advice-image-frame { border-radius:16px; overflow:hidden; box-shadow:0 25px 50px -12px rgba(0,0,0,0.1); position:relative; }
.tibi-pharmacy-advice-image-frame img { display:block; width:100%; height:auto; }

.tibi-pharmacy-advice-badge { 
    position:absolute; bottom:1.5rem; right:1.5rem; background:#fff; padding:1rem 1.25rem; border-radius:12px; 
    display:flex; align-items:center; gap:0.75rem; box-shadow:0 10px 30px -5px rgba(0,0,0,0.1); 
}
.tibi-pharmacy-advice-badge svg { color: var(--color-accent); }
.tibi-pharmacy-advice-badge span { font-size:0.9rem; line-height:1.3; color:#333; }

.tibi-pharmacy-badge { 
    display:inline-flex; align-items:center; gap:.5rem; background:rgba(132,50,155,0.1); 
    color:var(--color-accent); padding:.5rem 1rem; border-radius:999px; font-weight:600; font-size:0.9rem; 
    margin-bottom:1.5rem;
}
.tibi-pharmacy-advice-title { font-size:2.25rem; font-weight:800; margin-bottom:1.25rem; line-height:1.2; }

/* Lists */
.tibi-pharmacy-list { margin-top: 1rem; list-style: none; padding: 0; }
.tibi-pharmacy-list li { display: flex; gap: .75rem; align-items: flex-start; margin: .75rem 0; font-weight: 500; font-size: 1.05rem; }
.tibi-pharmacy-list svg { flex: 0 0 24px; color: var(--color-accent, #84329B); } 

/* CTA Section */
.tibi-pharmacy-cta { background: linear-gradient(90deg, rgba(132,50,155,0.04), rgba(132,50,155,0.01)); padding: 4rem 0; }
.tibi-pharmacy-cta .btn { margin-right: .5rem; }

/* Responsive */
@media (max-width: 991px) {
  .tibi-pharmacy-products-grid { grid-template-columns: 1fr 1fr; }
  .tibi-pharmacy-advice-wrapper { grid-template-columns: 1fr; gap: 2rem; }
  .tibi-pharmacy-advice-image-frame { order: -1; } /* Image first on mobile */
}

@media (max-width: 768px) {
  .tibi-pharmacy-hero { min-height: 400px; }
  .tibi-pharmacy-hero-content { padding: 3rem 0; }
  .tibi-pharmacy-hero-title { font-size: 2rem; }
  .tibi-pharmacy-hero-text { font-size: 1rem; }
}

@media (max-width: 600px) {
  .tibi-pharmacy-products-grid { grid-template-columns: 1fr; }
}