/* ======================================================
   CLÍNICA MÉDICA NICOYANA — inner.css
   Páginas internas (Servicios, Médicos, Contáctanos)
   ====================================================== */

.inner-main {
  background: linear-gradient(180deg, #f4f7fb 0%, #e8eef5 100%);
  min-height: calc(100vh - 200px);
  padding: 60px 24px;
}

.inner-container {
  max-width: 900px;
  margin: 0 auto;
  background: #ffffff;
  padding: 48px 40px;
  border-radius: 12px;
  border: 1px solid #e4ebf3;
  box-shadow: 0 4px 14px rgba(27, 58, 92, 0.06);
}

.inner-container h1 {
  color: var(--color-navy);
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: -0.4px;
  border-bottom: 3px solid var(--color-blue-line);
  display: inline-block;
  padding-bottom: 8px;
}

.inner-container .lead {
  color: #4a5a70;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 28px;
}

.btn-back {
  display: inline-block;
  background: var(--color-navy);
  color: #fff;
  padding: 10px 22px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s ease, transform 0.2s ease;
}
.btn-back:hover {
  background: var(--color-blue-line);
  transform: translateY(-1px);
}

@media (max-width: 600px) {
  .inner-main { padding: 30px 14px; }
  .inner-container { padding: 28px 20px; }
  .inner-container h1 { font-size: 26px; }
}