/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial, sans-serif; background:#f2f2f2; color:#333; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }

/* Wrapper */
.wrapper {
  max-width:960px; margin:0 auto 40px; background:#fff;
  border-radius:8px; box-shadow:0 4px 16px rgba(0,0,0,0.1);
  overflow:hidden; padding-bottom:40px;
}

/* NAV */
nav { display:flex; justify-content:space-between; align-items:center; padding:20px 40px; background:#fff; }
nav .logo img { width:100px; height:auto; }
nav ul { display:flex; gap:30px; }
nav a { font-weight:bold; font-size:.95rem; color:#333; }
nav a:hover { color:#2c3e50; }

/* Header */
header { padding:60px 40px 40px; }
.header-content { display:flex; flex-direction:column; align-items:center; text-align:center; gap:20px; }
@media (min-width:768px){ .header-content{ flex-direction:row; text-align:left; } }
.profile-img { width:400px; height:400px; border-radius:50%; object-fit:cover; }
.intro h1 { font-size:2.5rem; margin-bottom:10px; color:#2c3e50; }
.subtitle { font-size:1.2rem; font-style:italic; color:#555; margin-bottom:10px; }
.tagline { font-size:1rem; color:#666; margin-bottom:20px; }
.btn { padding:12px 24px; border-radius:6px; font-size:1rem; font-weight:bold; }
.btn.whatsapp { background:#1b9e48; color:#fff; }

/* Divider */
.section-divider { border:none; border-top:1px solid #e0e0e0; margin:20px 40px; }

/* Breadcrumb */
.breadcrumb { font-size:.9rem; color:#555; padding:10px 40px 0; }
.breadcrumb ol { display:flex; gap:.5rem; flex-wrap:wrap; list-style:none; }
.breadcrumb li + li::before { content:" / "; color:#999; }

/* Section */
.digestivo-section { display:flex; flex-direction:column; padding:40px; gap:40px; }
.digestivo-section .col { flex:1; padding:0 20px; }
.digestivo-section h2 { font-size:1.6rem; margin-bottom:14px; color:#2c3e50; }
#digestivo p { margin-bottom:1.5em; line-height:1.6; }

/* Cards (marrón claro) */
.cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:16px; margin:20px 0; }
.card {
  background:#F9EFE6;  /* marrón claro */
  border:1px solid #E5D4C4;
  border-radius:8px; padding:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.card:hover { transform:translateY(-4px); box-shadow:0 4px 12px rgba(0,0,0,.15); }
.card h3 { margin-bottom:8px; font-size:1.1rem; color:#5C4033; }
.card p { color:#4a3b35; line-height:1.5; }
.card-link { display:inline-block; margin-top:10px; font-weight:bold; color:#704214; transition:color .2s; }
.card-link:hover { color:#3e2723; text-decoration:underline; }

/* FAQ */
.faq { padding:0 40px; }
.faq h2 { margin-bottom:12px; color:#2c3e50; }
.faq details { border:1px solid #ddd; border-radius:6px; padding:12px 16px; margin-bottom:12px; background:#fafafa; }
.faq summary { cursor:pointer; font-weight:bold; color:#333; }
.faq p { margin-top:8px; line-height:1.5; }

/* Topics */
.topics-nav { display:flex; flex-wrap:wrap; gap:10px; padding:20px 40px; justify-content:center; }
.topics-nav a { background:#2c3e50; color:#fff; padding:10px 18px; border-radius:6px; font-weight:bold; font-size:.95rem; transition:background .3s; }
.topics-nav a:hover { background:#1a252f; }

/* Contacto */
.contact-section { display:flex; flex-direction:column; padding:40px; gap:40px; }
.contact-info, .contact-form { flex:1; padding:0 20px; }
@media(min-width:768px){ .contact-section{ flex-direction:row; } }
.contact-list li { margin-bottom:15px; font-size:1rem; }
.interest-box { background:#f9f9f9; border:1px solid #e0e0e0; border-radius:6px; padding:20px; margin-bottom:20px; }
.interest-box h3 { font-size:1.2rem; margin-bottom:10px; color:#2c3e50; }
.interest-box ul { list-style:disc; margin-left:20px; }
.interest-box li { margin-bottom:8px; }
.interest-box a:hover { color:#2c3e50; }

/* Footer */
footer { background:#fafafa; text-align:center; padding:20px; font-size:.9rem; color:#777; }

/* WhatsApp */
.whatsapp-float {
  position:fixed; bottom:20px; right:20px; background:#25d366;
  width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.3); z-index:1000;
}
.whatsapp-float img { display:block; }