/* CSS Loaded Successfully - Sheila Moraes Therapy Website */
:root{
  --primary:#8e44ad;
  --secondary:#e74c3c;
  --accent:#f39c12;
  --success:#27ae60;
  --info:#3498db;
  --light:#f8f9fa;
  --dark:#2c3e50;
  --max-width:1100px;
  --gradient-primary: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%);
  --gradient-secondary: linear-gradient(135deg, #e74c3c 0%, #f39c12 100%);
  --gradient-accent: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
}

*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif;color:var(--dark);}
body{background:var(--light);scroll-behavior:smooth;}

nav{width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(142,68,173,0.1);}
nav .container{max-width:var(--max-width);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:1rem;}
nav .brand{font-size:1.3rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
nav ul{display:flex;gap:1.5rem;list-style:none;}
nav a{text-decoration:none;color:var(--dark);font-weight:500;transition:.3s;}
nav a:hover{color:var(--primary);}
.hamburger{display:none;font-size:1.5rem;background:none;border:none;color:var(--dark);}

header{height:100vh;background:url('https://images.unsplash.com/photo-1496247749665-49cf5b1022e5?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(142,68,173,0.3) 50%, rgba(231,76,60,0.2) 100%), url('https://images.unsplash.com/photo-1496247749665-49cf5b1022e5?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;}
header .hero-content{color:#fff;padding:0 1rem;}
header h1{font-family:'Playfair Display',serif;font-size:2.8rem;margin-bottom:1rem;}
header p{font-size:1.1rem;margin-bottom:2rem;}
header .btn{background:rgba(231,76,60,0.9);color:#fff;padding:.75rem 2rem;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block;}
header .btn:hover{background:rgba(142,68,173,0.9);transform:translateY(-2px);color:#fff;}

section{padding:4rem 1rem;}
section:nth-child(even){background:linear-gradient(135deg, rgba(142,68,173,0.05) 0%, rgba(231,76,60,0.05) 100%);}
.container{max-width:var(--max-width);margin:auto;}

/* Section headers with gradient text */
section h2{text-align:center;margin-bottom:2rem;font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:3px solid var(--secondary);padding-bottom:10px;display:inline-block;margin-left:50%;transform:translateX(-50%);}

#sobre .content{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;}
#sobre img{width:260px;height:260px;object-fit:cover;border-radius:50%;flex-shrink:0;box-shadow:0 8px 25px rgba(142,68,173,0.2);border:4px solid var(--primary);}
#sobre p{flex:1;line-height:1.6;}

#servicos .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-top:2rem;}
.card{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.3s;border-top:4px solid var(--primary);}
.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(142,68,173,0.2);}
.card i{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;}
.card h3{margin-bottom:.5rem;font-size:1.1rem;color:var(--primary);}

#artigos .posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;}
.post{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.3s;border-top:4px solid var(--accent);}
.post:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(243,156,18,0.2);}
.post img{width:100%;height:180px;object-fit:cover;transition:.3s;}
.post:hover img{transform:scale(1.05);}
.post .info{padding:1rem;}
.post h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--dark);}
.post a{background:var(--gradient-accent);color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:20px;display:inline-block;transition:.3s;}
.post a:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(243,156,18,0.3);}

#depoimentos blockquote{background:#fff;border-left:4px solid var(--primary);border-top:4px solid var(--primary);padding:1.5rem 2rem;margin:1rem 0;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.1);}
#depoimentos blockquote:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(142,68,173,0.2);}
#depoimentos cite{display:block;margin-top:.5rem;font-style:normal;font-weight:600;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
#depoimentos .rating{display:flex;justify-content:center;gap:.25rem;margin-top:.75rem;}
#depoimentos .rating i{color:var(--accent);font-size:.9rem;}

#contato form{display:grid;gap:1rem;max-width:600px;margin:auto;}
input,textarea{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:.3s;background:#fff;}
input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(142,68,173,0.1);}
textarea{resize:vertical;min-height:150px;}
#contato button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:30px;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(142,68,173,0.3);}
#contato button:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(231,76,60,0.4);}

/* Contact Methods */
.contact-methods {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 2rem 0 3rem;
  flex-wrap: wrap;
}

.contact-method {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.3s;
  color: #fff;
}

.contact-method.whatsapp {
  background-color: #25D366;
}

.contact-method.whatsapp:hover {
  transform: translateY(-3px);
}

.contact-method.phone {
  background-color: #007bff;
}

.contact-method.phone:hover {
  transform: translateY(-3px);
}

.contact-method.email {
  background: var(--gradient-primary);
}

.contact-method.email:hover {
  transform: translateY(-3px);
}

.contact-method i {
  font-size: 1.5rem;
}

.contact-method span {
  font-size: 1.1rem;
}

/* Footer and Contact Section Styles */
footer{background:var(--gradient-primary);color:#fff;text-align:center;padding:1.5rem 1rem;}

/* Contact Section Styles */
.py-20 { padding: 5rem 0; }

/* Override section h2 styles for contact section */
section .text-4xl.font-bold.text-indigo-900 {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  display: block !important;
  margin-left: 0 !important;
  transform: none !important;
  color: #312e81 !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}
.container { max-width: var(--max-width); margin: 0 auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.text-center { text-align: center; }
.text-4xl { font-size: 2.25rem; }
.font-bold { font-weight: 700; }
.text-indigo-900 { color: #312e81; }
.mb-2 { margin-bottom: 0.5rem; }
.w-24 { width: 6rem; }
.h-1 { height: 0.25rem; }
.bg-red-500 { background-color: #ef4444; }
.mb-8 { margin-bottom: 2rem; }
.text-gray-600 { color: #4b5563; }
.mb-12 { margin-bottom: 3rem; }
.max-w-lg { max-width: 32rem; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.md\:flex-row { flex-direction: row; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.space-y-6 > * + * { margin-top: 1.5rem; }
.md\:space-y-0 > * + * { margin-top: 0; }
.md\:space-x-8 > * + * { margin-left: 2rem; }

/* Contact button container spacing fix */
.flex.flex-col.md\:flex-row.justify-center.items-center.space-y-6.md\:space-y-0.md\:space-x-8 {
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .flex.flex-col.md\:flex-row.justify-center.items-center.space-y-6.md\:space-y-0.md\:space-x-8 {
    gap: 2rem;
  }
}
.bg-green-500 { background-color: #10b981; }
.text-white { color: #ffffff; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.rounded-full { border-radius: 9999px; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.hover\:bg-green-600:hover { background-color: #059669; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.duration-300 { transition-duration: 300ms; }
.transform { transform: translateZ(0); }
.hover\:scale-105:hover { transform: scale(1.05); }
.w-full { width: 100%; }
.md\:w-auto { width: auto; }
.bg-blue-500 { background-color: #3b82f6; }
.hover\:bg-blue-600:hover { background-color: #2563eb; }
.bg-purple-600 { background-color: #9333ea; }
.hover\:bg-purple-700:hover { background-color: #7c3aed; }
.mr-3 { margin-right: 0.75rem; }

/* Footer specific styles */
.bg-purple-700 { background-color: rgba(124, 58, 237, 0.8); }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

/* Icon styles for contact buttons */
.fab.fa-whatsapp, .fas.fa-phone, .fas.fa-envelope {
  font-size: 1.5rem;
  line-height: 1;
}

/* Fix white line below text in contact buttons */
section .py-20 a {
  line-height: 1 !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

section .py-20 a span {
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  border: none !important;
}

/* Additional fix for any remaining white lines */
section .py-20 a:hover,
section .py-20 a:focus,
section .py-20 a:active {
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

/* Material Icons */
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

/* Responsive adjustments */
@media (max-width: 768px) {
  .md\:flex-row { flex-direction: column; }
  .md\:space-x-8 > * + * { margin-left: 0; }
  .md\:w-auto { width: 100%; }
  .text-4xl { font-size: 1.875rem; }
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.card, .post, blockquote {
  animation: fadeInUp 0.6s ease-out;
}

.card:hover i {
  animation: pulse 1s infinite;
}



/* Article Layout Styles */
.artigo-content {
  padding: 6rem 1rem 4rem;
  background: var(--light);
}


.artigo-content .artigo-header {
  margin-bottom: 2rem;
  background: none;
  height: auto;
  padding: 0;
  position: static;
}

.artigo-content .artigo-header h1 {
  font-family: 'Playfair Display', serif;
  font-size: 2.5rem;
  color: var(--primary);
  margin: 0;
  line-height: 1.2;
}

.artigo-body {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 1.1rem;
}

.artigo-body h2 {
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  margin: 2.5rem 0 1rem;
  color: var(--primary);
}

.artigo-body h3 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem;
  color: var(--secondary);
}

.artigo-body p {
  margin-bottom: 1.5rem;
}

.artigo-body ul, .artigo-body ol {
  margin: 1.5rem 0;
  padding-left: 2rem;
}

.artigo-body li {
  margin-bottom: 0.5rem;
}

.artigo-body strong {
  color: var(--primary);
  font-weight: 600;
}

.artigo-body blockquote {
  background: rgba(142,68,173,0.1);
  border-left: 4px solid var(--primary);
  padding: 1.5rem;
  margin: 2rem 0;
  border-radius: 8px;
  font-style: italic;
}


.artigo-footer {
  text-align: center;
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(142,68,173,0.2);
}

.btn-voltar {
  background: var(--gradient-primary);
  color: #fff;
  text-decoration: none;
  padding: 0.75rem 2rem;
  border-radius: 30px;
  font-weight: 600;
  transition: 0.3s;
  display: inline-block;
  border: none;
  cursor: pointer;
}

.btn-voltar:hover {
  background: var(--gradient-secondary);
  transform: translateY(-2px);
  color: #fff;
  box-shadow: 0 4px 15px rgba(231,76,60,0.3);
}

@media(max-width:768px){
  nav ul{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:1rem;box-shadow:0 8px 25px rgba(142,68,173,0.2);display:none;}
  nav ul.show{display:flex;}
  .hamburger{display:block;}
  #sobre .content{flex-direction:column;}
  header h1{font-size:2rem;}
  section h2{font-size:2rem;}
  
  .contact-methods {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  
  .contact-method {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  
  .artigo-content {
    padding: 4rem 1rem 2rem;
  }
  
  .artigo-header h1 {
    font-size: 2rem;
  }
  
  .artigo-body {
    font-size: 1rem;
  }
  
  .artigo-body h2 {
    font-size: 1.5rem;
  }
  
  .artigo-body h3 {
    font-size: 1.3rem;
  }
} 

#servicos .container {
  max-width: 800px;
}

#servicos .card {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}