/* ===== Reset básico ===== */
* { 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;
}

/* ===== Navegación ===== */
nav {
  display:flex; justify-content:space-between; align-items:center;
  background:#fff; padding:20px 40px;
}
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; text-align:center; }
.btn.whatsapp { background:#1b9e48; color:#fff; }

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

/* ===== Breadcrumb (sin numeración) ===== */
.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; }

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

/* ===== Tarjetas (teal lazo ovario) ===== */
.cards {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:16px; padding:0 0; margin:20px 0;
}
.card {
  background:#E6F8F6;        /* fondo teal muy claro */
  border:1px solid #BDEAE5;  /* borde teal suave */
  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:#0F766E; } /* teal oscuro accesible */
.card p { color:#2f3b3b; line-height:1.5; }
.card-link {
  display:inline-block; margin-top:10px; font-weight:bold;
  color:#116A63; transition: color .2s;
}
.card-link:hover { color:#0B534F; 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; }

/* ===== Temas / navegación ===== */
.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 ease;
}
.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 flotante ===== */
.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; }